/************************/
/*  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";
   color: #000;
   font-size: 18px;
}


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

/***  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: 12px;
}

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: 18px;
}
	
/***  End Font Properties  ***/

img {
    border: 3px solid;
}

img.noborder {
     border: 0px solid;
}

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


/*******************/
/**  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);
}

/*********************************/
/**  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: #CC0000;
   text-decoration: underline;
	font-weight: bold;
}


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


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

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

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

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

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

/***  IE Explorer 6 #leftContent settings  ***/
/*#leftContent {
   position: absolute;
	left: 10px;
	top: 251px;
	width: 200px;
	background-color:  #FFFFFF;
	border: 1px solid #C72B00; 
}*/

/***  IE Explorer 6 #middleContent setting  ***/
/*#middleContent {
   margin: 0px 233px 10px 199px;  
	background-color:  #FFFFFF;
	border: 1px solid #C72B00;
	padding-left: 20px;
	padding-right: 20px;
}*/

/***  IE Explorer 6 #rightContent setting  ***/
/*#rightContent {
   position: absolute;
	right: 10px;
	top: 251px;
   width: 213px;
	background-color:  #DDDDDD;
}*/

/*
html>body #top {
   height: 266px;
   text-align: center;
} */

.table { display: table; }
.tr { display: table-row; }

/*** All other browswers #top setting  ***/
#top {
   height: 250px;
   text-align: center;
}
  
/***  All other browsers #leftContent settings  ***/
#leftContent {
   position: absolute;
   left: 10px;
   /*top: 266px; */
   width: 200px;
   background-color: #FFFFFF;
   border: 1px solid #C72B00;
   padding: 0px 10px 5px 10px;
   display: table-cell;
}

 
#menuExpander{
   margin-top: 10px;
}

/***  All other browsers #middleContent setting  ***/
#middleContent {
	position: absolute;
	right: 265px;
	left: 245px;
/*   margin: 0px 270px 10px 245px; */
   background-color: #FFFFFF;
   border: 1px solid #C72B00;
   padding: 20px;
   display: table-cell;
}

/***  All other browsers #rightContent setting  ***/
#rightContent {
   position: absolute;
   right: 30px;
   /*top: 266px;*/
   width: 235px;
   background-color: #DDDDDD;
   display: table-cell;
}

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

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

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

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

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

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

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

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

#homePageFlash {
   	width: 230px;
	height: 550px;
}