/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/*Layout by Dmitriy Bernasovskiy*/
html, body{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left:0;
}
 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
 
body {
line-height: 1;
color: black;
background: #333;
font-family: Verdana,Arial, Helvetica, sans-serif;
}

#outer{
width:957px;
margin:auto;/* center the page*/
text-align:left;/* reset text back to left due to ie5.x fix */
}

#header{
width:957px;
}
 
ol, ul {list-style: none;}

ul#nav{
font-size:92%;
padding:18px 25px 5px 0;
text-align:right;

}

ul#nav{
    position:relative;
    z-index:2
    }
    #tagline{
    width:957px;
    height:116px;
    margin:-40px 0 0 0;
    background:url(tagbg.jpg) no-repeat 0 0;
    position:relative;
    z-index:1
    }
 
ul#nav li{
display:inline;
padding:0 13px 0 0;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-size:15px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
ul#nav li a{
color:#fff;
}
 
ul#nav li a:hover,
ul#nav li.current a{color:#8bbd25}

* tagline code */
#tagline{
width:957px;
height:116px;
margin:-40px 0 0 0;
background:url(tagbg.jpg) no-repeat 0 0;
position:relative;
z-index:1
}
#tagline a,
#tagline a em{
position:absolute;
width:211px;
height:53px;
overflow:hidden;
left:27px;
top:45px;
}
#tagline a em{
cursor:pointer;
left:0;
top:0;
/*background:url(logo.jpg) no-repeat 0 0; use this as an alternative to image in the html*/
}
#tagline span,
#tagline span em{
position:absolute;
width:422px;
height:71px;
overflow:hidden;
left:490px;
top:37px;
}
#tagline span em{
left:0;
top:0;
background:url(tagline.jpg) no-repeat 0 0;
}

#search{
width:957px;
height:256px;
background:url(header-bg.jpg) no-repeat 0 0;
position:relative;
}

/* main content */
    #main,#content{width:957px}
    #main{
    background:url(3col-bg.jpg) repeat-y 0 0;
    position:relative;
    z-index:1;
    }
    #content{
    background:url(3col-top.png) no-repeat 0 0;
    min-height:500px;
    }
    * html #content {height:270px}/* for ie6 and under*/
    #col1{
	width:150px;
	margin:30px 21px 0 17px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
	position:relative;
	z-index:3;
	}
    #maincol{
    width:570px;
    margin:0 48px 0 0;
    float:left;
    position:relative;
    z-index:3;
    }
/* footer and copyright */
    #footer{
    width:957px;
    padding:20px 0 0 0;
    background:url(3col-base.jpg) no-repeat 0 0;
    clear:both;
    position:relative;
    z-index:2;
	}

h2, h3{
color:#fff;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:131%;
margin:6px 0 10px 0;
letter-spacing:-.04em;
}

h2 {color:#120c0e;}
#maincol p{
font-size:85%;
margin:0 0 1.9em 0;
line-height:1.6em;
padding:0 5px 0 0;
}
#maincol a{
color:#120c0e;
font-weight:bold;
}
#maincol a:hover{
color:#8bbd25;
text-decoration:underline;
}

.news{
	width:150px;
	color:#fff;
}
.news p{
	font-size:85%;
	background:url(images2/underline.gif) no-repeat center bottom;
	padding:0 7px 8px 0;
	line-height:1.4em
}
.news p.last{
	background:none;
	padding-bottom:1px;
	margin:0 0 .4em 0;
}
.news p img{
	margin-right:2px;
	vertical-align:middle;
	display:inline;
}
.news span{color:#fff}
p.readmore{
	font-weight:bold;
	text-align:right;
	margin:0 0 1.4em 0;
	background:none;
}
p.readmore a{
	text-decoration:none;
	color:#252e1c;
}
p.readmore a:hover{
	text-decoration:underline;
}
.photo{
	position:relative;
	left:-6px;
}
.photo h3{margin-bottom:8px}
.photo p {background:none}
.photo p.last{padding-left:5px}
.photo p.month {padding-right:0}
.photo p.month img{margin:0}


.copyright{
	color:#fff;
}
.copyright p{
	font-size:85%;
	padding:0 7px 0 6px;
	float:right;
}

table {
border-collapse: separate;
border-spacing: 0;
}
 
caption, th, td {
text-align: left;
font-weight: normal;
}
 
/* end reset styles */
/* clearing technique *
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide */
* html .clearfix {height: 1%;}
.clearfix {display: block; color:#000;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/
 
p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
 
a img,img{border:none;display:block;}
 
a{
text-decoration:none;
color:#252e1c;
}
 
h1,h2,h3,h4,h5,h6{
font-weight:bold;
}
 
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */
body{
font-size: 13px;
text-align:center; /* for ie5.+*/
}