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

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

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

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

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

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

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


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

#maincontent {clear: both; width: 930px;  margin: 0 auto; height: 100%; overflow: auto;   }
 
/*----- top part of page with logo and contact info -----------------------------------------------*/
 
#title {padding: 0 0px 0 0px; width: 950px; text-align: left; } 

#toplogo {clear: both; width: 950px; height:103px; background-color: #fff;} 

#toplogoleft {float: left; width: 520px; margin-left: 5px; }

#toplogomiddle {float: left; width: 200px; margin-left: 5px; text-align: center;}

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

/*-----top photo area, including left navigation -----------------------------------------------*/

#phototop {clear: both; width: 930px; margin: 0 auto; height: 190px; background-color: #9876b8; border: solid 1px #d9c6e1;}

#phototopleft {float: left; width: 180px; padding-left: 5px; }

#phototopright{float: right; width: 740px;}

#phototopleft a:link {color: #fff; font-weight: bold; text-decoration: none;}

#phototopleft a:visited {color: #fff; font-weight: bold; text-decoration: none;}

#phototopleft a:hover {color: #dccee6; font-weight: bold; text-decoration: none;}

#phototopleft a:active {color: #fff; font-weight: bold; text-decoration: none;}

#phototopleft a.selected {color: #dccee6; font-weight: bold; text-decoration: none;}

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

#content {margin: 0px 1px 0px 190px; height: 100%;  padding: 0px 10px 0px 10px; background-color: #fff; border-left: solid 1px #d9c6e1;}

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

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

#content h1{color: #5c3a86; font-size: 140%; margin: 10px 10px 5px 10px;} 

#content h2{color: #9876b8; font-size: 120%; margin: 10px 10px 5px 10px;} 

#content h3{color: #9876b8; font-size: 100%;  margin: 10px 10px 5px 10px;} 

#contentleft {float: left; width: 150px; height: 100%; margin-left: 1px;}

#contentleft p {margin: 0 10px 0 10px; font-size: 9pt; color: #9876b8; }

#contentleft p.home {margin: 0 10px 0 10px; font-size: 9pt; color: #5c3a86; }


#contentleft h1{color: #5c3a86; font-size: 140%;} 

#contentleft h2{color: #9876b8; font-size: 120%; margin: 20px 0px 10px 10px;} 

#contentleft h2.home{color: #5c3a86; font-size: 120%; margin: 20px 0px 10px 10px;} 


#contentleft h3{color: #9876b8;	font-size: 100%; margin: 20px 0px 10px 10px; text-align: center;} 

#contentleft a:link {color: #9876b8; font-weight: bold; text-decoration: underline;}

#contentleft a:visited {color: #9876b8; font-weight: bold; text-decoration: underline;}

#contentleft a:hover {color: #5c3a86; font-weight: bold; text-decoration: underline;}

#contentleft a:active {color: #9876b8; font-weight: bold; text-decoration: underline;}

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

#contenthomeleft {margin: 0px 400px 0px 10px;   padding-left: 5px;}

#contenthomeright { float: right; width: 380px;   }

#contenthomeleft h2{color: #9876b8; font-size: 120%; margin: 10px 10px 5px 10px;} 
#contenthomeright h2{color: #9876b8; font-size: 120%; margin: 10px 10px 5px 10px;} 


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

#topnav {clear: both; width: 932px; margin: auto; height: 30px; text-align: left; background-color: #d9c6e1;}

#bottomnav {clear: both; width: 950px; height: 20px; background-color: #653100;}

/*----- copyright -----------------------------------------------*/

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

#copyrightbar {	clear: both; height: 40px; 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: normal;}

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

table.table_leftnav {border-spacing: 5px; border-width: 0px; margin-right: auto; margin-left: 0px; }

table.table_leftnav td {text-align: left; border-spacing: 10px; border-width: 0px; }

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

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

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

table.table_leftnav a:active {color: #9876b8; font-weight: bold; text-decoration: none;}
 									 
table.table_leftnav a.selected {color: #5c3a86; font-weight: bold; text-decoration: none;}

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

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

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

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

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

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

table.table_topnav a.selected {color: #5c3a86; font-weight: bold; text-decoration: none;}


table.table_content {border-spacing: 10px; border-width: 0px; margin-right: auto; margin-left: 20px; }

table.table_content td {text-align: left; border-spacing: 20px; border-width: 0px; }


table.table_pepsi {border-spacing: 10px; border-width: 0px; margin-right: auto; margin-left: 10px; }

table.table_pepsi td {text-align: left; border-spacing: 20px; border-width: 0px; vertical-align: top; }


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

.spacer1 {width: 900px; height: 10px;} 
.spacer2 {width: 900px; height: 5px;} 
.spacer3 {height: 38px; background-color: #fff;} 
.spacer4 {width: 450px; height: 300px;} 
.spacer4b {width: 450px; height: 50px;}
.spacerside {width: 150px; height: 15px;}

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