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

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.74em; color:#212121; background-color: #fff}

h1, h2, h3, h4 { font-weight:bold; margin:0px ; padding:0px}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#006699}
a:focus {outline: none;}
a:hover{ color:#3399CC}
/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right}
#wrapper{ width:980px; margin:0px auto; }
/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#header{ width:auto;}
#header h1{ display:none}
/* -----------------------------------------------
3. SITE TOP NAVIGATION 
----------------------------------------------- */
#top_nav{ background:url(../images/menu_bg4.gif) left top no-repeat; height:46px; clear:both}
#top_nav ul{padding:0 0 0 0px ; }
#top_nav li{ display:inline;  float:left; height:46px}
#top_nav li a{ color:#fff; text-transform:capitalize; font-weight:bold; padding:0px 10px; font-size:120%; display:block; padding:14px 20px 0px 20px; }
#top_nav ul li div{ margin:14px 0 0 0px ; padding:0; position:absolute; visibility:hidden; width:220px}
#top_nav div a{ display:block;background:#2d5a89; padding:6px 10px; border:solid 1px #29517c; border-top: none!important}
#top_nav div a:hover{ color:#6ab2f3}
.sep1{ border-right:solid 1px #2f5d8b; }
/* -----------------------------------------------
4. SITE CONTENT
----------------------------------------------- */
#content{ width:auto; background: url(../images/mid.gif) left top repeat-y; padding:10px 10px 20px 10px; clear:both}
#splash{ width:955px; margin:0 auto}
#inner_cont{ width:955px; margin:0 auto; clear:both}
#big_opening { margin-right:auto; margin-left:auto; margin-top:12px; margin-bottom:5px; text-align:center; width:740px;padding:4px;font-family:Helvetica, sans-serif;font-size:180%; color:#000000;background:#fff;font-weight:bold;text-align:center}
.centered { text-align:center; }
.cols{ width:460px; float:left; margin:0 2px; }
.cols50{ width:395px; float:left; margin:0 2px; }
.cols25{ width:265px; float:left; padding:0 20px 0 10px; background-color: #ff9}
.cols25n{ width:265px; float:left; padding:0 20px 0 10px;}
.cols25t{ width:242px; float:left; margin:0 10px 0 5px; }
.cols p{ text-align:left; padding:3px 5px 0px 5px}
.highlight{ border:solid 2px;background-color: #ff9; width:460px; float:left; margin:10px 10px 15px 0px; padding:10px; }
.cub{ float:left; padding:10px; margin:0 0 285px 0}
.btn{ width:100px; margin:25px auto 0 auto}
.btn a { background:url(../images/btn.jpg) left top no-repeat; width:100px ; height:20px; text-align:center; text-transform:uppercase;color:#404447; font-weight:bold; display:block; padding:6px 0 0 0; cursor:pointer}
.btn a:hover {background-position:100% -26px; color:#204c6f}
.orange_title{ color:#FF6600; font-size:120%; text-transform:uppercase; ; width:auto; text-align:center; margin:10px 0 20px 0 }
.green_title{ color:#5b873e; font-size:120%; text-transform:uppercase; ; width:auto; text-align:center; margin:10px 0 20px 0 }
.blue_title{ color:#305a73; font-size:120%; text-transform:uppercase; ; width:auto; text-align:center; margin:10px 0 20px 0 }
.black_title{ color:#000000; font-size:120%; text-transform:uppercase; ; width:auto; text-align:center; margin:10px 0 20px 0 }
.black_title_left{ color:#000000; font-size:120%; text-transform:uppercase; ; width:auto; text-align:left; margin:10px 0 20px 0 }
.red_title{ color:#FF0000; text-transform:uppercase; ; width:auto; text-align:center; margin:10px 0 20px 0 }
.blue_quote{ color:#0000CC; font-style: italic; width:auto; text-align:center; margin:10px 0 20px 0 }
.smaller { font-size: 85% }
.mex { width:265px; float:left; padding:0 20px 0 10px;}
.mex2 { width:265px; float:right; padding:0 20px 0 10px;}
/*interior page*/
#breadcrumb{ width:auto; background:url(../images/line1.jpg) 0px 10px no-repeat; height:35px; margin:10px 0 0 0}

#col_left{ width:220px; float:left; background:url(../images/line_vert.jpg) right top no-repeat; height:450px}

#col_middle{ width:510px; float:left; margin:0 5px}
#col_middle h2{ font-size:120%; color:#086cc4; text-transform:uppercase}
#col_middle p{  text-align:left}
#col_middle img{ padding:0 7px;}
#col_right{ width:200px; float:left; padding:0 0 0 10px}
.dot_blue{ list-style-image:url(../images/bullet.gif)}

.round_top{ background:url(../images/round_top.gif) left bottom no-repeat; width:194px; height:10px}
.round_bot{ background:url(../images/round_bot.gif) left top no-repeat; width:194px; height:10px}
.round_mid{ background:url(../images/round_mid.gif) left top repeat-y; width:194px;}
.round_mid p{ width:170px; margin:0 auto; text-align:left} 

.round_mid h3{ color:#FF6600; font-size:120%; text-transform:uppercase; ; width:auto; text-align:left; margin:0px 0 5px 10px; border-bottom:solid 1px #FF6600; width:90% }
.round_mid img{ padding:20px 0}
.list_cub{ margin:0px 0 0 10px; padding:0px; list-style-type:none; font-weight:bold}
.cub_o{ background:url(../images/cub_s_o.gif) left top no-repeat; height:25px; padding:3px 0 0 20px}
.cub_b{ background:url(../images/cub_s_b.gif) left top no-repeat; height:25px; padding:3px 0 0 20px}
.cub_g{ background:url(../images/cub_s_g.gif) left top no-repeat; height:25px; padding:3px 0 0 20px}

/*interior page 2 columns*/
#col_large{ width:700px; padding:0 0 0 10px; float:left}
#col_large h2{ font-size:120%; color:#086cc4; text-transform:uppercase; padding:0 0 10px 0}
/* -----------------------------------------------
5. FOOTER
----------------------------------------------- */
#footer{ height:0px; clear:both; padding:0 0 0 0; font-size:90%}
.copyright{ width:40%; float:left; padding:0 0 0 20px;}
.nav_footer{ width:24%; float:right; padding:12px 0 0 0}
.nav_footer ul{ list-style-type:none; padding:0px ; margin:0px}
.nav_footer li{ display:inline; padding:0 5px}
.nav_footer li a{ color:#333; text-decoration:none}
.nav_footer li a:hover{ color:#434343}
.sep{ border-right: solid 1px #333}