@import "reset.css";

/* Body */

body { background-color: #000; color: #000; font: 15px/normal Arial, Helvetica, sans-serif; text-align: center; }
p {font: 15px/120% Arial, Helvetica, sans-serif; margin-bottom:20px}
img { behavior: url(js/iepngfix.htc); }

/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .6em; line-height: normal; }

h1 { font-size: 23px; font-weight: normal; }
h2 { font-size: 18px;  font-weight: normal;}
h2 a { color:#000;text-decoration:underline }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Header */

#header{ width: 975px; position: relative; height: 150px;}
#logo{ padding: 70px 35px 20px 0px; width:325px; float:right;}
#logo a{ width: 320px; height: 58px; display: block; background: url("images/logo.gif") 50% 50% no-repeat; outline: none; text-align:right; }


/* Navigatior */

#navbar { width: 975px; height: 47px; background: url("images/nav_box.gif") no-repeat; }
#navigator{ padding: 15px 0 0 90px; }
#navigator li{ display: inline; margin-right: 15px; font-size: 17px; }
#navigator li a{ color: #000000; outline: none; }
#navigator .on, #navigator .on a, #navigator a:hover{ color: #009333; }


/* Right Nav */

#rightnav {background: url("images/right-nav-bg.png") top left no-repeat; width: 220px; height: 328px; padding: 35px 30px 20px 45px; color: #fff; position: relative; bottom: 31px; left: 30px}
#rightnav ul { margin-left: 2px; list-style: none; font-size: 14px;}
#rightnav ul li {background: url("images/right-nav-bullet.png") 0% 50% no-repeat; padding-left:15px; margin-bottom:5px; }
#main .rightside #rightnav ul li a {border: none; color: #fff;}
#main .rightside #rightnav ul li a:hover, #main .rightside #rightnav ul li a.on {/*color: #D0D716;*/ color:#347F06; background: none;}


/* Main elements */

#page-container{ width: 975px; margin: 20px auto 20px; background-color: #000; color: #000; text-align: left; border:1px solid #747474; }
#page-container #main { background: #50a2e2 url("images/bg_stretchy.jpg") 0 100% no-repeat; min-height: 280px; padding: 30px 90px 120px 90px; }

#page-container #main  .leftside a, #page-container #home_main .leftside a,  #page-container #main_alt .leftside a #page-container,  
 #page-container #main_alt a,  #page-container #main_form a {color: #191919; border-bottom: 1px dashed; text-decoration: none;}

#page-container #main  .leftside a:hover, #page-container #home_main  .leftside a:hover, #page-container #main_alt  .leftside a:hover, #page-container #main_alt a:hover,  #page-container #main_form a:hover {background: #E5F1AE;}


#page-container #main_form a.thum{color: #191919; border-bottom: 0px dashed; text-decoration: none;;}
#page-container #main_form a:hover.thum{background:none;}
#page-container #main_alt{ background: #50a2e2 url("images/bg_alternate.jpg") 0 100% no-repeat; min-height:480px;  padding: 30px 90px 120px 90px; }

#page-container #home_main{ background: #50a2e2 url("images/bg_stretchy.jpg") 0 100% no-repeat; min-height: 280px; padding: 30px 90px 120px 90px;  }
#home_main h2{ color:#000; width:430px; float:left; }
#home_main .home_image{ float:left; margin-left: 57px; }


/* Left side */

.leftside ul {list-style-type: disc;margin-left:20px; margin-bottom:20px}
.leftside ul li {margin-bottom:5px;}

#main .leftside {float:left;width:430px;color:#000; } 

#main_alt .leftside {float:left;width:450px;color:#000;}

#home_main .leftside {float: left; width: 430px}


/* Right Side */

#main .rightside { float:left; margin-left: 57px; }

#main_alt .rightside { float:left; margin-left: 57px;  }




/* Forms */

#page-container #main_form {background: #50a2e2 url("images/bg_stretchy.jpg") 0 100% no-repeat; min-height:480px;  padding: 30px 90px 150px 90px;}
#page-container #main_form p {width:450px;}
#page-container #main_form a {color: #000; text-decoration: underline;}
#page-container #main_form a:hover {color: #00A038;}

legend{ font: 20px/normal Arial, Helvetica, sans-serif; text-align:left; color:#5c94c3}

form.normal { margin: 1em 0 0; width: 100%; }
form.normal .leftcol {float: left; width:360px;margin-right:50px;}
form.normal .rightcol {float: left; width: 360px;  }
form.normal ul {width: 360px; list-style: none; }
form.normal ul li { float: left; width: 100%; padding-bottom: 1.5em;}

form.normal ul li label.normallabel {float: left; margin-bottom: 5px; width: 100%;}
form.normal ul li label.designlabel {float: left; width:100%; margin-bottom: 5px;}

form.normal ul li ul.designs {margin-bottom:5px;}
form.normal ul li ul.designs li {float: left; width:100%; padding-bottom:5px;}
form.normal ul li ul.designs li a {float: left; width:45%; padding-bottom:0px;}
form.normal ul li ul.designs li input.radio {float: left;}
form.normal ul li ul.designs li label.sitelabel {float:left; width: 38%;}

form.normal ul li .checkboxlabel {  float:left; width: 148px; margin-bottom: 15px; margin-right:5px; }
form.normal ul li .checkbox {float:left; width: 15px; height: 15px; margin-bottom: 15px; margin-right:10px}
form.normal textarea, form.normal input.text, form.normal select {float: left;background: #000 ;}
form.normal ul li.buttons {clear: both; float: none !important;width: 255px; padding-left: 0px; text-align: right;}

form.normal textarea, form.normal input.text {width: 250px;}
form.normal select {width: 258px}


/* TEXT IN FIELDS AND DROPDOWN */
form.normal input.text, form.normal textarea, form.normal select { padding: 3px;
 border: solid 1px #292929; background: #fff url(images/bg2.gif) top left no-repeat; font:normal normal 14px Verdana, sans-serif;x; color:#000;}


/* MANDATORY FIELDS */
form.normal input.text:focus, form.normal textarea:focus, form.normal select:focus {border-color:green;}


/* BUTTON */
input.button { border-style: solid; border-width: 2px; border-color: #c6f6c8 #063008 #063008 #c6f6c8; background-color: #5ac45f; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 3px 2px 3px;  }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }


/* TEXT AREA */
form.normal textarea { overflow: auto; height: 100px;}


/* Misc */
form.normal em.required {color: #cd0b0b;}

fieldset { margin-top: 25px }


/* Footer */

#footer{ clear: both; background-color: #000; text-align: left; color: #fff; padding: 10px 30px 15px 0; font-size: 11px;height: 18px}
#footer .left { margin-left: 90px;  }
#footer .left a {margin-right:5px;}
#footer img { margin-left: 5px; vertical-align: bottom;}
#footer #tld a { color: #fff; text-decoration: underline; margin-right:10px; }
#footer #tld a:hover{ color: #00A038; }
#footer #tld {margin-top:15px; text-align:right;position: relative; bottom: 31px}


/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */