* {
   margin: 0;
   padding: 0;
}

html, body {
   height:100%; /* gives layout 100% height */
   overflow:inherit; /* triggers 100% height in Opera 9.5 */
   background: #73A533 url(img/site_background.gif) center repeat-y;
   font: normal 85% Verdana, Arial, Helvetica, sans-serif;
   color: #666;
}

/* typography */
h1 {
   color: #036;
   font-size: 20px;
   text-transform: uppercase;
   font-variant: bold;
   letter-spacing: -1px;
   padding: 15px 0;
   background: transparent url(img/logo_and_tagline.gif) right bottom no-repeat;
}

h2 {
   margin: 15px 0;
}

h3, h3 a {
   margin: 10px 0;
   color: #369;
   font-size: 14px;
   clear: right;
   text-decoration: none;
}

p {
   margin: 10px 0;
}

ol, ul {
   margin-left: 40px;
}
li {
   margin-bottom: 5px;
}

img {
   border: none;
}

/* layout */
.container {
   min-height:100%; /* gives layout 100% height */
   width:900px; /* centered div must be given a width */
   margin:0 auto; /* centers #wrapper or container */
   background:#fff url(img/page_background.gif) right repeat-y;
}

* html .container { 
height:100%; /* IE6 treats height as min-height */
}

/* header */
.header {
   background-image: url(img/head_left_fill.gif);
   background-repeat: repeat-x;
}

#page_divider {
   background-image: url(img/green_head_divider_fill.gif);
   background-repeat: repeat-x;
   height: 5px;
}

/* leftcol */
.leftcol {
   float: left;
   width: 170px;
   display: block;
   margin-bottom: 100px;
}

/* header nav */
ul.nav-side {
   list-style: none;
   background: url(img/nav_bottom.gif) bottom right no-repeat;
   padding-bottom: 10px;
   margin-left: 0;
}
ul.nav-side li {
   margin-bottom: 0;
}
ul.nav-side li a {
   background: #dbf6b6;
   color: #215a24;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
   text-indent: 20px;
   text-decoration: none;
   width: 170px;
   height: 16px;
   display: block;
   border-bottom: #fff solid thin;
   padding: 4px 0 0;
}

ul.nav-side li a:hover {
   text-decoration: underline;
}

ul li.nav-selected a {
   background: #fafafa;
}

ul.nav-side li ul {
   list-style: none;
   margin-left: 0;
}

ul.nav-side li.nav-parent a {
   background: #dbf6b6;
}

ul.nav-side li ul.nav-parent li a {
   text-indent: 40px;
   background: #dbf6b6;
   text-transform: lowercase;
}

ul.nav-side li ul.nav-parent li.nav-selected a {
   background: #fafafa;
}

/* content - midcol */
.content {
   float: left;
   padding: 0 15px; /* bottom padding clears the #footer */
   width: 464px;
   margin-bottom: 100px;
}
.content-full {
   float: left;
   padding: 0 15px; /* bottom padding clears the #footer */
   width: 634px;
   margin-bottom: 100px;
}

.rightcol {
   float: left;
   width: 216px;
   margin-bottom: 100px;
   padding: 0 10px;
}

/* footer */
.footer {
   height:94px;
   width:900px; /* centered div must be given a width */
   margin:-94px auto 0; /* -94px sucks it back in & auto centers it */
   background: url(img/footer_fill.gif) left repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   clear: both;
   color: #fff;
}

span.foot_green {
   color: #dfffcf;
}
#foot_top {
   width: 880px;
   height: 25px;
   padding: 0px 10px 0px 10px;
}

#foot_top_left {
   width: 390px;
   height: 23px;
   float: left;
   padding: 5px 0px 0px 0px;
}

#foot_top_right {
   width: 490px;
   height: 23px;
   text-align: right;
   float: left;
   padding-top: 5px;
}
#foot_top a {color: #fff; text-decoration: none;}
#foot_top a:hover {color:#fff4bf; text-decoration: underline;}


#foot_mid {
   width: 880px;
   height: 44px;
   padding: 0px 10px 0px 10px;
}

#foot_mid_top, #foot_mid_bottom {
   width: 880px;
   height: 22px;
}
#foot_mid a {color: #fff4bf; text-decoration: none;}
#foot_mid a:hover {color: #d5eaff; text-decoration: underline;}

#foot_bottom {
   width: 880px;
   height: 20px;
   padding: 5px 10px 0px 10px;
}
#foot_bottom a {color: #d5eaff; text-decoration: none;}
#foot_bottom a:hover {color: #fff4bf; text-decoration: underline;}

/* clearfix */
.floatright {
   float: right;
}

.clearer {clear: both;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

table.formBlockSurveyTable td {
   border: none;
}

/* Registration Table CSS */
table {
   margin-top: 15px;
}
table td {
   padding: 2px;
   border: #a5b0cc solid thin;
}

table#server {
   width: 100%;
}
table#server tr{
   border: red solid thick;
}
table#server thead {
   background-color: #369;
   color: #fff;
}
table#server thead th {
   padding: 5px;
   color: #fff;
   border: none;
}
table#server th {
   width: 100px;
   text-align: left;
   color: #f36f21;
   border: #a5b0cc solid thin;
}
table#server table#inner {
   margin-top: 0;
   height: 100%
}

table#server #first, table#broadband #first {
   background-color: #a5b0cc;
   color: #369;
   font-weight: bold;
}

table#broadband thead {
   background-color: #369;
   color: #fff;
}
table#broadband thead th {
   padding: 5px;
   color: #fff;
   border: none;
}
table#broadband th {
   color: #a0ce67;
   border: #a5b0cc solid thin;
   text-align: left;
}

table#broadband #new th, table#broadband #new td {
   color: #f36f21;
   font-weight: bold;
}

table#details td {
   border: none;
   text-align: right;
}
table#details input, table#details textarea {
   width: 160px;
}

#first td#step1 {
   width: 15px;
   background: #369 url(img/step1.png) center center no-repeat;
   border: none;
}
#step1 span { display: none; }
#first td#step2 {
   width: 15px;
   background: #369 url(img/step2.png) center center no-repeat;
   border: none;
}
#step2 span { display: none; }
/* end table */

.border {
   border-right: #369 solid thick;
}
.center {
   text-align: center;
}
.left {
   text-align: left;
}

ul#pac-special label {
   color: #f36f21;
   font-weight: bold;
}
ul#pac-special label a {
   color: inherit;
}
ul#pac-special p {
   margin-top: 1px;
}
ul#pac-special p a {
   color: inherit;
   text-decoration: none;
}

a.btn-blue {
   background-image: url(img/button_blue.gif);
   display: block;
   width: 379px;
   height: 40px;
   line-height: 35px;
   font-weight: bold;
   text-align: center;
   color: #fff;
   text-decoration: none;
}
a.half {
   background-image: url(img/button_blue_half.gif);
   width: 227px;
}

.orangebox {
   display: block;
   width: 300px;
   height: 250px;
   padding: 15px;
   margin-left: 5px;
   color: #efefef;
   background: #fff url(img/orange-box.png) no-repeat top left;
   float: right;
   font-weight: bold;
   
}
.orangebox h3 {
   margin: 0 0 5px 5px;
}
.orangebox table { margin-top: 0; }
.orangebox table td { border: 0; }

.oranji {
   border: solid 2px #e36c0a;
   background-color: #fbd4b4;
   padding: 0 5px;
}

.success {
   padding: 10px;
   background-color: #ffd;
   border: #ffd700 solid thin;
}

.error {
   padding: 10px;
   background-color: #fdd;
   border: #fd4700 solid thin;
}

.caps {
   text-transform: capitalize;
}