@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html {font-size:100%;}
body {font:.875em "Arial", Helvetica, sans-serif; color:#757575; background:#3e3e3e;}
.clear { clear: both; }
h1 {color: #fff; font:1.8em  "Helvetica", Arial,sans-serif; }
h2 {color: #4285b9; font:1.6em  "Helvetica", Arial,sans-serif; margin-bottom:20px}
h3 {color:#666666; font: 1em "Helvetica", Arial,sans-serif;}
a {text-decoration:none; color:#4285b9;}
a:hover {color:#666666}


/*MAIN PAGE*/

/* Header */
div#header_box{ overflow:hidden; background: url(../images/header_background.gif) repeat-x; height: 99px;}
div#header_content { width: 960px; margin: 0 auto; }
h1#logo { width: 396px; height: 86px; float: left; }
h1#logo a {display:block; width:396px; height:86px; background: url(../images/logo.jpg) no-repeat; text-indent: -9999px;}

/*Main Nav*/

ul#main_nav {float: right; width: 386px; height: 37px; margin-top: 63px; list-style:none;}
ul#main_nav li { font-size: 12px; font-family: "Verdana", Arial, Helvetica, sans-serif;  display: inline; float:left; margin-right:5px;}
ul#main_nav li a {height:25px; width:70px; background: url(../images/hover_background-trans.png) no-repeat scroll 0 0; color:#FFFFFF;display:block; padding-top:11px; text-align:center; text-decoration:none;  }
ul#main_nav li a:hover { background-position: 0 -37px; }

ul#main_nav li a.active { background-position: 0 -74px; }
.active_home { background: url(../images/hover_background-trans.png); background-position: 0 -74px; }

/* Banner */

div#banner_box { height: 399px; border-bottom: #1f6b80 1px; background: #000 url(../images/banner_background1.gif) repeat-x;}
div#glow { background:transparent url(../images/newbanner-trans.png) top center no-repeat; height:400px; margin:0 auto; overflow: hidden; }
div#banner_content {width: 960px; height: 400px; margin: 0px auto;}

/* Banner Content Left */

div#banner_content_left { position:absolute; width: 400px;  height: 315px; padding: 50px 25px 0 0; border: 0px solid #000; margin-top: 2px; overflow:hidden;}
div#banner_content_left h2 { width: 400px; height: 52px; background: url(../images/banner_text-trans.png) no-repeat; text-indent:-9999px; }

#buttons {margin-top:30px;}
#info  {width:129px; height:38px; background:url(../images/info_button-trans.png) no-repeat;float:left; text-indent:-9999px}
#signup  {width:129px; height:38px; background:url(../images/signup_button-trans.png) no-repeat; float:left;   text-indent:-9999px;}
div#banner_content_left p { font-size: 1.4em; line-height:1.4; color:#fff; margin-top: 20px;}

/* Banner Content Right */
div#banner_content_right { width :507px; height: 349px; float: right; background:url(../images/banner_image-trans.png) no-repeat; border: 0px solid #000; margin-top: 12px; }


/* Main Content */
div#content_box { background: #fff url(../images/content_background.gif) repeat-x top left; overflow:hidden; }
div#content_top {height: 310px; width: 960px; margin: 0 auto; }

/* Main Content Left*/
div#content_top_left {width: 552px; height: 284px;  float: left; margin:2px 50px 0 0;}
div#content_top_left h2{width: 211px; height: 27px; margin:45px 0 0 0; background: url(../images/welcome_content-trans.png) no-repeat; text-indent:-9999px; }
div#content_top_left p {  color:#757575; margin: 22px 0 10px 0; line-height:1.8}

/* Main Content Right*/
div#content_top_right {width:256px; height: 308px; margin-top:45px; float:right; background: url(../images/side_box-trans.png) no-repeat;}
div#content_top_right h3 { margin:38px 0 20px 35px;}
div#content_top_right p { margin:0 35px 5px 35px;; font-size:.875em; line-height:1.3; font-style:italic;}
div#content_top_right ul{  padding-left: 1em;  margin: 0px 0 10px 35px;}
div#content_top_right p#name {color:#1f6b80; text-align:right; margin-top: 3px;}

/* Content Bottom */
div#content_bottom {width:960px; height:350px; margin: 70px auto 25px;}
div#content_bottom  img { margin: 5px 0 15px 0;}
div#content_bottom h2 {margin: 0 0 15px 0}
div#content_bottom p { line-height:1.4; font-size:.825em}
div#content_bottom ul {font-size:.875em; margin-top:10px; padding-left: 1em; text-indent: -1em;list-style:none;}
div#content_bottom li {margin:5px 0}

div#col_one {width:280px; height: 350px; float:left; margin-right:56px;}
div#col_two {width:280px; height: 350px; float:left; margin-right:56px;}
div#col_three {width:280px; height: 350px; float:left; }

/* Footer */

div#footer {border-top-style:solid; border-top-color:#999999; border-top-width:2px; height:117px;background-color:#3e3e3e; clear:both; overflow:hidden; }
div#site_info {width:960px; height: 25px; margin: 0 auto;}
div#site_info p { color: #999999; font: 70% Arial, Helvetica, sans-serif; margin-top: 25px; text-align:right;}


/* SUBPAGE*/

/* Banner Subpage*/

div#banner_box_sub { height: 99px; background: #000 url(../images/banner_background1.gif) repeat-x; padding-top:2px;}
div#glow_sub { background:transparent url(../images/sub_banner-trans.png) top center no-repeat; height:98px; margin:0 auto; overflow: visible;}


/* Main Content_Sub */
div#content_box_sub { background: #fff url(../images/content_background.gif) repeat-x top left; overflow:hidden; }
div#content_top_sub { width: 960px; margin: 0 auto; }
div#content_box_sub  ul {font-size:1em; margin-top:10px; padding-left: 1em; text-indent: -1em;list-style:none;}
div#content_box_sub li {margin:5px 0}

/* Main Content Left_Sub*/
div#content_top_left_sub {width: 552px;   float: left; margin:2px 50px 75px 0;}
div#content_top_left_sub img {float:left; margin:5px 15px 5px 0; border:#CCCCCC solid 1px}
div#content_top_left_sub h2{margin:45px 0 20px 0; }
div#content_top_left_sub p { margin: 22px 0 20px 0; line-height:1.8}
div#content_top_left_sub ol {margin-left:20px}

#map{ border:5px solid #dddddd; width:600px; height:300px; overflow:hidden; margin-bottom:20px; }

/* Main Content Right_Sub*/
div#content_top_right_sub {width:256px; height: 220px; margin:45px; float:right; background: url(../images/side_box-trans.png) no-repeat;}
div#content_top_right_sub h3 { margin:38px 0 20px 35px; }
div#content_top_right_sub p{ margin:0 35px 5px 35px; font-size:.875em; font-style:italic;}
div#content_top_right_sub p#name {color:#1f6b80; text-align:right; margin-top: 3px;}


div#content_top_right_nav {width:256px; height: 220px; margin:45px; float:right; background: url(../images/side_nav.gif) no-repeat;}
div#content_top_right_nav h3 { margin:38px 0 20px 35px; }
div#content_top_right_nav ul {margin:0 35px 5px 35px; font-size:.875em;padding-left: 1em; text-indent: -1em;list-style:none; }
div#content_top_right_nav li{margin:5px 0}
div#content_top_right_nav a { font-weight:bold;}



