/******** HTML Tags ********/

body{ font-family: Arial, Helvetica, sans-serif; width: 900px; color: #000000; position: relative; background-image: url(../images/site/bkgrnd.back.jpg); background-color: #ffffff; margin: 0 auto; padding: 0 !important; }

a:link { color: #03c; text-decoration: none; }
a:visited { color: #03c; text-decoration: none; }
a:hover { color: #06f; text-decoration: underline; }
a:active { color: #03c; text-decoration: underline; }
cite{ font-size: 90%; }
h1, h2{ font-family: Verdana, Helvetica, sans-serif; font-weight: bold; color: #00a3db; margin: 0; padding: 2px; }

h3, h4, h5, h6 { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; color: #00a3db; margin: 0; padding: 2px; border-bottom: 1px solid #00a3db; }
h1{ font-size: 130%; }
h2{ font-size: 120%; }
h3{ font-size: 115%; }
h4{ font-size: 105%; }
h5{ font-size: 100%; }
p { margin: 5px 0 0; }
img { margin: 0; padding: 0; }
ul{ margin-top: -5px; list-style-type: square; }
ul ul{ margin-top: -5px; list-style-type: disc; }
ul ul ul{ margin-top: -5px; list-style-type: circle; }
label{ font-weight: bold; }
/******** Layout Divs ********/
#content { background-color: #ffffff; background-image: url(../images/site/bkgrnd.main.jpg); position: absolute; width: 900px; z-index: 1; visibility: visible; clear: both; margin-right: auto; margin-left: auto; padding: 0; }
#center { font-size: 90%; position: relative; top: 0; left: -40px; right: 0; bottom: 0; width: 550px; height: auto; z-index: 2; margin-right: auto; margin-left: auto; }
#fileupdate{ color: #cccccc; font-size: 70%; font-style: italic; padding: 0 40px 0 0; text-align: right; }
#left { position: absolute; top: 102px; left: 0; width: 120px; height: 0; z-index: 2; }
#pagename{
    padding: 15px 0 10px;
	color: #00a3db;
}
#right { position: absolute; top: 102px; left: 670px; width: 230px; height: 0; z-index: 2; margin-right: auto; margin-left: auto; }
#sitename{ margin: 0; padding: 15px 0 10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0099cc; border: dashed 1px blue; }
/******** #advert styles ********/
.advert{ clear: both; font-size: 90%; width: 100%; }
.advert h2{ color: #00a3db; font-size: 120%; background-color: transparent; padding: 5px; }
.advert img{
	float: left;
	margin: 2px 3px 2px 3px;
	border: none;
}
.advert p{
	padding: 10px 5px 0px 10px;
}
.advert a:link { border-width: 0; }
.advert a:visited { border-width: 0; }
.advert a:hover { text-decoration: none; border-width: 0; }
/******** .board styles ********/
.board{
	padding: 5px 0 5px 5px;
	font-size: 85%;
	width: 95%;
}
.board img{
	float: left;
	margin: 20px 10px 25px 0px;
	border: solid #000000 1px;
}
.board p{
   left: 87px;
   padding: 0px 0px 10px 0px;
}
/******** #headlines styles ********/
#headlines{
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 90%;
	width: 95%;
}
#headlines p{
	padding: 5px 0px 5px 0px;
}
/******** #masthead styles ********/
#masthead{ background-color: #ffffff; position: relative; padding-top: 5px; padding-bottom: 5px; }
#masthead a:link{ font-size: 85%; }
#masthead a:visited{ font-size: 85%; }
/******** #menuLinks styles ********/
#menuLinks{ background-image: url(../images/site/button.blue.jpg); text-align: center; position: relative; border-top: 1px solid #999; border-bottom: 1px solid #999; }
#menuLinks a:link{ color: #000; font-size: 95%; padding: 0 5px; }
#menuLinks a:visited{ color: black; font-size: 95%; padding: 0 5px; }
#menuLinks a:hover{ color: #fff; font-size: 95%; text-decoration: none; padding: 0 5px; }
/******** .news styles ********/
.news{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 90%;
	width: 95%;
}
.news img{
	float: left;
	margin: 2px 3px 2px 3px;
	border: 1px solid #ffffff;
}
.news p{
	padding: 0px 0px 10px 0px;
    border-bottom: 1px dashed #cccccc;
}
/******** .resource styles ********/
.resource{
	padding: 5px 5px 0;
	font-size: 85%;
	width: 95%;
}
.resource img{
	float: left;
	margin: 5px 3px 2px 3px;
	border: 1px solid #ffffff;
}
.resource p{
	margin-left: 40px;
	padding: 0px 0px 10px 0px;
    border-bottom: 1px dashed #cccccc;
}
/******** #search styles ********/
#search{ font-size: 90%; }
#search form{}
#search label{ color: gray; font-weight: normal; }
.searchbutton{ background-image: url(../images/site/button.small.gif); border: solid 1px silver; }
/******** #sectionLinks styles ********/
#sectionLinks{ font-size: 90%; background-color: white; background-image: url(../images/site/bkgrnd.main.jpg); width: 100%; float: left; }
#sectionLinks h2{ color: #00a3db; font-size: 120%; background-color: transparent; padding: 5px; }
#sectionLinks ul a:link, #sectionLinks ul a:visited {display: list-item;}
#sectionLinks ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {border-bottom: 1px solid #ffffff;}
/* fix for browsers that don't need the hack */
/*html>body #navBar li {border-bottom: none;}*/
#sectionLinks a:link{ color: black; margin: 1px; padding: 2px 5px; background-color: #eeeeee; border: solid 1px #888888; }
#sectionLinks a:visited{ color: black; margin: 1px; padding: 2px 5px; background-color: #eeeeee; border: solid 1px #888888; }
#sectionLinks a:hover{
	margin: 0;
	padding: 2px 5px;
	border: solid 2px #0000ff;
	text-decoration: none;
	background-color: #0099ff;
	color: #ffffff;
}
/******** #menuLinks styles ********/
#siteinfo{ color: #666; font-size: 75%; background-color: #ffffff; width: 900px; padding: 10px 0 10px 0; border-top: 1px solid gray; }
#siteleft{ text-align: left; }
#sitecenter{ text-align: center; }
#siteright{ text-align: right; }
/******** .story styles ********/
.story{
	clear: both;
	padding: 5px 5px 0;
	font-size: 90%;
	width: 95%;
}

.story img{
	float: left;
	margin: 2px 3px 2px 3px;
	border: none;
}

.story p{
	padding: 0px 0px 10px 0px;
}
