/************************/
/*  Author: Chad Rhyner */
/*  Project: Trustor    */
/*  Date: 7-08-06       */
/************************/

body {
   margin: 0px 10px 0px 10px;
	background-color: #DDDDDD;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 18px;
	color: #000;
}

/***  Font Properties  ***/
p {
   color: #000;
   font-weight: normal;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 16px;
}

h1 {
   color: #000;
   font-weight: bold;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 36px;
}

h2 {
   color: #000;
   font-weight: bold;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 24px;
}

h3 {
   color: #000;
   font-weight: bold;
   font-family:  Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 18px;
}

h4 {
   color: #000;
   font-weight: normal;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
	font-size: 16px;
}

h5 {
   color: #000;
   font-weight: normal;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 14px;
}

h6 {
   color: #000;
   font-weight: normal;
   font-family: Arial, Tahoma, "Lucida Sans Typewriter";
   font-size: 12px;
}

td {
   color: #000;
	font-size: 18px;
}

table {
   color: #000;
	font-size: 18px;
}

table.tinyText{
   color: #000;
	font-size: 14px;
}

tr.tinyText{
   color: #000;
	font-size: 12px;
	border: 1px solid #DDDDDD;
}

td.tinyText{
   border: 1px solid #DDDDDD;
	font-size: 12px;
}

strong {
   color: #000;
}

li {
   color: #000;
	font-size: 16px;
}

ul.letters {
   list-style-type:upper-alpha;
	font-size: 16px;
}

ul.numbers{
   list-style-type: decimal;
	font-size: 16px;
}

ul.loweralpha{
   list-style-type: lower-alpha;
   font-size: 16px;
}

ul.lowerroman{
   list-style-type: lower-roman;
   font-weight: normal;
	font-size: 16px;
}

ul.none{
   list-style-type: none;
}

/***  End Font Properties  ***/

/********************/
/**  Tag styles    **/
/********************/

img {
   border: 3px solid #000;
}

img.noborder {
   border: none;
}

img.leftAlign {
   float: left;
   margin-right: 10px;
}

ul {
   list-style: square;
   color: #000;
}

table.normalTable{
	padding: 15px;
}

td.normalTable{
   background-color: #DDDDDD;
	padding: 15px;
	text-align: center;
}

td.radio{
   background-color: #DDDDDD;
	padding: 15px;
	text-align: left;
}

/*******************/
/**  Span styles  **/
/*******************/

.title {
   font-size: 115%;
	font-weight: bold;
}

.left {
   text-align: left;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.nudge {
   margin-left: 8px;
}

.indent {
   margin-left: 30px;
}

.shove {
   margin-left: 200px;
}

.cushion {
   padding: 15px;
}

/**************************/
/**  Left content links  **/
/**************************/

a.links:link {
   font-size: 90%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.links:visited {
   font-size: 90%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

a.links:hover {
   font-size: 90%;
	color: #66CC33;
	text-decoration: none;
	font-weight: bold;
}

a.links:active {
   font-size: 90%;
	color: FF9900;
	text-decoration: none;
	font-weight: bold;
}

.links {
   font-size: 90%;
	color: #767676;
	font-weight: bold;
}

.currentLink {
   font-size: 90%;
   color: #66CC33;
   font-weight: bold;
   text-decoration: none;
}

a.currentLink:link {
   font-size: 90%;
   color: #66CC33;
   font-weight: bold;
   text-decoration: none;
}

ul.specialList {
	list-style-image:url(http://www.trustorcoatings.com/images/list_type1.jpg);
}

table.projects {
   border: 1px solid #000;
}

th.projects {
   font-size: 110%;
   font-weight: bold;
   text-align: left;
   padding-left: 150px;
   text-decoration: underline;
   color: #000;
}

td.projects {
   font-size: 10pt;
   border: 1px solid #000;
   padding: 3px;
   width: 100px;
}

td.columnTitle {
   font-size: 10px;
   font-weight: bold;
   text-decoration: underline;
}

td.register {
   font-family: Arial, Tahoma, "Lucida Sans Typewriter"; 
   background-color: #DDDDDD;
	font-size: 14px;
}

/*********************************/
/**  Menu Expander Link Styles  **/
/*********************************/

a.titleLinks:link {
   font-size: 90%;
   color: #000;
	font-weight: bold;
   text-decoration: none;
}

a.titleLinks:visited {
   font-size: 90%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.titleLinks:hover {
   font-size: 90%;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

a.titleLinks:active {
   font-size: 90%;
	color: #CC;
	text-decoration: underline;
	font-weight: bold;
}


/****************************/
/**  Middle Content Links  **/
/****************************/


a.contentLinks:link {
   color: #CC;
	text-decoration: none;
}

a.contentLinks:hover {
   color: #CC3333;
	text-decoration: underline;
}

a.contentLinks:visited {
   color: #333333;
	text-decoration: underline;
}

/****************************/
/***  Page Divisions      ***/
/****************************/

/***  Due to IE Explorer's poor display qualities, one
must use the child selector for all other browswers.  IE
does not understand the child property, so it makes it display
correctly.  Once it does understand, it will use the proper setting.  ***/

/*** IE #top settings  ***/
#top {
   height: 251px;
	text-align: center;
}

/***  IE #leftContent setting  ***/ 
#leftContent {
   position: absolute;
	left: 10px;
	top: 251px;
	width: 200px;
	background-color:  #FFFFFF;
	border: 1px solid #C72B00; 
   padding: 0px 10px 5px 10px;
}

/***  IE #middleContent setting  ***/
#middleContent {
   margin: 0px 20px 10px 200px;  
	background-color:  #FFFFFF;
	border: 1px solid #C72B00;
   padding: 20px;
}

/***  IE #rightContent settings  ***/
#rightContent {
   position: absolute;
	right: 10px;
   top: 250px;
   width: 10px;
	background-color:  #DDDDDD;
}

#menuExpander{
   top: 10px;   
}

/***  All other browswers #top settings  ***/
html>body #top {
   margin-left: 10px;
   margin-right: 10px;
   height: 250px;
   text-align: center;
}

/***  All other browsers #leftContent settings  ***/
html>body #leftContent {
   position: absolute;
   left: 10px;
	top: 266px;
   width: 200px;
   background-color: #FFFFFF;
   border: 1px solid #C72B00;
}


/***  All other browsers #middleContent settings  ***/
html>body #middleContent {
   margin: 0px 20px 10px 221px;
   background-color: #FFFFFF;
   border: 1px solid #C72B00;
}

/*** All other browswers #rightContent settings  ***/
html>body #rightContent {
   position: absolute;
   right: 10px;
   top: 274px;
   width: 10px;
   background-color: #DDDDDD;
}

/************************/
/*  Internal Divisions  */
/************************/

/****  The Big Block Login Division  ***/
#login {
	left: 0px;
	right: 0px;
	top:  10px;
	width: 170px;
	height: 150px;
	padding: 5px;
}

#loginText {
	left: 0px;
	top: 10px;
	width: 80px;
	text-align: right;
   padding: 5px;
}

#loginBox {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 80px;
   padding: 5px;
}

#passwordText {
   left: 0px;
	top: 44px;
	width: 80px;
	text-align: right;
	padding: 5px;
}

#passwordBox {
   position: absolute;
	top: 44px;
	right: 10px;
	width: 80px;
	padding: 5px;
}

#loginButton {
	top: 15px;
	width: 170px;
   padding: 15px;
}

#register {
   left: 22px;
	top: 0px;
	width: 170px;
}

#skinselector {
   width:150px;
	height:30px; 
	background-color:#DDDDDD; 
	border: 1px solid black; 
	margin-left: 5px; 
	padding-left: 5px;
}