/* SITE WIDE CSS 
	* This is the site specific CSS file. ANY CSS CUSTOMIZATIONS OR CHANGES SHOULD BE MADE HERE.
	* NO CHANGES SHOULD BE MADE IN THE GLOBAL CSS FILE NAMED wzl_style.css
	* If you do not follow these orders, upgrades may be broken.
*/

/* Color Notes:
header dark: #383f16
header light: #879633
links for dark background: #aabf3d
special color fonts: #879633
deeper red: #990000
brighter red: #FF3700
*/
body{
background:url(../images/layout/bg_grad.png) repeat-x top #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#999999;
}

.wrap{
width:920px;
background:#ffffff;
}

.header{
width:920px;
height:120px;
background:url(../images/layout/header920x120.png) no-repeat left;
border-bottom:1px inset #ffffff;
}

/*--------------main_content-----------------*/
.content{
width:920px;
min-height:400px;
background:#ffffff;
}

.home_content{
width:920px;
height:320px;
background:#000000;
text-align:center;
}

.home_content a:link {color:#aabf3d; text-decoration:underline;  }
.home_content a:visited {color:#aabf3d; text-decoration:underline; }
.home_content a:hover {color:#ffffff; text-decoration:underline; }
.home_content a:active {color:#aabf3d; text-decoration:underline; }

.home_left_content{
padding:20px 20px 10px 20px;
width:485px;
}

.home_left_content p{
font-size:14px;
color:#ffffff;
line-height:21px;
}

.home_right_content{
width:400px;
}

#left { width:180px; }
#middle { width:560px; }
#right { width:180px; }
#double_right { width:360px; }
#left_and_middle { width:740px; }
#middle_and_right { width:740px; }
#left_and_middle_and_right { width:920px; }

/* header */
h1, h2, h3, h4, h5 {
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
color:#879633;	
}

.col_top1100 div h1 {
color:#879633;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
}

.col_top920 div h1 {
color:#879633;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
}

.col_top740 div h1 {
color:#879633;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
}

.col_top560 div h1 {
color:#879633;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
}

.col_top180 div {
color:#879633;
font-size:13px;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
text-align:center;
}

a:link {color:#879633; text-decoration:underline;  }
a:visited {color:#879633; text-decoration:underline; }
a:hover {color:#383f16; text-decoration:underline; }
a:active {color:#383f16; text-decoration:underline; }

a.title:link {color:#879633; font-weight:bold; text-decoration:none;  }
a.title:visited {color:#879633; font-weight:bold; text-decoration:none; }
a.title:hover {color:#383f16; font-weight:bold; text-decoration:underline; }
a.title:active {color:#383f16; font-weight:bold; text-decoration:none; }

a.special:link {color:#879633; font-weight:bold; text-decoration:none;  }
a.special:visited {color:#879633; font-weight:bold; text-decoration:none; }
a.special:hover {color:#383f16; font-weight:bold; text-decoration:none; }
a.special:active {color:#383f16; font-weight:bold; text-decoration:none; }

.icon32x32 a.text { color:#879633; text-decoration:none; font-size:14px; font-weight:bold; }
.icon32x32 a.text:hover { color:#383f16; }

.icon16x16 a.text { color:#879633; text-decoration:none; font-size:12px; font-weight:bold; }
.icon16x16 a.text:hover { color:#383f16; }

.h_divider620 {
border-top:2px solid #879633;
border-bottom:1px dashed #879633;
color:#879633;
}

.h_divider800 {
border-top:2px solid #879633;
border-bottom:1px dashed #879633;
color:#879633;
}

#sddm li {
font: bold 12px Arial;
}

#current {
font: bold 12px Arial;
background:#879633;
}

#sddm li a {	
color: #ffffff;
text-decoration: none;
}

#sddm li a:hover {	
background: #879633;
}

#sddm div {
background: #383f16;
border: 1px solid #666666;
}

#sddm div a {
background: #383f16;
color: #ffffff;
font: 12px Arial;
}

#sddm div a:hover {	
background: #879633;
}

ul.vmenu li a {
font-weight:bold;
font-size:11px;
color:#879633;
}

ul.vmenu li.selected a {
font-size:11px;
color:#879633;
background:#dddddd;
}

ul.vmenu li a:hover, ul.menu li a:focus {
color:#383f16;
background:#eeeeee;
}

.inlinetextmenu ul li a:link { color:#eeeeee; font-size:12px;}
.inlinetextmenu ul li a:visited { color:#eeeeee; }
.inlinetextmenu ul li a:hover { color:#000000; }
.inlinetextmenu ul li a:active { color:#eeeeee; }

.form{
width:800px;
padding:20px 0 0 50px;
}

.form_wide{
width:95%;
padding:20px 0 0 50px;
}

table.wzl_form{
border:1px solid #cccccc;
}

td.wzl_form_title{
background:#879633;
color:#ffffff;
}

td.wzl_form_title a:link { color:#ffffff;}
td.wzl_form_title a:visited { color:#ffffff;}
td.wzl_form_title a:hover { color:#eeeeee;}
td.wzl_form_title a:active { color:#ffffff;}

.wzl_form_subtitle {
color:#aaaaaa;
font-size:14px;
}

.wzl_form_sublabel {
font-size:10px;
}

td.wzl_form_instructions{
background:#eeeeee;
font-size:10px;
}

td.wzl_form_field_info{
color:#879633;
}

td.wzl_form {
background:#ffffff;
}

td.wzl_form_grey {
background:#eeeeee;
}

.footer{
width:920px;
height:200px;
background:#879633;
}

.footer_content{
width:880px;
color: #ffffff;
}

a.footer:link { color:#999999; }
a.footer:visited { color: #999999; }
a.footer:hover { color:#ffffff; }
a.footer:active { color: #999999; }

p.p_normal {
width:620px; 
}

p.p_normal span.title {
color:#879633;
font-family:"Arial Black", Gadget, Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
}

p.p_normal span.special {
color:#999999;
font-size:12px;
font-weight:bold;
}

p.p_alert {
width:620px; 
}

h1.big_title{
font-size:20px;
color:#ffffff;
padding:0 0 10px 0;
}

#montage1 {
width:920px;
height:219px;
padding:0;
margin:0;
background:url(../images/layout/roofing_montage1_920x219.jpg) no-repeat left;
}

#montage2 {
width:920px;
height:193px;
padding:0;
margin:0;
background:url(../images/layout/roofing_montage2_920x193.jpg) no-repeat left;
}

#montage3 {
width:920px;
height:210px;
padding:0;
margin:0;
background:url(../images/layout/roofing_montage3_920x210.jpg) no-repeat left;
}