@charset "utf-8";
* {padding: 0; margin: 0;}

body  {font: 100%  Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 9pt; background-image: url(images/back1.gif); background-repeat: repeat-x }

html { min-height: 100%; margin-bottom: 1px; }

a:link {color: #e26d97; font-weight: normal; text-decoration: underline;}

a:visited {color: #e26d97; font-weight: normal; text-decoration: underline;}

a:hover {color: #000; font-weight: normal; text-decoration: underline;}

a:active {color: #e26d97; font-weight: normal; text-decoration: underline;}

#containerbody {width: 950px; margin: 0 auto; text-align: left;  height: 100%;  background-color: #fff; background-image: url(images/backwhite.gif); border: 2px solid #e26d97;}   

#containerbottom {clear: both; width: 950px; height: 10px; margin: 0 auto;}

#containertop {clear: both; width: 950px; height: 10px; margin: 0 auto;}


#maincontent {clear: both; width: 930px; margin: 0 auto;  height: 100%;  }
 /*----#maincontent {clear: both; width: 930px; margin: 0 auto;  height: 100%; background-image: url(images/back2.gif); }---*/
 
 /*----- top part of page -----------------------------------------------*/
 
#title {padding: 0 0px 0 0px; width: 950px; text-align: left; } 

#toplogo {clear: both; width: 950px; height: 40px; border-bottom: 1px solid #000;} 

#toplogoleft {float: left; width: 720px; }

#toplogoright{float: right; width: 160px;}

#topphoto {width: 950px; height: 175px; } 

#topphotoleft {float: left; width: 802px;  }

#topphotoright{float: right; width: 140px;  }


/*----- main content area -----------------------------------------------*/

#content {margin: 0px 220px 0px 220px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff;}

#content p {margin: 0px 10px 10px 0;}

#content li {margin: 0px 10px 0px 25px;}

#contentwide {margin: 0px 20px 0px 220px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff;}

#contentwide p {margin: 0px 10px 10px 0;}

#contentwide li {margin: 0px 10px 0px 25px;}

#contentwide h1{color: #000; font-size: 120%; margin-top: 0px;} 

#contentwide h2{color: #e26d97; font-size: 120%; margin: 10px 0 10px 0;} 

#contentwide h3{color: #000; font-size: 100%; margin: 15px 0 5px 0;} 

#contentwide h4{color: #000; font-size: 100%; margin: 0px 0 5px 0;} 


#contentleft {float: left; width: 200px; height: 100%; margin-left: 4px;  background-color: #fff;}

#contentleft p {margin: 0 10px 0 10px;}

#contentleft li {margin: 0px 10px 0px 25px;}

#contentleft h1{color: #000; font-size: 100%; margin-top: 15px;} 

#contentleft h2{color: #e26d97; font-size: 100%; margin: 10px 10px 10px 10px;} 


#contentleft a:link {color: #e26d97; font-weight: bold; text-decoration: none;}

#contentleft a:visited {color: #e26d97; font-weight: bold; text-decoration: none;}

#contentleft a:hover {color: #000; font-weight: bold; text-decoration: none;}

#contentleft a:active {color: #e26d97; font-weight: bold; text-decoration: none;}

#contentleft a.selected {color: #000;}

#contentright {float: right; width: 190px; height: 100%; margin-right: 3px; background-color: #fff;} 

#contentright li {margin: 0px 10px 0px 25px;}

#contentright p {margin: 0 5px 0 5px;}

#contentright h1{color: #e26d97; font-size: 100%; margin-top: 15px;} 

#contentright h2{color: #000; font-size: 100%; margin: 0 5px 0 5px;} 



#contentright .bar {background-image: url(images/orange.gif); width: 150px; height: 1px; overflow:hidden;}

#contentleft .bar {background-image: url(images/orange.gif); width: 150px; height: 1px; margin-left: 10px; overflow:hidden;}


#content h1{color: #000; font-size: 120%; margin-top: 0px;} 

#content h2{color: #e26d97; font-size: 120%; margin: 10px 0 10px 0;} 

#content h3{color: #000; font-size: 100%; margin: 15px 0 5px 0;} 

#content h4{color: #000; font-size: 100%; margin: 0px 0 5px 0;} 


#homecontainer {margin: 0px 0px 0px 220px; width: 700px;}

#contenthome {margin: 0px 220px 0px 0px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff;}

#contenthome h2{color: #000; font-size: 120%; margin: 10px 0 10px 0;} 

#contenthome h3{color: #000; font-size: 100%; margin: 15px 0 5px 0;} 

#contenthome h4{color: #000; font-size: 100%; margin: 0px 0 5px 0;} 

#contenthome li {margin-left: 20px;}


#contenthome h1{color: #986986; font-size: 120%; margin-top: 10px;} 

#contentrighthome {float: right; width: 190px; height: 100%; margin-right: 3px; background-color: #fff;} 






/*----- nav top row -----------------------------------------------*/

#topnav {clear: both; margin: 0 auto; width: 950px; height: 28px;  border-bottom: 1px solid #000; border-top: 1px solid #000;}

#topnavhome {width: 950px; margin: 0 auto; height: 30px; text-align: right;}
 
/*----- copyright -----------------------------------------------*/

#copyright {width: 950px; margin: 0 auto; text-align: left; font-size: 8pt;   } 

#copyrightbar {	clear: both; height: 20px; margin: 0px; text-align: left; ;}

#copyrightbarleft {float: left; margin: 5px 0 0 10px; text-align: left; width: 500px;  }

#copyrightbarright {float: right; margin: 5px 5px 0 0; text-align: right; width: 400px;  }

#copyrightbar a {font-weight: bold; text-decoration: none;}

/*----- tables -----------------------------------------------*/


table.table_leftnav {border-spacing: 5px; border-width: 0px; border-color: #477089;    }

table.table_leftnav td {text-align: left; }

table.table_leftnav a:link {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_leftnav a:visited {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_leftnav a:hover {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_leftnav a:active {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_leftnav a#current {color: #000; font-weight: bold; text-decoration: none;}


table.table_topnav {border-spacing: 1px; border-width: 0px; border-color: #000; margin-right: auto; margin-left: 0px; height: 28px;}

table.table_topnav td {  text-align: center; }

table.table_topnav a:link {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_topnav a:visited {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_topnav a:hover {color: #000; font-weight: bold; text-decoration: none;}

table.table_topnav a:active {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_topnav a#current {color: #e26d97; font-weight: bold; text-decoration: none;}


table.table_topnav2 {border-spacing: 1px; border-width: 0px; border-color: #477089; margin-right: 0; margin-left: auto; height: 28px;}

table.table_topnav2 td { text-align: center; }

table.table_topnav2 a:link {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:visited {color: #e26d97; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:hover {color: #000; font-weight: bold; text-decoration: none;}

table.table_topnav2 a:active {color: #e26d97; font-weight: bold; text-decoration: none;}



table.table_sponsor { border-width: 0px; border-color: #477089;    }

table.table_sponsor td {padding: 3px; border-width: 0px; vertical-align: top;}

table.table_sponsor td.center {text-align: center;}



table.table_products {border-spacing: 15px; border-width: 0px; border-color: #477089;    }

table.table_products td {text-align: left;  vertical-align: top;}

table.table_products a:link {color: #477089;}

table.table_products a:visited {color: #477089; }

table.table_products a:hover {color: #f16623; }

table.table_products a:active {color: #477089; }

table.table_custom a#current {color: #f16623; }

table.table_custom td h4 {color: #000; font-size: 100%; margin: 0px 0 10px 0;} 

table.table_custom td img {align: center;} 



/*----- float items -----------------------------------------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left; margin-right: 8px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}


/*----- spacers & temp items -----------------------------------------------*/

.extraspace {float: left; margin: 0 auto; width: 950px; height: 30px;}

.spacer1 {width: 950px; height: 2px;} 

.spacer2 {width: 950px; height: 10px;} 

/*-----.spacer2b {width: 930px; height: 3px; background-image: url(images/backtop.gif);}------*/

.spacer2b {width: 930px; height: 3px; }


.spacer3 {height: 38px; background-color: #fff;} 

.spacerside {width: 150px; height: 10px;} 

.temp{background-color: #FF0; font-style: normal;}