/*RESET*/

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a {text-decoration: none; color: black;}
a:hover {text-decoration: underline;}

/* typography */

p         { font: 1.2em arial narrow, Tahoma, Verdana, sans serif; line-height: 1.25; margin: 0 0 1.8em 0;  }
h1        { font: 2.25em Georgia, serif; margin: 10px 0 15px 0; text-align: center; }
h2        { font: 1.9em Georgia, serif; margin: 10px 0 15px 0; text-align: center; }
h3        { font: 1.3em Tahoma, Verdana, sans serif; text-align: center; margin: 0 0 15px 0; }
h4        { font: 1.25em Tahoma, Verdana, sans serif; font-weight: bold; margin: 0 0 15px 0; }
h6        { font: 1.25em Tahoma, Verdana, sans serif; font-weight: bold; margin: 0 0 15px 0; }
a:link {	color: #12163E;}
a:hover {	text-decoration: none;color: #FF0000;}
a:visited {	color: #12163E;}
ul	{font: 1.2em arial narrow, tahoma, verdana, sans serif; line-height 1.25; margin: 0 0 1.8em 2em;}
		
/* Main Styles */
		
		
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 800px;
			margin: 0 auto;
			background: transparent;
			font-family: trebuchet, helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;

	border: 4px solid #001700;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
          border-radius: 15px;
		
}		
body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 20px 0 0 0;
		}

#header {
margin: 0;
padding: 0.25em;
background-color: #00782b;
	}
#header img {float: left;}
	#header h1{
	font-size: 2em;
	color: #fff;
	text-align: center;
margin: 0.5em 0 0 0;}		
#header h2
{
	font-size: 1.75em;
	color: #fff;
	text-align: center;
}		
#navigationbar {
background: #666666;
border-top: 5px solid #001700;
border-bottom: 5px solid #001700;
}

/* menu from cssmenumaker dot com */
.nav {
	height:35px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	width:100%;
	z-index:100;
	margin:0;
	padding:0;

}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#dfdfdf;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/hover.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#2b3238;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(images/hover.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:35px; 
background:url(images/back.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 
}

.nav .select .sub li a {
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#909090; 
}
#sidecut {margin: 400px 10px 0 -250px;
float: left;}
#main-content
{
background-color: rgba(204, 204, 254, 0.25);
padding: 10px 55px;
}

#article-b
{
	float: left;
	padding-right: 10px;
    margin-bottom: 30px;
	width: 335px;
}
#article-c
{
	float: right;
	padding-left: 10px;
	width: 335px;
}
#article-b ul, #article-c ul {
list-style-position: outside;
	list-style-type: disc;
 
}
#mission
{
clear: both;
margin: 10px;
border: 2px solid #006600;
-moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;
padding: 15px;
}

#credits {
	font-size:.65em;
	text-align: center;
	color: white;
	background-color: #003300;
}

.photo1 {float: right;
border: medium solid black;
margin-left: 10px}

.photo2 {float: left;
border: 5px solid black;
margin-right: 10px}

.photo3 {display:block;
border: 4px solid black;
margin: 10px auto}