img, div { behavior: url(../scripts/iepngfix.htc) }



/* foundations */

body
{
	background-image: url(../img/bm_bg.png);
	background-repeat: repeat-x;
	font-size: 100%;
	background-color: transparent;
	background-position: 0px 100px;
	background-attachment: fixed;

}



ul, ol {
	list-style: none;
}



h1 {
font-size: 2.5em;
line-height: 1em;
color: #fff;
}


h2 {
font-size: 1em;
line-height: 1.3em;
color: #fff;
}

h2.news_title {
font-size: 1.1em;
line-height: 1.4em;
color: #bff;
}

.date{
font-size: 0.6em;
color: #099;
}

p{
margin-bottom: 1.3em;
}


hr {
border: 0;
width: 100%;
border-bottom: 1px dotted #337777;
margin-bottom: 2em;
}

#main-wrapper {
	display: block;
	width: 900px;
	text-align: left; 
}

#logo_home{
display: block;
float: left;
position: relative;
top: 40px;
left: 40px;
margin-bottom: 1em;
z-index: 10;
display: none;
}

#logo{
display: block;
float: left;
position: relative;
top: 40px;
left: 40px;
margin-bottom: 1em;
z-index: 10;
}

#networks{
display: block;
float: left;
position: relative;
top: 400px;
left: -60px;
width: 150px;
height: 26px;
z-index: 10;
padding: 0.9em 0 0.8em 0;
border-top: 1px dotted #337777;
border-bottom: 1px dotted #337777;
}

#share{
position: relative;
float: left;
margin-right: 1em;
width: 83px;
top: 5px;

}

#twitter{
position: relative;

float: left;
width: 21px;
}

#creds
{
position: relative;
top: 480px;
left: -210px;
font-size: 0.7em;
line-height: 1.2em;
color: #999;
}

#creds a:link, #creds a:visited, #creds a:active
{
color: #666;
text-decoration:none;
border-bottom: 1px dotted #666;
}

#creds a:hover
{
border-bottom:none;
color:#333;
}


/*
main nav
*/

#main-nav{
display: block;
float: left;
clear: left;
margin-top, margin-bottom: 1em;
text-align: left;
position: relative;
top: 0px;
font-size: 1.1em;
z-index: 20;
color: #337777;

}


#main-nav a:link, #main-nav a:visited, #main-nav a:active{
text-decoration: none;
margin-bottom: 0.3em;
margin-right: 0.7em;
padding-bottom: 0.3em;
color: #337777;
border-bottom: 1px dotted #3CC;

}

#main-nav a:hover{
color: #ffffff;
border-bottom: 1px dotted #337777;
}

#main-nav ul li{
display: inline;
color: #077;

}

/*
main column and content
*/



#main-col
{
	z-index: 10;
	display: block;
	width: 530px;
	position: absolute;
	top: 0px;
	left: 230px;
	padding: 40px 30px 30px 30px;
	background-image: url(../img/main_col_bg.png);
	background-repeat: repeat;
	background-attachment: fixed;
	
}



#page_content{
position: relative;
top: 80px;
display: block;
float: left;
clear: both;
margin-bottom: 3em;
width: 100%;
}

#page_content p{
font-family: georgia, arial, helvetica, verdana;
font-size: 1.1em;
line-height: 1.4em;
color: #336666;
}

#page_content .intro{
display: inline-block;
float: left;
width: 100%;
font-size: 1.2em;
color: #fff;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px dotted #336666;
border-top: 1px dotted #336666;
}
	
#page_content strong{
font-weight: bold;
color: #335555;
}


#page_content a:link, #page_content a:visited, #page_content a:active{
color: #334444;
border-bottom: 1px dotted #336666;
text-decoration: none;
}

#page_content a:hover{
color: #FFF;
border-bottom: 0px dotted #336666;
}


/*News*/

.news{
font-family: georgia, arial, helvetica, verdana;
font-size: 1.1em;
line-height: 1.4em;
color: #336666;
}



.news_content{
margin-bottom: 2em;
margin-top: 1em;
padding-bottom: 0.5em;
border-bottom: 1px dotted #336666;
}

.news img
{
	background-color: #fff;
	padding: 20px;
	margin-top: 10px;
	position: relative;

	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}


.navigation {
background-color: #0CC;
display: block;
height: 1em;
padding: 1em;
font-size: 1em;
line-height: 1em;
color: #666;
position: relative;
margin-bottom: 2em;
}

.navigation a{
text-decoration: none;
color: #FFF;
border-bottom: 1px solid #98aba8;
vertical-align: middle;
}

.navigation a:hover{
text-decoration: none;
color: #7a8986;
border-bottom: none;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}



/*Footer*/

#footer {
margin-top: 30px;
padding-top: 20px;
float: left;
position: relative;
display: block;
border-top: 1px dotted #333;
font-style: georgia, helvetica, arial, verdana;
font-size: 0.7em;
line-height: 1.3em;
color: #336666;
width: 100%;
}

#footer a {
color: #337777;
text-decoration: none;
border-bottom: 1px dotted #336666;
}

#footer a:hover{
color: #fff;
text-decoration: none;
border-bottom: 0px dotted #ccc;
}

.footerbold {
font-weight: bold;
color: #336666;
}