@charset "UTF-8";
/* CSS Document */

body { background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#333333; line-height:11pt;}

#container {  width:980px; height:460px; margin:20px auto; padding:0px;}

#nav-left { width:113px; height:320px; margin:120px 0px 0px 18px; padding:0px; position:absolute;}

#nav-left ul { margin:0px 0px 0px 0px; padding:0px; text-align:center;}

#nav-left li { list-style-type:none;}

#nav-left a { color:#666666; text-decoration:none; margin:20px 0px 0px 0px; padding:9px 12px 9px 12px; display:block; background:#EBEBEB; }

#nav-left a:hover { color:#FFFFFF; display:block; background:#211F20;}

#nav-left a.down { color:#999999;}

#nav-left a.highlight { color:#FFFFFF; display:block; background:#666666;}

#nav-right { width:116px; height:320px; margin:120px 0px 0px 851px; padding:0px; position:absolute;}

#nav-right ul { margin:0px 0px 0px 0px; padding:0px; text-align:center;}

#nav-right li { list-style-type:none;}

#nav-right a { color:#666666; text-decoration:none; margin:20px 0px 0px 0px; padding:9px 12px 9px 12px; display:block; background:#EBEBEB;}

#nav-right a:hover { color:#FFFFFF; display:block; background:#211F20;}

#nav-right a.down { color:#CCCCCC;}

#header { width:684px; height:136px; margin:0px 0px 0px 148px; padding:0px; position:absolute;}

#header h1 { position:absolute; left: -999em; width: 1em; overflow:hidden;}

#banner { background-image:url(../images/topleftcorner.jpg); background-repeat:no-repeat; background-position:top left; background-color:#EBEBEB; width:452px; height:136px; margin:0px 0px 0px 0px; padding:0px; position:absolute;}

#banner img { margin:10px 0px 0px 70px; padding:0px;}

#topright { background-image:url(../images/toprightcorner.jpg); background-repeat:no-repeat; background-position:top right; background-color:#ACDAFB;  width:228px; height:136px; margin:0px 0px 0px 456px; padding:0px; position:absolute;}

#topright img { margin:40px 0px 0px 30px; padding:0px;}

#topright p { color:#999999; margin:70px 0px 0px 15px; padding:0px;}

#main { width:684px; height:280px; margin:140px 0px 0px 148px; padding:0px; position:absolute;}

#main-header { background:#211F20; width:452px; height:32px; margin:0px 0px 0px 0px; padding:0px; position:absolute;}

#main-header h1 { position:absolute; left: -999em; width: 1em; overflow:hidden;}

#main-header img.header { margin:0px 0px 0px 14px; padding:0px; position:absolute;}

#main-header img.icon { margin:0px 0px 0px 406px; padding:0px; position:absolute;}

#main-header p { color:#CCCCCC; margin:10px 0px 0px 335px; padding:0px; position:absolute; font-size:8pt;}

#main-content { background-image:url(../images/bottomleftcorner.jpg); background-repeat:no-repeat; background-position:bottom left; background-color:#EBEBEB; width:452px; height:248px; margin:32px 0px 0px 0px; padding:0px; position:absolute;}

#main-content h2 { margin:20px 0px 20px 16px; font-size:14pt; line-height:16pt;}

#main-content h3 { margin:20px 0px 20px 16px; font-size:12pt; line-height:14pt;}

#main-content p { color:#333333; margin:10px 16px 0px 16px; padding:0px; text-align:justify;}

#main-content p.sitemap { color:#333333; margin:10px 16px 0px 40px; padding:0px; text-align:justify;}

#main-content p.test1 { margin:50px 20px 0px 20px; padding:0px; text-align:justify;}

#main-content p.test1b { margin:20px 20px 0px 30px; padding:0px;}

#main-content a { color:#3399FF; text-decoration:underline;}

#main-content a:hover { text-decoration:none;}

#main-content ul.terms { margin:10px 26px 0px 50px; padding:0px;}

#main-content ul { margin:10px 26px 0px 70px; padding:0px;}

#main-content li { font-size:9pt; line-height:11pt; padding:6px;}

#main-content ul.w3ccheck { margin:60px 0px 0px 125px; padding:0px;}

#main-content li.w3c { list-style-type:none; display:inline;}

#main-content .hr-style { border:thin #999999 1px; width:350px;}

#main-content td { font-size:8pt;}

#main-content span { margin:0px 0px 0px 10px; padding:0px;}

#image_rollovers { width:452px; height:140px; margin:0px 0px 0px 0px; padding:0px;}

#image_rollovers li { margin:0px 0px 0px 0px; padding:4px; display:inline;}

#terms-scroll { width:434px; height:200px; margin:0px 0px 0px 16px; padding:0px; position:absolute; overflow:auto;}

#terms-scroll h1 { margin:10px 10px 20px 0px; font-size:16pt; line-height:18pt;}

#terms-scroll h2 { margin:20px 10px 20px 0px; font-size:13pt; line-height:15pt;}

#terms-scroll h3 { margin:20px 10px 20px 0px; font-size:12pt; line-height:14pt;}

#terms-scroll p { margin:15px 10px 0px 0px;}

#main-pic { width:228px; height:140px; margin:0px 0px 0px 456px; padding:0px; position:absolute; z-index:-1}

#main-infobox { background-image:url(../images/bottomrightcorner.jpg); background-repeat:no-repeat; background-position:bottom right; background-color:#211F20; width:228px; height:140px; margin:140px 0px 0px 456px; padding:0px; position:absolute; z-index:-2}

#main-infobox ul { margin:0px 0px 0px 60px; padding:0px; color:#FFFFFF;}

#main-infobox li { list-style-type:none; float:left; margin:10px 4px 0px 4px;}

#main-infobox a { color:#FFFFFF; text-decoration:underline; margin:0px 0px 0px 0px; padding:0px;}

#main-infobox a:hover { text-decoration:none;}

#main-infobox a:active { text-decoration:none;}

#main-infobox p { margin:10px 0px 0px 0px; padding:0px; text-align:center; color:#CCCCCC;}

#main-infobox img.next { margin:20px 0px 0px 120px; padding:0px; position:absolute;}

#main-infobox img.back { margin:20px 0px 0px 60px; padding:0px; position:absolute; }

#main-infobox img.w3c { margin:20px 0px 0px 70px; padding:0px; position:absolute;}

#main-infobox img.contact { margin:35px 0px 0px 38px; padding:0px; position:absolute;}

#footer { width:684px; height:35px; margin:420px 0px 0px 148px; padding:0px; position:absolute;}

#footer ul { margin:0px 0px 0px 63px; padding:0px;}

#footer li { list-style-type:none; float:left;}

#footer a { color:#999999; text-decoration:none; margin:13px 0px 0px 0px; padding: 0px 7px 0px 7px; display:block; border-right:#000000 solid 1px; font-size:8pt;}

#footer a:hover { color:#333333;}

#footer a.noline { border:none;}

#copyright { width:160px; height:15px; margin:433px 0px 0px 645px; padding:0px; position:absolute; font-size:8pt;}

#updated { color:#999999; width:120px; height:15px; margin:433px 0px 0px 488px; padding:0px; position:absolute; font-size:8pt; display: none;}

/* 
-----------------------------------------------------
image rollovers
-----------------------------------------------------
*/

/* size of the outside area   */

#image_rollovers span { width:400px; height:150px;  display:block; }


/* scroll bar   


#image_rollovers span { width:300px; height:100px;  overflow:auto;  } 


 */

#image_rollovers li { float:left; margin:0px;}

/* small images   */

#image_rollovers a { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block; float:left; margin:0px 0px 5px 5px; }

html>/**/body #image_rollovers a.place { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 0px 5px 5px; }

html[xmlns*=""] body:last-child #image_rollovers a.place { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin: 0px 0px 5px 5px;}

html:first-child #image_rollovers a.place { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 0px 5px 5px;}

#image_rollovers img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;
	-moz-opacity:0.5;}

#image_rollovers a:hover {color: #411; background: #055000;}

#image_rollovers a:hover img {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}

/* large images   */
#image_rollovers a span {display: none;}

#image_rollovers a:hover span {display: block;

   position: absolute; top: -32px; left:98.7%; width: 228px;
   padding: 0px; margin: 0px 10px 0px 10px; z-index: 100;
   color: #999999; background: #211F20;
   font: 10px Verdana, sans-serif; text-align: center;}
   
html>/**/body #image_rollovers a:hover span {display: block;

   position: absolute; top: -32px; left:98.7%; width: 228px;
   padding: 0px; margin: 0px 10px 0px 10px; z-index: 100;
   color: #999999; background: #211F20;
   font: 10px Verdana, sans-serif; text-align: center;}
   
#image_rollovers a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px;}