/* Reset browsers default styles */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
		font-style: normal;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style: none;}
q:before,q:after,
blockquote:before,blockquote:after { content: "";}

/* Body styles */
body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	background-color:#000;}
p { line-height: 1.3em; }
strong { font-weight:bold;}

	/* Styles and substyles for main layout divs */
#container {
	margin: 0px auto; 
	width: 860px; 
	height:600px; 
	background-color:#333; 
	border:solid 1px #FFF; 
	border-top:none;}
	#sideContent {
		width:227px; 
		height:327px;
		padding:272px 50px 0 50px;
		float:left;
		background-position:top left;
		background-repeat:repeat;}
		#navigation { border:solid 1px #FFF; height:260px; padding-top:40px;}
			#navigation li {padding-left:40px; padding-bottom:15px;}
			#navigation li a:link, #navigation li a:visited { font-size:14px; font-weight:bold; font-family: Verdana; text-decoration: none; text-transform:uppercase; color:#FFF;}
	#content {
		width:530px; 
		height:599px; 
		margin-left:327px;
		border-left:solid 1px #FFF;
		position:relative;
		background-position:top right;
		background-repeat:no-repeat;}
		ul#aboutus, ul#mission { list-style:square; margin-left: 40px; padding-top:10px;}
		ul#aboutus li, ul#mission li { padding-bottom:10px;}
		ul#membership, ul#members { list-style:none; margin-left: 40px; padding-top:10px;}
		p#notice { font-size:xx-small; font-style:italic; color:#333;}
			
#footer {padding:10px;}
	#footer p { text-align:center; font-size:xx-small; color:#FFF;}		
	/* Styles and substyles for text containers */
#textBox, #textBox2 {
	position:absolute;
	padding:10px;
	border:solid 1px #000;
	background-image:url("Images/textBckgrnd.png");
	background-position:top left;
	background-repeat:repeat;}
	#textBox h2, #textBox2 h2 { font-size:medium; padding-bottom:10px; font-weight:bold;}
	#textBox p, #textBox2 p { padding:10px 0 0 10px;}
.home {
	width:350px;
	height:340px;
	top:100px;
	left:70px;}
	.home h2 { color:#E66B00;}
	.home p { color:#003366;}
.about {
	width:300px;
	height:440px;
	top:70px;
	left:150px;}
	.about h2 { color:#D92B5C;}
	.about p, .about ul li { color:#5A3C00;}
.mission {
	width:380px;
	height:100px;
	bottom:30px;
	left:70px;}
	.mission h2 { color:#cc0000;}
	.mission p, .mission ul li { color:#246666;}
.mission2 {
	width:380px;
	height:220px;
	top:30px;
	left:70px;}
	.mission2 h2 { color:#cc0000;}
	.mission2 p, .mission2 ul li { color:#246666;}
.project {
	width:300px;
	height:460px;
	overflow:auto;
	top:30px;
	left:30px;}
	.project h2 { color:#7F7833;}
	.project h3 {color:#7F7833; padding:10px 0 0 10px; font-weight:bold;}
	.project p, .project ul li { color:#036;}
.membership {
	width:410px;
	height:400px;
	overflow:auto;
	top:50px;
	left:50px;}
	.membership h2 { color:#D962CE;}
	.membership p { color:#036;}
.board {
	width:410px;
	height:400px;
	overflow:auto;
	top:50px;
	left:50px;}
	.board h2, ul#members li strong {color:#3f6b10;}
	.board p, ul#members li { color:#534f26; padding-bottom:5px;}
	#members strong {margin-left:-10px;}