/*****Zero out margins and padding*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td, input, textarea, select { margin: 0; padding: 0; }

/******BASIC TAG DEFINITIONS********/

html, body { height: 100%; }

body {
font: 12px Verdana, Arial, Helvetica, sans-serif; 
color: #3B3B3B; 
line-height: 19px;
background: #fff url(../images/main_bg.jpg) repeat-x 0 0;
}

h1 {font: 20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #00457C; font-weight: normal; margin-bottom: 10px;}
h2 {font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #8A2922;}
h3 {font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
h4 {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

p {margin-bottom: 10px;}

a:link {color: #1B778E; text-decoration: underline;}
a:visited {color: #3B3B3B; text-decoration: underline;}
a:hover {color: #8B2B24; text-decoration: underline;}

#content ul, #content ol, blockquote {margin: 0 0 10px 24px;}

.clearing {clear: both;}


/******HEADER **************************************************************************************************************/

#header {
width: 856px; 
height: 43px;
margin: 0 auto;
padding: 50px 0 0 130px;
}

#logo a {
display: block; 
width: 439px; 
height: 37px; 
position: relative;
color: #00457C;
}

#logo a span {
display: block; 
width: 439px; 
height: 37px; 
position: absolute; 
top: 0; 
left: 0;
background: url(../images/logo.gif) no-repeat 0 0;
cursor:pointer;
}

/******MAIN CONTENT CONTAINER *********************************************************************************************************/

#container {
width: 958px; 
background: #fff url(../images/container_bg.jpg) repeat-y 0 0; 
margin: 0 auto;
padding: 0 14px 0 14px;
}

#containerTop {
background: #fff url(../images/container_top.jpg) no-repeat right; 
height: 13px;
margin-right: -14px;
}

#containerBtm {
width: 986px; 
margin: 0 auto;
height: 25px;
background: url(../images/container_btm.jpg) no-repeat 0 0;
}


/******SIDEBAR AND NAV *********************************************************************************************************/


#sidebar {
float: left;
width: 221px; 
background: #1B778E url(../images/sidebar_top_corner.jpg) no-repeat top right; 
padding-top: 65px;
}

#boxes {
background: url(../images/boxes.png) no-repeat 0 0;
width: 154px;
height: 139px;
margin: -145px 0 0 -40px;
}

#sidebar a {color: #fff;}
#sidebar a:hover {color: #CCCCCC;}

/*#sidebar .sidebarBtm {
background: #fff url(../images/sidebar_btm_corner.jpg) no-repeat top right;
padding: 20px;
}*/

#sidebar ul#nav {
list-style: none;
font: 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul#nav li a {
display: block; 
height: 28px; 
width: 204px; 
background: url(../images/nav_bg.jpg) no-repeat 0 0;
color: #fff;
text-decoration: none;
padding: 4px 0 0 17px;
}

#sidebar ul#nav li a:visited {color: #fff; text-decoration: none;}

#sidebar ul#nav li a:hover {background: url(../images/nav_bg.jpg) no-repeat -221px 0; text-decoration: none;}

/******BRANDING **************************************************************************************************************/

#branding {
float: right; 
width: 706px; 
height: 81px; 
background: url(../images/branding_bg.png) no-repeat 0 0;
margin-top: -49px;
padding: 170px 0 0 20px;
}

#cta {height: 60px; width: 302px; }

#cta a {
display: block;
height: 53px; 
width: 292px;
background: url(../images/cta_back.png) no-repeat 0 0; 
color: #fff;
font: 18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding: 7px 0 0 10px;
text-decoration: none;
}

#cta a:hover {
background: url(../images/cta_back_roll.png) no-repeat 0 0; 
text-decoration: none;
}

#cta .headline {font-size: 22px; font-weight:bold; margin: 0px; line-height: 22px;}


/******CONTENT **************************************************************************************************************/

#content {float: right; text-align: left; width: 692px; padding: 25px 17px 0 17px;}


/******FOOTER **************************************************************************************************************/

#footer {
color: #fff; 
font-size: 11px;
background: #00457C url(../images/footer_bg.jpg) repeat-x 0 0; 
position: relative;
min-height: 100%;
} 

#footerTxt {
width: 986px; 
margin: 0 auto;
padding-top: 7px;
}

#footerTxt a {color: #fff;}
#footerTxt a:hover {color: #CCCCCC;}

.webo {width: 500px; float: right; text-align: right;}
.webo a {text-decoration: none;}
.webo a:hover {text-decoration: underline;}

.contactInfo {color: #fff; font-size: 11px; line-height: 14px; padding: 17px;}

/******SUB PAGE SPECIFIC STYLES*********************************************************************************************/
#branding.sub {
width: 726px; 
height: 156px; 
background: url(../images/branding_bg_sub.png) no-repeat 0 0;
margin-top: -49px;
padding: 0;
}

#cta.sub {float: right; margin: 0 0 10px 10px;}

/******FORM SPECIFIC STYLES*********************************************************************************************/

form ul {list-style: none;}
form ul li {margin-bottom: 6px;}
form ul.boxes li {float:left;width:200px; margin-bottom: 20px; height: 80px;}
#content form ul.boxes {margin-bottom: 0px;}
form ul li label {display: block; width: 120px; margin-right: 6px; float:left; text-align:right; line-height: 13px;}
form ul li input[type=text] {width: 200px; border:1px solid #A3BCD0;}
.requiredField { color:#A0514C;font-size:13px;font-weight:bold; }
.textarea { height:80px;width:600px;border:1px solid #A3BCD0; }
.actionButton { background-color:#1B778E; border:1px solid #ABC0C0; color:#FFFFFF; font-weight:bold; padding:4px;cursor:pointer; }

form input.dimensions {width: 60px; border:1px solid #A3BCD0;}

.formCol1, .formCol2 {width: 190px; float:left; margin-right: 10px; margin-bottom: 10px;}
.formCol2 {width: 190px; float: left; margin-bottom: 10px;}

hr.clearing {margin: 20px 0;}

/* ---------->>> TOOL TIPS <<<---------------------------------------------------------------*/

.tipBox {
width: 250px;
background: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
}

a.tip {
cursor:help;
background: #ccc;
padding: 1px 2px;
margin-left: 5px;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}