/*******************Style and programing done by Brian Kitching : Oregon Publishing, Release Your Business. http://www.oregonpublishing.com**********/

/********************************Main Container*******************/
html, body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	background-attachment: scroll;
	font-size: 16px;
	background-image: url(images/bg-main.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #810c0d;
}

.mainContainer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#preload { display: none; }
#list { font-size: 13px; line-height: 1.4em }
.clear {clear:both} 
/********************************Header*******************/

.HeadBox {
	height: 170px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.HeadBoxMembers {
	height: 170px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.zontaofeugene.org/images/member-area.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.HeadNav {
	float: left;
	width: 980px;
	clear:both;
}
/******************************Menu Bar********************/

ul#MenuNav {
	float:left;
	font-family:Verdana,sans-serif;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 175px;
	margin-top: -26px;
	width:980px;
}
	
#MenuNav li {
	display: inline;
	float: left;
	padding: 0 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

	
#MenuNav a, a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#MenuNav a:hover {
	color: #ef9c26;
	font-weight: bold;
	text-decoration: none;
}

body#home #nav-home a,
body#about #nav-about a,
body#calendar #nav-calendar a,
body#resources #nav-resources a,
body#contact #nav-contact a,
body#members #nav-members a {
	color: #ef9c26;
	font-weight: bold;
	text-decoration: none;
}

	
/********************************Content*******************/


.Order {
	float:left;
	width:370px;
	height:105px;
	margin-left:30px;
}

.Topic { font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000000;}

.ContentBox {
	width: 980px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/bg-page.png);
	background-repeat: repeat-y;
	background-position: center top;
	color: #000000;
}
.content {
padding: 10px 25px;
}

.ContentLeft {
	float: left;
	margin: 10px;
	text-align: center;
	vertical-align: top;
	width: 460px;
	height: auto;
}

.ContentRight {
	width: 460px;
	float: right;
	margin: 10px 15px 10px 10px;
	text-align: left;
	vertical-align: top;
	height: auto;
}


#FindOutMore {
	float:right;
	padding-right:50px;
}

/****************************About************************/
.AboutContentLeft {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 780px;
	height: auto;
	margin-left: 25px;
}

.AboutContentRight {
	width: 125px;
	float: right;
	vertical-align: top;
	height: auto;
	text-align: right;
	margin-right: 25px;
}
/*******************************Contact*******************/

#Map {
	margin: 0 auto 10px;
	width: 800px;
	height: 400px;
	border:solid 1px #000000;
}

.ContactLeft {
	border-right: 1px dashed #666666;
	float: left;
	padding-right: 25px;
	text-align: right;
	vertical-align: top;
	width: 440px;
	height: 400px;
}

.ContactRight {
	width: 500px;
	float: right;
	text-align: left;
	vertical-align: top;
	height: 200px;
}

/*******************************expando*******************/

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

/********************************Footer*******************/

.Footer {
	width: 980px;
	height: 125px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/bg-footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	vertical-align: top;
}

#copyright {
	margin: auto;
	margin-top:52px;
	text-align: center;
	font: normal 12px Arial, sans-serif;
	color:#FFFFFF;
}

/********************************Links ***********************/
a.ublack:link {color: #000000; font-weight:normal; text-decoration: underline; }
a.ublack:visited {color: #000000; font-weight:normal; text-decoration: underline; }
a.ublack:hover {color: #CCCCCC; font-weight:normal; background-color:#000000; }

a.ublue:link {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.ublue:visited {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.ublue:hover {color: #FFFFFF; font-weight:normal; background-color:#0000FF; }

a.whitelink:link {color: #FFFFFF; text-decoration: none; font: normal 12px Arial, sans-serif;}
a.whitelink:visited {color: #FFFFFF; text-decoration: none; font: normal 12px Arial, sans-serif;}
a.whitelink:hover {color: #ef9c26; background-color:#000000; text-decoration: none; font: normal 12px Arial, sans-serif;}

a.resourceblue:link {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.resourceblue:visited {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.resourceblue:hover {color: #FFFFFF; background-color:#0000FF; font-weight:normal; text-decoration: underline; }