
/* IE - START GLOBAL 
-------------------------------------------------------------------------------- */

html body {
margin:0px;
padding: 0px;
background:#2f536a;
background-image:url("http://www.vanguardsolar.com/images/bg_m.gif");

}
a {color:#36474f;text-decoration:none;font-family: Verdana, Arial, sans-serif;font-weight: 400;letter-spacing: 0.04em;}
a:link {color:#36474f;text-decoration:none;}
a:hover {color:#fff;text-decoration:none;}

/*END GLOBAL
----------------------------------------------------------------*/


/* START TOP LEVEL PAGE STRUCTURE
-------------------------------------------------------------------------------- */

body { }

#hdr_container {
width:770px;
background: #bdd398;
background-image:url("http://www.vanguardsolar.com/images/hdr_container_bg2.gif");
padding-top:6px;
border-left:1px solid #728a4a;
border-right:1px solid #728a4a;
}

#hdr_container {
margin-left:110px;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left:auto;
margin-right:auto;
}

#body_container {
width:770px;
background:#ffdc65;
border-left:1px solid #728a4a;
border-right:1px solid #728a4a;
border-bottom: 1px solid #728a4a;
}

#body_container {
margin-left:110px;
width:770px;
background:#a9dc65;
border-left:1px solid #728a4a;
border-right:1px solid #728a4a;
border-bottom: 1px solid #728a4a;
voice-family: "\"}\""; 
voice-family:inherit;
margin-left:auto;
margin-right:auto;
}

/* BEGIN HEADER
-------------------------------------------------------------------------------- */

#hdr_main{
width:746px;
height:104px; 
margin-left:11px;
border:1px solid #74846c;
background: #fff; 
}

#hdr_top{ 
width:742px;
height: 100px;
margin:2px 0px 0px 14px;
border:2px solid #fff;
background: #fff; background-image:url("http://www.vanguardsolar.com/images/temp_hdr_bg15.jpg");background-repeat:no-repeat;
font-weight: 400; font-size: 9px; color: #65a9f0; line-height: 9px; font-family:   verdana, sans-serif;text-decoration:none;
voice-family: "\"}\""; 
voice-family:inherit;
margin:2px 0px 0px 2px;
border:0px solid #fff;
}

#hdr_ds{
background: #a9dc65;
background-image:url("http://www.vanguardsolar.com/images/hdr_drop_shadow5.gif");background-repeat:no-repeat;
width:748px;
height:6px;
margin-left:11px;
padding:0px;
margin-bottom:0px;
}

#hdr_blurb {
font: 14px  Arial,verdana,Helvetica, sans-serif;
font-weight:800;
margin-top:12px;
margin-left:120px;
color:#fff;
}



/* STRUCTURE
-------------------------------------------------------------------------------- */

#nav_main{
width:748px;
height:30px; 
margin: 0px 0px 0px 11px;
background: #2f536a;
text-align:center;
}

#nav_main td{ padding-top:0px; }

 #nav_main a:hover span{
color:#fff;
text-align:left;
}



.nav_off{ 
/*changing this from center to left repositioned dropdown*/
text-align:left;

background: #2f536a; background-image:url("http://www.vanguardsolar.com/images/nav_bg_7.gif");background-repeat:repeat-x;}
.nav_off a{ 
/*changing this from center to left repositioned dropdown*/
text-align:left;text-decoration:none;
}


.nav, .nav ul {padding: 0;margin: 0;list-style: none;}
.nav ul{background:#80acd1;border-right:#225f7c  1px solid;border-bottom:#225f7c  1px solid;border-left:#225f7c  1px solid;padding:2px;}
.nav a {display: block;/*width: 10em;*/text-decoration:none;text-align:left;font-size: 11px;margin-left:9px;}
.nav li {float: left;width: 100%;}
.nav li ul {position: absolute;/*this sets the width: 110px;*/left: -999em;}
.nav li ul li {text-align:center;background:#80acd1;padding-top:4px;}
/*.nav li ul li a:hover{background:#fff;}*/
/*left can be set here to position, 110px for example*/
#nav_1 li:hover ul, #nav_1 li.sfhover ul {left:auto;}
#nav_2 li:hover ul, #nav_2 li.sfhover ul {left:auto;} 
#nav_3 li:hover ul, #nav_3 li.sfhover ul {left:auto;} 

#nav_left{text-align:center;text-decoration:none;background: #2f536a; #fff;background-image:url("http://www.vanguardsolar.com/images/nav_left_6.gif");background-repeat:repeat-x;}
#nav_left a{text-decoration:none;}
#nav_right{text-align:center;background: #2f536a; #fff;background-image:url("http://www.vanguardsolar.com/images/nav_right_6.gif");background-repeat:repeat-x;}


/*id for ul works in mozilla and ie, opera, sets with of ul dropdown*/
#nav_a{display:block;width: 110px;padding-top:2px;padding-bottom:8px;border-top:#1e5775 5px solid;}
#nav_b{display:block;width: 154px;padding-top:2px;padding-bottom:8px;border-top:#1e5775 5px solid;}
#nav_c{display:block;width: 176px;padding-top:2px;padding-bottom:8px;border-top:#1e5775 5px solid;}
#nav_d{width: 110px;padding-top:2px;padding-bottom:8px;}
/*changing the line height from 12 to 15 fixed the cutoff text in ie5*/
.nav_lgcaps_off {
font-weight: 800; font-size: 12px; color: #8dc3f1; line-height: 15 px; font-family:   Arial, sans-serif;letter-spacing: 0.08em;text-decoration:none;
}/*4b626d*/

.nav_lgcaps_off  a{
font-weight: 800; font-size: 12px; color: #36474f ; line-height: 12 px; font-family:  Arial, sans-serif;letter-spacing: 0.08em;text-decoration:none;
}

.nav_lgcaps_off  a:hover{
font-weight: 800; font-size: 12px; color: #36474f ; line-height: 12 px; font-family:  Arial, sans-serif;letter-spacing: 0.08em;text-decoration:none;
}


/* end header*/

/* begin footer*/

#footer{
width:746px;
height:63px; 
margin-left:11px;
padding-top:8px;
margin-top:0px;
background: #a9dc65; background-image:url("http://www.vanguardsolar.com/images/footer_bg.gif"); background-repeat:repeat-y;
text-align:center;
}


#footer p {
font: 10px Verdana, Helvetica, Arial, sans-serif;
line-height:14px;
font-weight:400;
color: #57674f;
margin-left:auto;
margin-right:auto;
background: #a9dc65; background-image:url("http://www.vanguardsolar.com/images/footer_bg.gif"); background-repeat:repeat-y;
width:746px;
}

#footer p a{
color: #57674f;
text-decoration:none;
}

#footer p a:hover{
text-decoration:none;
color: #fff;
}



#content_main{ 
width:746px;
margin-left:11px;
margin-top:0px;

border-right:1px solid #57674f;
border-bottom:1px solid #57674f;
border-left:1px solid #57674f;
background: #fff;
padding-top:4px;
}

#content_main table{
margin-left:18px;
margin-top:5px;

}

#content_main table td{
padding:1px;
}

/*index page column setup*/

#idx_content_left_column{
width:459px;
margin-top:18px;
background: #fff;
}



#idx_content_right_col{
width:252px;
padding-left:2px;

background: #fff;
margin: 18px 6px 0px 0px;
}

#idx_header{
 margin:5px 0px 13px 0px;
}


#idx_content_left_column p {
font-size: 14px; line-height: 19px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:18px; width:443px;letter-spacing: 0.02em;
}

#idx_content_left_column p em{
font-size: 14px; line-height: 19px; font-family: Verdana, Arial,   sans-serif;letter-spacing: 0.02em;color: #cc3300;
}

.idx_box {
font-size: 12px;  letter-spacing: 0.01em;color:#3682ea; line-height: 17px; margin-bottom: 5px; font-family: verdana,arial, helvetica, geneva, sans serif; font-weight:800;width:226px;
}

.idx_box span{width:130px;}

/*content page no image column setup*/



#content_left_column{
width:550px;
margin-top:18px;
background: #fff;
border-right:1px solid #ebebeb;
}

#content_right_col{
width:156px;
padding-left:2px;

background: #fff;
margin: 18px 6px 0px 0px;
}

/*content page with image column setup*/

#img_content_left_column{
width:680px;
margin-top:0px;
background: #fff;
}

#img_content_right_col{
width:28px;
padding-left:2px;

background: #fff;
margin: 14px 6px 0px 0px;
}

.img_test{position:relative;
top:1px;left:24px;float:right;}




#content_left_column p {
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:15px; width:539px;letter-spacing: 0.02em;
}

#content_left_column p em{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:15px; width:539px;letter-spacing: 0.02em;color: #cc3300;
}

 #content_left_column p.top{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:13px; width:539px;letter-spacing: 0.02em;margin-top:11px;
}

 #content_left_column p.bottom{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:34px; width:539px;letter-spacing: 0.02em;margin-top:13px;
}

 #content_left_column p.bottom_name{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:3px; width:539px;letter-spacing: 0.02em;margin-top:13px;
}

/* #content_left_column p em{
font-size: 105%; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:3px; width:539px;letter-spacing: 0.02em;margin-top:13px;color:#c93b0e;font-weight: 800;*/
}

 #content_left_column .bottom{
margin-top:-2px;margin-bottom:29px;
}





p {
font-size: 11px; line-height: 16px; font-family: Verdana, Arial, sans-serif;
margin-top:6px;margin-bottom:15px; width:243px;background: #fff;
}

p.founders {
font-size: 11px; line-height: 16px; font-family: Verdana, Arial, sans-serif;
margin-top:6px;margin-bottom:6px; width:443px;background: #fff; 
}

.founders_strong{font-size: 11px; line-height: 16px; font-family: Verdana, Arial, sans-serif;
margin-top:6px;margin-bottom:6px; width:330px;background: #fff;font-weight: 800;
color:#333;
}

#img_content_left_column p {
font-size: 13px; line-height: 18px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:15px; width:539px;letter-spacing: 0.02em;
}
#img_content_left_column div.w_img {
font-size: 13px; line-height: 18px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:15px; width:690px;letter-spacing: 0.02em;
}
/*#img_content_left_column div.w_img p{
font-size: 13px; line-height: 18px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:15px; width:134px;letter-spacing: 0.02em;
}*/
#img_content_left_column div.wo_img p{
font-size: 13px; line-height: 18px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:15px; width:548px;letter-spacing: 0.02em;
}

#content_left_column p.narrow {
font-size: 13px; line-height: 18px; font-family: Verdana, Arial,   sans-serif;
margin-top:6px;margin-bottom:15px; width:438px;letter-spacing: 0.02em;
}




/*begin box right*/ 



.box_hdr_rt{
width:252px;
height:22px;
border-bottom:1px solid #74846c;
/*padding:2px 2px 0px 2px;*/
background: #80aed6;
text-align:center; 
font-weight: 800; font-size: 13px; color: #36474f; line-height: 120%;  font-family:  arial, helvetica, geneva, sans serif; letter-spacing: 1px;
background-image:url("http://www.vanguardsolar.com/images/box_hdr_bg_f.gif");
}

.box_ftr_rt{
width:250px;
height:3px;
text-align:top;
margin-bottom:16px;
border-right:1px solid #fff;border-left:1px solid #fff;
background: #cece9c;
background-image:url("http://www.vanguardsolar.com/images/box_ftr_bg_c.gif");background-repeat: repeat-x;
}

.box_hdr_rt div {
padding-top:3px;
}
/*change here correct ie 5 width problem in boxes, and resets for modern browsers*/
.box_content_rt{
width:250px;
background: #f9f9f7;
padding:12px;
border-left:1px solid #74846c;border-right:1px solid #74846c;
font-weight: 400; font-size:14px; word-spacing: 0.02em;  color: #4e4e9c;  
font-family: arial, helvetica, geneva, sans serif; /*a34d0d 975427;4e4e9c*/
voice-family: "\"}\""; 
voice-family:inherit;
width:226px;
}



.logo_img{width:226px; text-align:left;}


.logo_hdr{font-weight: 800; font-size:13px;color: #3865b5; line-height: 120%;  
font-family: verdana, arial, helvetica, geneva, sans serif;text-align:left;}

.logo_img img{margin-right:4px;}
/*end box right*/  


/*begin typography*/ 


/*

ul{
margin-right:10px;margin-top:-1px;margin-bottom:-2px;
list-style-image: url("http://www.vanguardsolar.com/images/bullet_b.gif")
}

li {

font-size: 70%; line-height: 135%; font-family: Verdana, Arial, sans-serif;
margin-top:4px;margin-bottom:2px;

}*/
h2 {
font-family:Arial, sans-serif;
margin-top:0px;
margin-left:12px;
color:#f0b100;
}

h3 {
font-weight: 800; font-size: 85%; word-spacing: -2px; color: #363b42; line-height: 115%; font-family: Verdana, Arial, sans-serif; letter-spacing: 0.03em
}

h4 {
font: 15px  Arial,Helvetica,verdana, sans-serif;
font-weight:800;
margin-top:8px;
margin-left:12px;
color:#333366;
}


.date{ font-weight: 800; font-size: 12px; word-spacing: 1px; color: #333; font-family: Arial, Verdana,  sans-serif; letter-spacing: 0.035em; margin-bottom:5px;}





.logo_hdr{}

.news_box {
font-size: 12px;  letter-spacing: 0.01em;color:#3682ea; line-height: 18px; margin-bottom: 9px; font-family: verdana,arial, helvetica, geneva, sans serif; font-weight:800;width:202px;padding-bottom:1px;
}

#news_box_top {
 margin-top: 9px;
}

.news_box a{
font-size: 12px;  color:#3682ea;   font-family: verdana,arial, helvetica, geneva, sans serif; font-weight:800;text-decoration:none;letter-spacing: 0.02em;line-height: 18px;border-bottom:1px dotted #3682ea;
}
.news_box A:hover{
font-size: 12px;  color:#ff9900;   font-family: verdana,arial, helvetica, geneva, sans serif; font-weight:800;text-decoration:none;letter-spacing: 0.02em;line-height: 18px;border-bottom:1px dotted #ff9900;
}


.box_link  { font-size: 13px; font-weight:800;line-height: 135%; font-family: arial, helvetica, geneva, sans serif;margin-bottom:10px;
}

.box_link A  {  font-size: 13px; font-family: arial, helvetica, geneva, sans serif;  COLOR: #3682ea;border-bottom:1px dotted #3682ea;text-decoration:none;letter-spacing: 0.04em;
}


.box_link A:hover  { font-size: 13px;  font-family: arial, helvetica, geneva, sans serif;  COLOR: #ff9900;border-bottom:1px dotted #ff9900;text-decoration:none;letter-spacing: 0.04em

}

.box_link img a { text-decoration:none;

}



.hdr5{
font-weight: 400; font-size: 23px; word-spacing: -1px; color: #cc3300; font-family: Verdana, Arial, sans-serif; letter-spacing: 0.003em; margin-bottom:19px;
}

.header img{
 margin:5px 0px 14px 0px;
}




.hdr3 {
margin-top: 30px; font-weight: 800; font-size: 16px; color: #3865b5 ; line-height: 16px; font-family:  Arial, sans-serif;letter-spacing: 0.06em;
}
.hdr3_smcaps {
font-weight: 800; font-size: 14px; color: #3f73cc ; line-height: 14 px; font-family:  Arial, sans-serif;letter-spacing: 0.04em;
}

.hdr4 {
 font-weight: 800; font-size: 18px; color: #518fd3 ; line-height: 18px; font-family:  'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;letter-spacing: 0.04em;
}

.hdr4_smcaps {
font-weight: 800; font-size: 15px; color: #518fd3 ; line-height: 20px; font-family:  'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;;letter-spacing: 0.02em;
}

.hdr4 img{width:100%;
}

.news_date{ font-weight: 800; font-size: 13px; word-spacing: 1px; color: #444; font-family: Arial, Verdana,  sans-serif; letter-spacing: 0.035em; margin-bottom:4px;}

.news_hdr {
font-weight: 800; font-size: 17px; color: #3f73cc ; line-height: 17 px; font-family:  Arial, sans-serif;letter-spacing: 0.02em;
margin-bottom:-2px;}

#content_left_column a img{
padding-bottom:4px;
}

#content_left_column p.news {
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
 width:539px;letter-spacing: 0.02em;
}

#content_left_column p.news a{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
letter-spacing: 0.02em;color: #3682ea;border-bottom:1px dotted #3682ea;text-decoration:none;
}

#content_left_column p.news a:hover{
font-size: 13px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
color: #ff9900;border-bottom:1px dotted #ff9900;text-decoration:none;
}
#content_left_column p.news img{margin:6px 12px 10px 0px;
float:left;
}

#content_left_column p img.about{margin:6px 12px 0px 0px;
float:left;
}
/*d58503*/ 
#affiliate{position:relative; top:-8px; left:-15px;}
#affiliate td{width:180px;height:148px;font-weight: 800; font-size:13px;color: #3865b5; line-height: 120%;  
font-family: verdana, arial, helvetica, geneva, sans serif;text-align:center;vertical-align:bottom;}

#affiliate td a{font-weight: 800; font-size:13px;color: #3865b5; line-height: 120%;  
font-family: verdana, arial, helvetica, geneva, sans serif;text-align:center;}

#affiliate td a:hover{font-weight: 800; font-size:13px;color: #ff9900; line-height: 120%;  
font-family: verdana, arial, helvetica, geneva, sans serif;text-align:center;}

#affiliate td img{clear:both;}


#content_left_column p.contact {
font-size: 14px; line-height: 20px; font-family: Verdana, Arial,   sans-serif;
margin-bottom:24px; width:443px;letter-spacing: 0.02em;
}

#content_left_column p#info {margin-bottom:12px;

}
#content_left_column p.contact a{
font-size: 14px; line-height: 19px; font-family: Verdana, Arial,   sans-serif;
 letter-spacing: 0.02em;color: #3682ea;border-bottom:1px dotted #3682ea;text-decoration:none;
}
#content_left_column p.contact a:hover{
font-size: 14px; line-height: 19px; font-family: Verdana, Arial,   sans-serif;
 letter-spacing: 0.02em;color: #ff9900;border-bottom:1px dotted #ff9900;text-decoration:none;
}


.p_q{width:380px;padding:1px;}

.pull_quote {
font-weight: 800; font-size: 12px; color: #54a0f1 ; line-height: 20px; font-family:  Arial, sans-serif;letter-spacing: 0.05em;
word-spacing: 0.05em;
}
.pull_quote_uc {/*position:relative;left 0; top:1px;*/
font-weight: 800; font-size: 17px; color: #59a0dd ; line-height: 20px; font-family:  Arial, sans-serif;letter-spacing: 0.06em;
margin-top:10px;}

/* .hdr3 {
margin-bottom: 0px; font-weight: 800; font-size: 16px; color: #36a3ea ; line-height: 14px; font-family:  Arial, sans-serif;letter-spacing: 0.05em;
}*/



.hdr6 {
font-weight: 600; font-size: 75%; word-spacing: 0.01em; margin-left: 9px; color: #000000; line-height: 165%; margin-right: 4px; font-family: arial, helvetica, geneva, sans serif; letter-spacing: 0.02em
}

.body2 {
font-size: 70%; margin-left: 9px; color: #000000; line-height: 125%; margin-right: 4px; font-family: arial, helvetica, geneva, sans serif
}

.body2a {
font-size: 12px;  letter-spacing: 0.01em;color: #000; line-height: 16px; margin-bottom: 5px; font-family: arial, helvetica, geneva, sans serif; font-weight:400;
}

.body2a a{
font-size: 12px;  color: #288fd5;  margin-bottom: 4px; font-family: arial, helvetica, geneva, sans serif; font-weight:400;border-bottom:1px dotted #288fd5;text-decoration:none;letter-spacing: 0.02em
}
.textuc { text-transform: uppercase; font-size: 90%;font-weight: 600; color: #555555;}

/*ie5 mac no more tears*/
					
					/*\*//*/
				#nav_a{display:none;}
#nav_b{display:none;}
#nav_c{display:none;}
	.nav a ul li{display:none;}				
					/**/


