/*///////////////////////////////////////////////////
CSS Document for SELN
/////////////////////////////////////////////////*/

/*------------------------------------------
General Layout
------------------------------------------*/

* {margin: 0; padding: 0;}
img {border: 0;}
body {background: url(images/seln_bg.png) repeat-x; font-family: Verdana, Helvetica, sans-serif; text-align: center;}
#topbar {width: 100%; height: 12px; background: url(images/seln_top_bg.png) repeat-x; display: block;}
p {font-size: 80%;}
#container {width: 750px; position: relative; margin: 0 auto; background: url(images/seln_content_bg.png) no-repeat; min-height: 295px;}

/*------------------------------------------
Header
------------------------------------------*/

#header-contain {width: 702px; padding: 30px 25px 0 24px;}
h2#slogan {display: block; width: 224px; height: 152px; background: url(images/seln_sloganbox.png) no-repeat; float: left; text-indent: -9999px;}
#h-img {display: block; width: 478px; height: 152px; float: left;}
body#index #h-img {background: url(images/seln_index_header_image.jpg) no-repeat;}
body#news #h-img {background: url(images/seln_index_header_image.jpg) no-repeat;}
h1#logo a {display: block; width: 223px; height: 64px; background: url(images/seln_logo.png) no-repeat; text-indent: -9999px; float: left;}

/*------------------------------------------
Navigation
------------------------------------------*/

ul#nav {list-style: none; text-align: center; font-size: 13px; display: block; background: url(images/seln_dottedline.gif) repeat-x bottom; width: 702px; margin: -23px 0 3px 0; float: right;}
ul#nav li {display: inline; float: right; font-weight: bold;}
ul#nav li a {border-top: 5px #fff solid; color: #666655; text-decoration: none; display: block; margin: 0 0 10px 20px; text-transform: uppercase; padding: 2px 0 0 0;}
ul#nav li a:hover {border-top: 5px #008752 solid;}
ul#nav li a.active {border-top: 5px #008752 solid; color: #3E3E33;}

/*------------------------------------------
Body
------------------------------------------*/

#content {position: relative; float: left; width: 689px; background: url(images/seln_dottedline.gif) repeat-x top; margin: 3px 0 -80px 24px; display: inline; text-align: left; padding: 15px 7px 7px 7px;}

.green-box {width: 206px; background: #008752 url(images/seln_greenbox_top_bg.png) no-repeat top; display: block; margin: 10px 0 15px 0;}
.green-box span.bgbottom {display: block; width: 206px; height: 21px; background: url(images/seln_greenbox_bottom_bg.png) no-repeat; margin: 0 0 0 0;}
.green-box a:link {color: #008752;} .green-box a:visited {color: #008752;} .green-box a:hover {color: #005B39; text-decoration: none;} .green-box a:active {color: #005B39;}
.green-box .readmore {width: 78px; height: 21px; display: block; background: url(images/seln_greenbox_readmore_btn.png) no-repeat; float: right; margin: 0 1px -3px 0; font-size: 9px; padding: 3px 0 0 7px;}

.c-left {float: left; width: 223px; padding: 0 0 25px 0;}
.c-right {float: left; padding: 0 0 15px 0; width: 463px; }
.c-right img {float: left; margin: 5px 10px 10px 0; padding: 4px; border: 1px #E0DFE3 solid;}

/* Text Elements */

#content .green-box p {color: #fff; font-size: 11px; padding: 0 8px 5px 8px;}
#content .att {clear: both; padding: 10px 0 0 0;}

.c-right p {color: #7B7B66; line-height: 150%; margin: 0 0 20px 0;}
.c-right ul, .c-right ol {font-size: 75%; color: #7B7B66; margin: 10px 0 20px 30px; line-height: 125%; padding: 0;}
.c-right ul li {margin: 10px 0; padding: 0;}
.c-right ol li {margin: 4px 0 12px 0; padding: 0;}

/* Heading Styles */

#content h3 {font-weight: normal; font-size: 150%; color: #008752; margin: 0 0 5px 0;}
#content h3.small {font-size: 125%;}
#content h3 a {font-weight: normal; color: #008752; margin: 0 0 5px 0; text-decoration: none;}
#content .green-box h4 {color: #fff; font-size: 11px; padding: 8px 0 5px 0; margin: 0 8px 5px 8px; clear: both; background: url(images/seln_greenbox_dottedline.gif) repeat-x bottom;}
#content .green-box h4 a {color: #fff; text-decoration: none;}
#content h4 {font-size: 75%; color: #7B7B66; padding: 0 0 5px 0; margin: -5px 0 10px 0; background: url(images/seln_dottedline.gif) repeat-x bottom;}

/* Link Styles */

.c-right a:link {color: #008752;}
.c-right a:visited {color: #008752;}
.c-right a:hover {color: #006F43; background: #EBF6F2;}
.c-right a:active {color: #008752;}

.c-right ul li a:link, .c-right ol li a:link {color: #008752;}
.c-right ul li a:visited, .c-right ol li a:visited {color: #008752;}
.c-right ul li a:hover, .c-right ol li a:hover {color: #006F43; background: #EBF6F2;}
.c-right ul li a:active, .c-right ol li a:active {color: #008752;}

/* Blockquote */

#content blockquote {font-family: Georgia, Times New Roman, Times, serif; font-size: 125%; border: 1px #C1DAD7 solid; background: #F5FAFA; padding: 10px; text-align: center; color: #666}

/* Table Styles */

.c-right table {font-size: 75%; width: 100%; border: 1px #C1DAD7 solid; border-collapse: collapse; margin: 10px 0;} 
.c-right table th {background: url(images/bsdgp_table_th_bg.png) 0 0; color: #fff; height: 31px; padding: 0 8px; border-left: 1px #C1DAD7 solid;}
.c-right table td {padding: 8px; background: #F5FAFA; border-bottom: 1px #C1DAD7 solid; border-right: 1px #C1DAD7 solid; vertical-align: top; color: #666666; line-height: 150%;}
.c-right table ul {font-size: 100%; color: #666666; margin: 0 0 0 40px; line-height: 125%; padding: 0;}

/* Definition List */

.c-right dl {font-size: 65%; color: #7B7B66; width: 125px; float: left; margin: 20px 0 15px 0; display: block; text-align: left;}
.c-right dt {font-weight: bolder; text-align: left;}
.c-right dd {text-indent: 0; text-align: left;}
.c-right dl img {margin: 0 0 5px 0;}

/* Sub-Nav */

ul#catnav {list-style: none; font-size: 75%; padding: 3px 0 0 0; float: left;}
ul#catnav li {background: #006F43 url(images/seln_subnmenu_bg_top.png) no-repeat 0 0; width: 206px; display: block; margin: 0 0 5px 0;}
ul#catnav li a {background: url(images/seln_subnmenu_bg_bottom.png) no-repeat 0 bottom; width: 184px; display: block; padding: 5px 0 5px 22px;}
ul#catnav li.active {background: #009157 url(images/seln_subnmenu_bg_top_active.png) no-repeat 0 0;}
ul#catnav li.active a {background: url(images/seln_subnmenu_bg_bottom_active.png) no-repeat 0 bottom;}
ul#catnav a:link {color: #fff; text-decoration: none;}  ul#catnav a:visited {color: #fff; text-decoration: none;} ul#catnav a:hover {color: #fff; text-decoration: underline;} ul#catnav a:active {color: #708C0B;}

/*------------------------------------------
Contact Form
------------------------------------------*/

#contactFormArea fieldset {padding: 15px; border: 1px #DADAD6 solid; background: #F7F7F4; clear: both;}
#contactFormArea form {font-size: 80%; color: #7B7B66; width: 450px; margin: 0 0 10px 0;}
#contactFormArea label {display: block; color: #7B7B66;}
#contactFormArea textarea, #contactFormArea input.text {width: 300px; color: #7B7B66; padding: 3px; margin: 1px 0 3px 0; font-family: Verdana, Helvetica, sans-serif; font-size: 100%; color: #7B7B66; border: 1px #DADAD6 solid;}
#contactFormArea checkbox {border: 1px #DADAD6 solid;}
#contactFormArea textarea {height: 100px; width: 100%;}
#contactFormArea input.submit {padding: 2px 5px; background: url(images/seln_contact_button.png) repeat-x;  margin: 10px 0 0 0; color: #fff; border: 1px #DADAD6 solid; cursor: pointer;}
p#loadBar img {border: 0;}

/*------------------------------------------
Footer
------------------------------------------*/

#footer {clear: both; width: 750px; height: 80px; background: url(images/seln_footer.png) no-repeat; text-align: center; margin: 0 auto;}
#footer p {font-size: 60%; color: #D1D1C9; padding: 75px 0 10px 0;}
#footer p a:link, #footer p a:visited {text-decoration: none; color: #D1D1C9;} #footer p a:hover {text-decoration: underline;}