/* CSS Document */

/* STYLE SHEET DECLARATIONS
copyright 2006 Evolution 7 Web Design
http://www.evolution7.com
Do not reproduce without permission.
*/

/* GENERAL STYLES
--------------------------------------------------------------------*/ 
body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6BC3E3; font-size:11px; background: url(../images/bg-tile.gif) repeat-x #276D86;}

/* LAYOUT STYLES
--------------------------------------------------------------------*/ 
.bg_left {background:url(../images/bg-top-left2.jpg) no-repeat top right;}
.bg_right {background:url(../images/bg-top-right2.jpg) no-repeat top left;}

#body {width:762px; position:relative;}

#top_banner {height:66px; width:762px; background:url(../images/bg-top-curve2.jpg) no-repeat top left;}
#top_banner .logo {float:left; width:210px; padding:13px 0 0 18px;}
#top_banner .topnav {float:right; width:235px; height:21px; padding:29px 9px 0 0;}
#top_banner .topnav SPAN {float:right; margin:0px; padding:0px;}

#main_box {height:100%; background:url(../images/bg-body.gif) repeat-y;}
#main_box .gradL {float:left; width:8px; height:550px; background:url(../images/bg-grad-left.gif) no-repeat;}
#main_box .gradR {float:left; width:8px; height:550px; background:url(../images/bg-grad-right.gif) no-repeat;}

#content_box {float:left; width:746px;}

#flash_box {width:746px; height:266px;}

/* FLASH PANEL STYLES  - NAVIGATION AND HERO IMG
--------------------------------------------------------------------*/
#nav {float:left; width:347px; height:266px; background:url(../images/bg-sp-nav-curve2.jpg) no-repeat;}
#nav .flash {text-align:right; padding:0 0 0 0;}

#main_img {float:left; width:399px; height:266px;}

/* HTML ALTERNATIVE STYLES  - NAVIGATION AND HERO IMG
--------------------------------------------------------------------*/ 
#nav .flash .mainnav {float:left; width:203px; height:120px; padding:75px 0 0 19px;}
#nav .flash .mainnav DIV {text-align:right; width:auto; height:24px;}

#main_img .spimg {height:266px; width:auto; background:url(../images/img-sp2-html.jpg) no-repeat;}
#main_img .sptxt {float:right; width:200px; color:#DADDDD; padding:100px 16px 0 0;}

/* CONTENT STYLES
--------------------------------------------------------------------*/
#text_box {float:left; height:207px; background:url(../images/bg-sp-content.jpg) no-repeat top right;}

#text_lay {float:left; padding:45px 47px 0 47px;}
#text_lay .spacer {float:left; width:1px; height:400px;}
#text_lay .content {float:left; width:652px; height:100%;}

#text_lay .sp_img {float:left; width:67px; height:58px; padding:0 6px 0 0;}
#text_lay .sp_txt {float:left; height:auto; padding:7px 0 0 0;}

#text_lay .sp_txt DIV {margin:7px 0 0 0; height:15px; background:url(../images/bg-sp-arrow.gif) no-repeat 0px 5px;}
#text_lay .sp_txt DIV h2 {text-indent:10px; margin:0px; padding:0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#text_lay .sp_txt DIV h2 A {text-indent:10px; font-weight:normal; margin:0px; padding:0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#6BC3E3; border-bottom:1px dashed #B5E1F1;}
#text_lay .sp_txt DIV h2 A:HOVER {color:#B5E1F1; border-bottom:1px dashed #FFC70B;}

#text_lay .sp_txt h3 {font-weight:normal; margin:0px; padding:0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#text_lay .panel1 {float:left; width:185px; height:auto; padding:3px 0 0 0;}
#text_lay .panel1 .header {margin:0 0 5px 0;}
#text_lay .panel1 .sp_txt {width:112px;}

#text_lay .panel2 {float:left; width:186px; height:auto;}
#text_lay .panel2 .header {margin:0 0 5px 0;}
#text_lay .panel2 .sp_txt {width:113px;}

#text_lay .panel3 {float:left; width:199px; height:auto;}
#text_lay .panel3 .header {margin:0 0 11px 0;}
#text_lay .panel3 .sp_txt {width:123px;}

#text_lay .divider {float:left; width:3px; height:151px; margin:0 19px 0 19px; background:url(../images/bg-sp-divider.gif) repeat-y;}


/* FOOTER STYLES
--------------------------------------------------------------------*/
#footer_box {height:77px; background:url(../images/bg-sp-footer.jpg) no-repeat top right;}
#footer_box .footerlinks {width:610px; height:auto; float:right; padding:54px 64px 0 0; color:#FEA802; text-align:center; font-size:11px;}
#footer_box .footerlinks SPAN {margin:0 10px 0 11px;}
#footer_box .footerlinks A {color:#FEA802; text-decoration:none;}
#footer_box .footerlinks A:HOVER {color:#FEC956;}

#footer_bot {height:18px; background:url(../images/bg-sp-footer-bot.jpg) no-repeat;}

#footer_txt {padding:0 8px 0 4px; height:43px; color:#3596B9; font-size:9px;}
#footer_txt .copyright {float:left; width:150px;}
#footer_txt .copyright DIV {float:left; width:auto;}
#footer_txt .copyright DIV.txt {margin:10px 0 0 0;}

#footer_txt .e7 {float:right; width:240px; margin:10px 0 0 0;}
#footer_txt .e7 A {color:#3596B9; font-size:9px; text-decoration:none;}
#footer_txt .e7 A:HOVER {color:#6FA7BC; font-size:9px; text-decoration:none; font-weight:normal;}
#footer_txt .e7 DIV {float:right; width:auto; padding:0 0 0 5px;}