/* CSS Document */

body {
		background-color: none;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		background-color:#6d6d6d;
		margin-top: 0px;
		margin-bottom: 0px;
		
		
		
}


#maincontainer {
		width: 1300px;
		height: auto;
		border: 0;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 0px;
		padding-bottom:0px;
		top: 0px;
		bottom: 0px;
		background-color: #ffffff;
		background-image:url(images/svoBodyBG.gif);
		background-position:top;
		background-repeat: repeat-y;
		border: none;
		
		
}


#container {
		position: relative;
		width: 944px;
		height: auto;
		border: 0;
		margin-top:0px;
		margin-left: auto;
		margin-right:auto;
		top: 0px;
		bottom: 150px;
		background-color: #ffffff;
		border: none;
					
			
}	
#header {
			position: relative;
			top: 0;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px;
			padding: 0;
			height: auto;
			
		
		
}
/*#svo {
		position: absolute;
		left: 0;
		top:0px;
		z-index: 5;
}
*/
#navigation { 
		
}
		
#box {
		position: absolute;
		width: 150px;
		height: 40.75em;
		top: 120;
		left: 0;
		background-color:none;
		
		z-index: 1;
		
		
}

/*#navigation2 {
		position: relative;
		top: 125px;
		left: 38px;

}

		
#navigation2 a {
		color: #ffffff;
		
		
}

#navigation2 a:hover {
		color:#FF9900;
		
		
}
*/
#content{
		position: relative;
		width: 944px;
		height: 270px;
		background-color: #000000;
		top: 0px;
		margin: 0px;
				
}

#contentbox{
		position: relative;
		width: 595px;
		height: 270px;
		background-image:url(images/svoContentboxBG.gif);
		background-position:top;
		background-repeat:no-repeat;
		margin: 0px;
				
}

#quickbox {
		position: absolute;
		width: 350px;
		height: 270px;
		margin: 0px;
		top: 0px;
		left: 595px;
		background-image:url(images/svoQuickboxBG.gif);
		background-position:top;
		background-repeat: no-repeat;
		
}
#quickevents {
	position: relative;
	width: 345px;
	height: 200px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: none;
}

#constitbox {
		width: 944px;
		height: auto;
		top: 0px;
		margin: 0px;
		background-image:url(images/svoConstitBGmiddle.gif);
		background-position: top;
		background-repeat: repeat-y;
		
}
#constitboximagetop {
	position: relative;
	width:945px;
	height: 57px;
	top: 0px;
	margin: 0px;
	background-image:url(images/svoConstitBGtop.gif);
	background-repeat: no-repeat;
}
#constitboximagebottom {
	position: relative;
	width: 945px;
	height: 71px;
	bottom: 0px;
	margin:0px;
	background-image:url(images/svoConstitBGbottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}

#boxes {
		position: relative;
		width: 945px;
		height: auto;
		top: 0px;
		margin: 0px;
		bottom: 0px;	
}

#leftbox {
		position: relative;
		width: 473px;
		height: 390px;
		top: 0px;
		margin: 0px;
		background-image:url(images/svoBoxesBGmiddle.gif);
		background-position:top;
		background-repeat: repeat-y;
		
}
#leftboxscroll {
	position: relative;
	width: 420px;
	height:200px;
	left: 25px;
	margin: 0px;
	top:0px;
	overflow: auto;
}
#rightbox {
		position: absolute;
		width: 473px;
		height: 365px;
		top: 0px;
		left: 473px;
		margin: 0px;
		background-image:url(images/svoBoxesBGmiddle.gif);
		background-position:top;
		background-repeat: repeat-y;
		
}
#memberphoto {
	position:relative;
	width: 150px;
	height:199px;
	text-align: center;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
#boximagetop {
	position:relative;
	width:473px;
	height: 74px;
	top: 0px;
	margin: 0px;
	background-image:url(images/svoBoxesBGtop.gif);
	background-repeat: no-repeat;
}
#boximagebottom {
	position: relative;
	width: 473px;
	height: 78px;
	bottom: 0px;
	margin:0px;
	background-image:url(images/svoBoxesBGbottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}
#table {
		background-color:none;
		float: none;
		width: 945px;
		height: auto;
		right: 0;
		top: 0px;
		margin-left: 0px;
		margin-top: 0px;
		color: #000000;
		text-align:center;
}
#realfooter {
		position:relative;
		height: 50px;
		width: 945px;
		color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		bottom: 0px;
		text-align: center;
		background-color: #ffffff;
		float:inherit;
		
}
#search {
		width:100px;
		height: auto;
		text-align:left;
		position: relative;
		margin: 0px;
		padding: 0px;
		left: 235px;
		right: 0px;
}
#footer {
		position: fixed;
		height: 30px;
		width: 945px;
		color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		bottom: 0px;
		text-align: center;
		background-color: #767676;
		background-image:url(images/footerBG.gif);
		background-repeat:repeat-x;
		
		
} 
#footerbox1 {
		position: absolute;
		height: 30px;
		width: 315px;
		top: 0px;
		color:#ffffff;
		text-align: center;
		background-color: none;
		margin: 0px;
		
		
}
#footerbox2 {
		position: absolute;
		height: 30px;
		width: 315px;
		left: 315px;
		top: 0px;
		color:#ffffff;
		text-align: center;
		text-transform: inherit;
		background-color: none;
		margin: 0px;
		
		
}
#footerbox3 {
		position: absolute;
		height: 30px;
		width: 315px;
		left: 630px;
		color:#ffffff;
		top: 0px;
		text-align:left;
		background-color: none;
		margin: 0px;
		
}
.pics {
		color: #660000;
		margin-left: auto;
		margin-right: auto;
		position:relative;
		background-color: none;
		vertical-align: middle;
		width: 75%;	
		height: auto;
		
		
}
#picfooter {
		height: auto;
		width: auto;
		position:relative;
		color:#ffffff;
		margin-left: auto;
		margin-right: auto;
		text-transform:inherit;		
		text-align: center;
		
		
} 
table {


}


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #CC0000;
	background-color: 0;
	margin: 0;
	text-align:center;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #660000;
	background-color:none;
	margin: 0;
	padding: .8em;
	border-style: 0;
	border-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-color: black;


}

h3 {
	font-size: 1em;
	font-style: normal;
	color:#000000;
	padding: 10px;
	text-align: justify;


}

h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	padding: none;
	text-align:Center;


}

a {
	text-decoration: none;
	color: #000000;
	
}

strong {
	font-style: 0;
	text-transform: uppercase;
	
}

p {
	letter-spacing: 0;
	word-spacing: 0;
	line-height: inherit;
	text-align:left;
	
}
ul {
	list-style-type: none;
	color: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	
	
}




.border {/*for thumbnails*/
		color: #660000;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-left: 0px;
		
				
		
}
img {
		border: none;
		margin: 0px;
}

#topnav {
	width:944px;
	height: 30px;
	position:relative;
	top: 0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #000000;
	
}
/*topNavBar*/

#topnavbar2{
	position:relative;
	padding:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	display:inline;
	text-align:left;
	width: 945px; /* this is set to the width of 4 links at 100px-wide each */
	height:30px;
	
}

#topnavbar2 ul {
	list-style-type:none; /* important to keep the bullets off your list items!!! */
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;

	
}




.link1, .link2, .link3, .link4, .link5, .link6, .link7, .link8, .link9 {
	position:relative; /* this value important: do not change. */
	width:118px; /* this matches the space set in the "...span" below so they take up same amt of space. */
	height:30px; /* ditto */
	font-size:16px; /* how big the text is under the span images...careful, too big and it will overflow, becoming visible. */
	float: left; /* lines the boxes up in a row so they don't stack when we assign this class to block-level tag like <p>. */
	border-bottom:0; /*decorative */
	border-top:0; /*decorative */
	margin:0px;
	padding:0px;	
}

/* ---------------------------------------------------------------------------------------- */	
/* The next rules set normal-state background images for the elements they're attached to.  */
/* Example breakdown:																		*/
/* <li class="link1"><a href="http:yahoo.com"><span class="l1"></span>Link 1</a></li>		*/
/* --->>>  <li> is parent element defined by parent selector ".link1"						*/
/* --->>>  <a href....></a> encapsulates the entire link so everything in it is clickable.	*/
/* --->>>  <span....></span> triggers all ".link1 span..." selector declarations.			*/
/* --->>>  <span class="l1"> triggers the specific background image set for "link1 span.l1" */
/* --->>>  Putting "<span class="l1"></span>" before the link text places it ON TOP of text	*/ 
/* ---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* Next rule sets values common to all ".link(x) span" instances in the HTML
/* ---------------------------------------------------------------------------------------- */
.link1 span, .link2 span, .link3 span, .link4 span, .link5 span, .link6 span, .link7 span, .link8 span, .link9 span {
	position:absolute; /* important value for anchoring image: don't change */
	top:0; /* important value for anchoring image: don't change */
	width:118px; /* matches dimensions of your image */
	height:30px;/* ditto */
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	}

/* ---------------------------------------------------------------------------------------- */
/* The next set of rules set the unique NORMAL-STATE image values of each ".link(x) span.l(x)" */
/* ---------------------------------------------------------------------------------------- */

.link1 span.l1 {
	background-image:url(images/svonavrolloverblkOrigin.jpg);
	}
.link2 span.l2 {
	background-image:url(images/svonavrolloverblkSponsor.jpg);
	}
.link3 span.l3 {
	background-image:url(images/svonavrolloverblkOfficers.jpg);
	}
.link4 span.l4 {
	background-image:url(images/svonavrolloverblkEvents.jpg);
	}
.link5 span.l5 {
	background-image:url(images/svonavrolloverblkConstitution.jpg);
	}
.link6 span.l6 {
	background-image:url(images/svonavrolloverblkHistory.jpg);
	}
.link7 span.l7 {
	background-image:url(images/svonavrolloverblkLinks.jpg);
	}
.link8 span.l8 {
	background-image:url(images/svonavrolloverblkStore.jpg);
	}

/* ---------------------------------------------------------------------------------------- */
/* The next set of rules set the unique HOVER-STATE image values of each ".link(x) span.l(x)" */
/* ---------------------------------------------------------------------------------------- */

.link1 span.l1:hover {
	background-image:url(images/svoNavRolloverOrigin.jpg);
	}
.link2 span.l2:hover {
	background-image:url(images/svoNavRolloverSponsors.jpg);
	}
.link3 span.l3:hover {
	background-image:url(images/svoNavRolloverOfficers.jpg);
	}
.link4 span.l4:hover {
	background-image:url(images/svoNavRolloverEvents.jpg);
	}
.link5 span.l5:hover {
	background-image:url(images/svoNavRolloverConstitution.jpg);
	}
.link6 span.l6:hover {
	background-image:url(images/svoNavRolloverHistory.jpg);
	}
.link7 span.l7:hover {
	background-image:url(images/svoNavRolloverLinks.jpg);
	}
.link8 span.l8:hover {
	background-image:url(images/svoNavRolloverStore.jpg);
	}



/*navbar*/
#navbar1{
	position: relative;
	/*display:inline*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 945px;
	height: 30px;
	top: 0px;
	padding:0px;
	margin-top: 0px;
	
	
}

#navbar1 ul {
	list-style-type:none; 
	line-height: 50px;
	
	
}
#navbar1  a {
	color:#230001;
	text-decoration:none;
}
#navbar1 a:hover {
	color:#ffffff;
	text-decoration: none;
}

.link {
	position: relative; 
	width:118px; 
	height:50px; 
	font-size:16px; 
	float:left;	
	background-image: url(images/svonavrolloverblk2.gif);
	text-align: center;
	
	
	
}
.link:hover {
	background-image: url(images/svoNavRollover3.gif);
}
/*navbar*/
 		
		
span {
	color: #000000;
	
	
}


/*#adspace {
		background-image:url(images/adspaceBG.jpg);
		background-position:top;
		background-repeat:repeat-y;
		position: absolute;
		top: 0px;
		left: 913px;
		width: 150px;
		height:700px;
		background-color:#003333;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 36px;
		margin: 0;
		padding: 0;
		overflow: auto;
		
		
		
}*/

		
.navigation2text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#eventsbox {
	height: auto;
	width: 600px;
	padding-left: 250px;
}
.events_table {
	position: relative;
	width: 600px;
	left: -50px;
}