/* CSS Document */
/* Main site layout ----------------------------------------------------------------------------------*/
body {background: #ffffff; background-image: url(images/sitebg.jpg); background-repeat: repeat-x;}
#container {width: 950px; background: #FFFFFF; margin: 0 auto; border: 0; text-align: left;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
#header {height: 103px; width: 950px; border: 0px; background-image: url(images/header.jpg); background-repeat: no-repeat;}
#header p {font-family: Arial, Helvetica, Verdana, san-ferif; font-size: 36px; color: #ffffff; font-weight: bold; padding-right: 50px; padding-top: 30px;}
#headerS {height: 103px; width: 950px; border: 0px; background-image: url(images/headerS.jpg); background-repeat: no-repeat;}
#headerS p {font-family: Arial, Helvetica, Verdana, san-ferif; font-size: 36px; color: #ffffff; font-weight: bold; padding-right: 50px; padding-top: 30px;}
#whitebg {background: #ffffff; width: 948px; float: left; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc;}

/* footer information ------------------------------------------------------------------------------*/
#footer {padding: 0px 0px 20px 0px; float: left; width: 950px; clear: left; border: 0; align: center;}
#footer a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: /* #333366; */ #0033cc; text-decoration: none; padding-left: 5px; padding-right: 5px; padding-bottom: 0px;}
#footer a:hover {color: #666699; text-decoration: underline;}
#footer p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
#footertab {width: 948px; float: left; align: right; height: 39px; background: #ffffff; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc;}

/* This controls the top navigation bar and links ---------------------------------------------------*/
#topnav {height: 28px; width: 950px; background-color: #9999cc;}
#topnavlinks {width: 600px; height: 28px; float: left;}
#topnavlinks ul {padding-left: 15px; padding-top: 5px; padding-bottom: 6px; margin: 0px; height: 28px;}
#topnavlinks li {list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; display: inline; border-right: 1px solid #cbd1e8; padding-top: 8px; padding-bottom: 6px; margin-left: 0px; /* put this back to -2 if there is a problem... */ margin-right: 0px;}
#topnavlinks li a {text-decoration: none; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 6px;}
#topnavlinks li a:hover {background-color:#aeaed9; text-decoration: underline; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 6px;}
#signup {width: 320px; height: 25px; float: right; padding: 0px; margin-top: 0px; margin-right: 4px; padding-top: 4px;}
#signup a {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; display: inline; padding-top: 8px; padding-bottom: 6px; margin-left: 0px; /* put this back to -2 if there is a problem... */ margin-right: 0px; text-decoration: none; color: #ffffff; padding-top: 8px; padding-bottom: 6px;}
/* IE 6 hack to make entire button clickable */
* html #topnavlinks a {width: 1em;}
* html topnavlinks li {\height: 20px; h\eight: 28px; \width: 920px; /* for IE5 and IE6 in quirks mode */ w\idth: 900px; /* for IE6 in standards mode */} 

/* This controls the main content div ------------------------------------------------------*/
#maincontent {font-family: verdana, arial, helvetica, san-serif; font-size: 11px; font-style: normal; color: #000000; width: 745px; float: left; height: 100%; overflow: visible; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
#maincontent h1 {font-family: arial; verdana, helvetica, san-serif; font-size: 16px; font-style: bold; color: #333366; margin: 20px 20px 10px 20px; padding-bottom: 3px; border-bottom: 1px dotted #cccccc;}
#maincontent h2 {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-style: bold; color: #333366; margin: 10px 20px;}
#maincontent h3 {font-family: arial; verdana, helvetica, san-serif; font-size: 14px; font-style: bold; color: #333366; margin: 10px 20px; padding-top: 8px; border-top: 4px solid #cccccc;}
#maincontent h4 {font-family: arial; verdana, helvetica, san-serif; font-size: 16px; font-style: bold; color: #333366; margin: 20px 20px 10px 20px; padding-bottom: 3px;}
#maincontent h5 {font-family: arial; verdana, helvetica, san-serif; font-size: 16px; font-style: bold; color: #333366; margin: 20px 20px 10px 20px; padding-top: 3px; border-top: 4px solid #cccccc;}
#maincontent p {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-weight: normal; color: #000000; margin: 10px 20px;}
#maincontent li {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; margin-bottom: 5px;}
#maincontent a {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; text-decoration: none; color: /* #333366; */ #0033cc;}
#maincontent a:hover {text-decoration: underline; color: #000033;}
.mainimagestyle {float: left; border: 1px solid #999999; padding: 3px; margin: 3px;}
.mainimagestylestaff {float: left; border: 1px solid #999999; padding: 3px; margin: 0px 20px 40px 0px;}
#resourcebox {border: 1px #cccccc solid; width: 200px; height: 250px; float: left; background-image: url(images/resourcebg.gif); background-repeat: no-repeat; margin: 0px 0px 0px 20px; overflow: visible;}
#maincontent .nameline {border-top: 1px dotted #cccccc; padding-top: 10px; font-weight: bold; font-style: normal;}
#maincontent .greentext {font-weight: bold; font-size: 14px; color: #009900;}
#maincontent .redtext {font-weight: bold; font-size: 14px; color: #cc0000;}
#maincontent .bluetext {font-weight: bold; font-size: 14px; color: #333366;}

/* This controls the right side column ---------------------------------------------------*/
/*right nav is 200px wide*/
#rightnav {width: 200px; float: left; clear: none; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
/* Standard holding box */
#rtholdingbox {border: 1px solid #666699; background-repeat: repeat-x; background-image: url(images/boxchip.gif); padding: 5px; margin-top: 3px;}
#rtholdingbox p {font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; padding-left: 10px; padding-right: 10px;}
#rtholdingbox h1 {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-style: bold; padding-left: 10px; padding-right: 10px; padding-top: 15px; 	color: #333366;}
#rtholdingbox li {list-style-type: none; list-style-image: url(images/rtarrow.png); list-style-position: outside; line-height: 13px; padding-bottom: 7px; padding-right: 5px; padding-left: 3px; margin-left: -10px; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000;}
#rtholdingbox a {text-decoration: none; color: /* #333366; */ #0033cc;}
#rtholdingbox a:hover {text-decoration: underline; color: #000033;}
.legalinfo {font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; font-style: normal; color: #666666;}

/* Blue holding box */
#rtcolorbox {border: 1px solid #666699; background-color: #e7effc; background-repeat: repeat-x; background-image: url(images/boxchipblue.gif); margin-top: 3px;}
#rtcolorbox p {font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; padding-left: 10px; margin-right: 10px;}
#rtcolorbox a {text-decoration: none; color: /* #000000; */ #0033cc;}
#rtcolorbox a:hover {text-decoration: underline; color: #000000;}
#rtcolorbox h1 {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-style: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 15px; color: #333366;}
#rtcolorbox h2 {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-style: bold; color: #000000;}
#rtcolorbox ul {font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; margin-top: -10px;}
#rtcolorbox li {list-style-type: none; list-style-image: url(images/rtarrow.png); list-style-position: outside; line-height: 12px; padding-bottom: 7px; padding-right: 2px; margin-left: -15px;}

/* Yellow holding box */
#rtyellowbox {border: 1px solid #666699; background-color: #ffffcc; background-repeat: repeat-x; background-image: url(images/boxchipyellow.gif); margin-top: 3px;}
#rtyellowbox p {padding-left: 10px; padding-right: 10px; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;}
#rtyellowbox a {text-decoration: none; color: /* #000000; */ #0033cc;}
#rtyellowbox a:hover {text-decoration: underline; color: #000000;}
#rtyellowbox h1 {font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; font-style: bold; color: #ffffff; align: center; padding-top: 0px; margin-top: 5px; padding-bottom: 5px;}
#rtyellowbox h2 {font-family: arial; verdana, helvetica, san-serif; font-size: 12px; font-style: bold; color: #000000;}
#rtyellowbox ul {font-family: arial; verdana, helvetica, san-serif; font-size: 12px;}
#rtyellowbox li {line-height: 12px; padding-bottom: 7px; padding-right: 2px; margin-left: -15px; font-weight: bold;}