﻿body {
	position: relative;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	font: serif;
	font-size: 14px;
	padding: 0;
	/*background-image: url(images/TopGradient.gif);
	background-repeat: repeat-x;*/ 

}



/*Classes*/

.headertitle{
padding: 55px 0px 0px 10px;
font: serif;
color: #000;
}

.blueheader{
padding: 5px 0px 0px 10px;
font: serif;
color: #87AEC5;
}

.whiteheader{
padding: 5px 0px 0px 10px;
font:serif;
color:#fff;
}


.textheaderone {
font-stretch: expanded;
font-family: verdana, arial, sans-serif;
color: #435561;
padding: 0px 5px 0px 5px;
}

.textbodyone {
font-size: 14px;
font-family: serif;
color: #000000;
padding: 0px 15px 0px 5px;
}

.textbodyone ol {
font-size: 14px;
font-family: serif;
color: #000000;
padding: 0px 15px 0px 5px;
}

.textbodyone ul {
font-size: 12px;
font-family: serif;
color: #000000;
padding: 0px 15px 0px 5px;
}

.textbodyone li {
font-size: 14px;
font-family: serif;
color: #000000;
padding: 0px 15px 0px 5px;
list-style-position: inside;
}

/* End Classes */

#maincontainer {
	color: #000000;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width: 790px;
		/*border-top: 1px solid #5F7A8A;
		border-left: 1px solid #5F7A8A;
		border-bottom: 1px solid #5F7A8A;
		border-right: 2px solid #5F7A8A;*/
	background-image: url(images/shadowbackground2.gif);
	background-repeat: repeat-y; 


}

#header {
	height: 100px;
	width: 790px;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #87AEC5;
	background-image: url(images/roundedheaderone.jpg);
	background-repeat:  no-repeat;
	background-position: bottom center;
}




#subheader{

	width:790px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	padding: 2px 0px 0px 10px;
	position: relative;

}

#contentcontainer{
width: 600px;
/*background-color: #ffffff;*/
/*border-left: 1px solid #5F7A8A;
border-right: 1px solid #5F7A8A;*/
float:left;

}

#contentblock{

	width: 590px;
	margin: 5px 5px 5px 5px;
	position: relative;
	padding: 5px 5px 5px 5px;
	/*background-color: #EBF7FF;*/
	float:left;
}


#subcontentblockleft{

	width: 250px;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 5px 10px 5px 10px;
	float:left;


}

#subcontentblockright{

	width: 250px;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 5px 10px 5px 10px;
	float:left;


}

#righttopblock{

	width: 150px;
	margin: 0px 0px 0px 10px;
	float: right;
	padding: 2px;
		float:left;

}

*html #righttopblock{

	width: 150px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 2px;
		float:left;

}


#footer{
	display: none;
	clear:both;
	width: 790px;
	text-align: center;
	color: #435561;
	padding: 10px 2px 2px 2px;
	margin: 0;
	height: 40px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	}



/*links*/

a:link { color: #0066B3; 
text-decoration: none;

}
a:visited { color: #BFE4FF; 
text-decoration: none;
}

a:hover, a:active
{
	color: #008F00;
	background-color:;
}

/*breadcrumbs*/

.breadcrumbs{
	display: none;
border: 1px solid #87AEC5;


}

/*navigation*/
#mainnav ul { list-style-type: none; }

#mainnav li { display: inline; text-decoration: none;}


#list-menu {
	display: none;
width: 132px;
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px; 
}

#list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width:120px;
padding: 2px 2px 2px 15px;
border: 1px solid #5F7A8A;
background: #EBF7FF;
text-decoration: none;
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;

}

#list-menu a:hover {
border: 1px solid #000000;
background: #87AEC5;
color: #ffffff;
}


.blogimage{
	background-image: url(images/write.gif);
	background-position: 90% 50%;
	background-repeat:  no-repeat;
	}

.writeimage{
	background-image: url(images/document.gif);
	background-position: 90% 50%;
	background-repeat:  no-repeat;
	}
	
.homeimage{
	background-image: url(images/home.gif);
	background-position: 90% 50%;
	background-repeat:  no-repeat;
	}
	
.forumimage{
	background-image: url(images/comments.gif);
	background-position: 90% 50%;
	background-repeat:  no-repeat;
	}

.magnifyimage{
	background-image: url(images/magnify.gif);
	background-position: 90% 50%;
	background-repeat:  no-repeat;
	}

/*list*/

#recent-list {
width: 240px;
}

#recent-list ul {
margin: 0;
padding: 0;
width: 220px;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;

}

#recent-list li {
margin: 0px 0 0;


}

#recent-list a {
display: block;
width:220px;
padding: 2px 2px 2px 20px;
text-decoration: none;

}

#recent-list a:link{
color: #000000;
}

#recent-list a:active{
color: #9A88C5;
} 

#recent-list a:visited {
color: #5F7A8A;
}

#recent-list a:hover {
background: #ffffff;
color: red;
	background-image: url(images/arrow.gif);
	background-position: center left;
	background-repeat:  no-repeat;
}

/*End List*/

/*Article Utilities*/

#utilitylist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.printutility {
	background-image: url(images/printericon.jpeg);
	background-position: center left;
	background-repeat:  no-repeat;
	padding: 0px 0px 0px 25px;
	}
/*main content*/

/*Font Examples*/

.lightondark{
margin: 5px;
width: 50%;
padding: 0px 0px 0px 10px;
font-style: serif;
color: #ffffff;
background: #000000;
}

.darkonlight{
margin: 5px;
width: 50%;
padding: 0px 0px 0px 10px;
font-style: serif;
color: #00248F;
background: #FFFCCC;
}

.analagouscolors{
margin: 5px;
width: 50%;
padding: 0px 0px 0px 10px;
font-style: serif;
color: #B34700;
background: #FF6600;
}

.widespacedletters{
margin: 5px;
padding: 0px 0px 0px 5px;
letter-spacing: 5px;
}

.closespacedletters{
margin: 5px;
padding: 0px 0px 0px 5px;
letter-spacing: -1px;
}

.lineheightexample{
margin: 5px;
padding: 0px 0px 0px 5px;
line-height: 10%;
}

.fontheavyweight{
margin: 5px;
padding: 0px 0px 0px 5px;
font-weight: bolder;
}

.fontlightweight{
margin: 5px;
padding: 0px 0px 0px 5px;
font-weight: 10;
}

/*Date and Time formatting*/

.articleutilities{
margin: 0px;
padding: 2px 2px 2px 2px;
}


.articledate{
font: serif;
font-size: 10px;
font-style: italic;
font-weight: larger;
margin: 0px;
padding: 0px 5px 0px 0px;
font-style: italic;
text-align: right;
}

.printarticle{
margin: 0px;
padding: 0px;
background-image:
} 

<style type="text/css"><!--

--></style>
