﻿/* Birchwood CSS Document */

body
{
    margin				: 0px;
    padding				: 0px;
    font-family			: arial;
    font-size 			: 100%;
    background-color 	: #F6F6F6;
    color				: #333333;
}

#hold
{
    position			: relative;
    width				: 980px;/* 1024 with 22px border */
    margin				: 0px auto;
    padding				: 0px 0px 0px 0px;
    background      	: #fff url(../images/generic/bg_hold.gif) repeat-y;
}

div#header
{
    overflow            : hidden;
    width				: 980px;
    border-bottom		: 8px solid #008679;
    background-color 	: #FFFFFF;
}

div#header h1
{
    margin              : 0 0 10px 0;
}

div#header h1 a span
{
    display             : none;
}

div#header h1.hLogo
{
    padding-left        : 20px;
}

div#header h1.hLogo a
{
    display             : block;
    background          : transparent url(../images/generic/logo.gif) no-repeat top left;
    width               : 407px;
    height              : 92px;
}

div#header h1.hStrapLine
{
    padding-right       : 20px;
}

div#header h1.hStrapLine a
{
    display             : block;
    background          : transparent url(../images/generic/strapline.gif) no-repeat top left;
    width               : 163px;
    height              : 92px;
    float               : right;
}


div.lightgreenbar
{
    margin				: 0px;
    line-height			: 8px;
    background-color	: #C9E18E;
    clear               : both;
    font-size			: 50%;
    border-top			: 1px solid #FFFFFF;
    border-bottom		: 1px solid #FFFFFF;
}

div.contactwrapper
{
    width				: 980px;
}

div.leftnav
{
float				: left;
width				: 199px;
padding-right		: 1px;/* made it 199 wide so the 1px line in the bg shows */
}

div#rightside
{

float				: left;
width				: 780px;/*note the 1px border*/
}

div.leftnav ul
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
list-style-type		: none;
}

div.leftnav ul li
{
margin				: 0px;
padding				: 0px;
line-height			: 25px;

}

/* left nav rollovers */
div.leftnav ul li a:link, div.leftnav ul li a:visited
{
display				: block;
color				: #333333;
font-size			: 75%;
text-decoration		: none;	
border-bottom		: 1px dashed #CCCCCC;
padding				: 0px 0px 0px 20px;	
}

* html div.leftnav ul li
{
   height:25px;
   margin-bottom:-3px;
}

div.leftnav ul li a:hover
{
background-color	: #C9E18E;
}

/* left subnav rollovers */
div.leftnav ul li ul li a:link, div.leftnav ul li ul li a:visited
{
display				: block;
color				: #333333;
font-size			: 75%;
text-decoration		: none;	
border-bottom		: 1px dashed #CCCCCC;
padding				: 0px 0px 0px 30px;	
}

div.leftnav ul li ul li a:hover
{
background-color	: #C9E18E;
}

div.leftnav ul li.selected a
{
background-color	: #008679;
color				: #FFFFFF;
border-right		: 1px solid #FFFFFF;
border-bottom		: 1px solid #FFFFFF;
}

* html div.leftnav ul li.selected a span
{
    color				: #FFFFFF;
}

* html div.leftnav ul li.selected a:hover
{
    background-color	: #008679;
}

div.leftnav ul li.selected ul li a
{
	background-color	: #FFF;
}

div.leftnav ul li.selected ul li a:hover
{
	background-color	: #C9E18E;
}

html div.leftnav ul li.selected a.selected
{
	color				: #FFF;
}

div.leftnav ul li a#subnavon
{
background-color	: #E4F0C7;
color				: #333333;
border-right		: 1px solid #FFFFFF;
border-bottom		: 1px solid #FFFFFF;
}

div.topimage
{
position			: relative;
float				: left;
width				: 780px;
background-image	: url(../images/generic/bg_homeheader.gif);
background-repeat	: no-repeat;
background-color	: #008679;
}

div.topimage h1
{
display				: inline;
float				: left;
font-size			: 250%;
font-weight			: normal;
color				: #FFFFFF;
line-height			: 40px;
margin				: 95px 0px 0px 40px;		
}

div.topimage h1 span
{
color				: #000000;
}

div.topimage div#homeflash
{
display				: block;
float				: right;
height              : 190px;
}

div.intro
{
position			: relative;
float				: left;
width				: 290px;/* note padding */
/*background-color	: #CCCCCC;*/
padding				: 20px 30px 20px 30px;
}

div.intro h2
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 0px 15px 0px;		
}

div.intro p
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 0px 15px 0px;		
}

div.news
{
position			: relative;
float				: left;
width				: 430px;
/*background-color	: #EEEEEE;*/
}

p.newsheader
{
font-size			: 100%;
font-weight			: normal;
color				: #008679;
line-height			: 15px;
margin				: 20px 10px 10px 0px;

padding				: 0px 0px 5px 10px;
}

/* News on the homepage */

p.newshome
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 10px 0px 0px;
border-bottom		: 1px dashed #999999;
padding				: 5px 0px 5px 10px;
}

p.newshome img
{
margin				: 0px 10px 0px 0px;
display				: block;
float				: left;
}

p.newshome a
{
color				: #333333;
font-weight			: bold;
text-decoration		: none;
}

.clear
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}

div#footer
{
position			: relative;
width				: 980px;
background-color	: #FFFFFF;
border-top			: 8px solid #008679;
padding             : 10px 0px 20px 0px;
overflow            : hidden;
}

div#footer p.left
{
margin				: 0px;
padding				: 0px 0px 0px 10px;
font-size			: 70%;
font-weight			: normal;
color				: #666666;
line-height			: 25px;
width               : 590px;
display             : block;
float               : left;
}

div#footer p.right
{
margin				: 0px;
padding				: 0px 10px 0px 0px;
font-size			: 70%;
font-weight			: normal;
color				: #666666;
line-height			: 25px;
width               : 370px;
display             : block;
float               : left;
text-align          : right;
}

div#footer p a.hma
{
background      	: url(../images/generic/hma_footer.gif) no-repeat 0 2px; 
padding-left        : 45px;
color				: #666666;
text-decoration     : none;
}


div#footer p a.lvi
{
background      	: url(../images/generic/lvi-logo.gif) no-repeat 0 2px; 
color				: #666666;
text-decoration     : none;
height              : 0px;
width               : 140px;
padding-top         : 25px;
overflow            : hidden;
display             : block;
float               : left;
}


div#footer p span.right
{
margin-left			: 400px;/* push the span over to the right*/
display             : block;
height              : 20px;
float               : right;
}

/* Internal Pages styles */

div.contentheaderwrapper
{
position			: relative;
width				: 760px;
background	: url(../images/generic/bg_pageheader.gif) no-repeat bottom left;

background-color	: #008679;
padding				: 20px 0px 18px 20px;
}

div.contentheaderwrapper h3 /* header text on internal pages */
{
display				: block;
margin              : 0 0 0 0;
padding             : 0;
color               : White;
height              : 40px;
}

div.contentheaderwrapper h3 span
{
    display:none;
}

div.copy
{
position			: relative;
float				: left;
width				: 510px;/* width padding */
/*background-color	: #DDDDDD;*/
padding				: 20px 30px 30px 20px;
}

div.copy#newsdetail /* remove space at bottom of the page to make up for the news footer */
{
width				: 720px;
padding				: 20px 30px 0px 20px;
}

div.copy#links /* wider copy div for 2 columns of links */
{
width				: 720px;
padding				: 20px 30px 15px 20px;
}

div.pageimage
{
position			: relative;
float				: left;
width				: 220px;
/*background-color	: #EEEEEE;*/
padding				: 10px 0px 10px 0px;
}

div.copy h1, div.copy h2, div.copy p
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 0px 15px 0px;	
}

div.newsfooter
{
position			: relative;
width				: 760px;
margin				: 0px 0px 0px -1px;/* -1 here moves the div over the line in the background */
background-color	: #FFFFFF;
padding-bottom		: 30px;
}

div.newsfooter p
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 0px 0px 20px;
}

div.newsfooter p a
{
color				: #666666;
text-decoration		: none;
font-weight			: bold;
}

div.newsfooter p a img
{
border				: 0px;
}

/* pagination on news pages */
div.newsfooter p.pagination
{
text-align			: right;
color				: #000000;
}

div.newsfooter p.pagination a
{
font-weight			: normal;
color				: #000000;
}

div.newsfooter p.pagination a.on
{
color				: #FF0000;
font-weight			: bold;
}


p.news
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 10px 0px 0px;
border-bottom		: 1px dashed #999999;
padding				: 0px 0px 15px 10px;
}

/* News on the news page */

p.news
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
line-height			: 15px;
margin				: 0px 10px 0px 0px;
border-bottom		: 1px dashed #999999;
padding				: 0px 0px 15px 10px;
}

p.news img
{
margin				: 0px 10px 0px 0px;
display				: block;
float				: left;
}

p.news a
{
color				: #333333;
font-weight			: bold;
text-decoration		: none;
}

div.menubanner
{
float				:left;
width				:199px;
padding-top			:20px;
}

div.menutitle
{
	border-bottom: dashed 1px #999;
}

div.menutitle p
{
	font-size:0.8em;
	padding-left:20px;
	font-family:Arial;
}

div.menubanner-item
{
	border-bottom:dashed 1px #999;
}

div.menubanner a
{
	border:none;
}

div.menubanner img 
{
	border: none;
}

.facebook-link
{
margin: 0 0 0 20px;
}
	

