/****** RESET *********/
html, body, header, footer, article, div, section, span, blockquote, aside, img, label, /** Not all these must be included in a reset. Include items you use regularly. **/
p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dd, form, a, fieldset, input, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}
body {
	line-height:1;
	font-size:90%;
	}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	padding:0em;
	margin:0 10px;
	}		
ul, ol {
	list-style:none;
	}	
img {
	border:0;
	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	/** This makes sure the new HTML5 elements are displayed as block emements in IE. This may, however, be redundant due to Modernizr.  **/
  display:block;
  }
/****** END RESET *********/

/****** Photo Slider *********/

#slides {
	position:relative;
	top:0;
	left:0px;
	z-index:101;
	}

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
	margin:20px;
	border:4px solid #444444;
	}
	
#slides .next,#slides .prev {
	position:absolute;
	top:175px;
	left:-27px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:655px;
}

.pagination {
	display:none;
	}

.jscaption {
	z-index:201;
	position:absolute;
	top:425px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	}
	
/****** Google Maps API *********/

#map {
	width:625px;
	height:467px;
	border:4px solid #444444;
	margin:20px;
	}
	
h1.gapi {
	text-align:center;
	margin-bottom:1em;
	}
	
/****** Elements *********/
	
html, body {
    height:100%;
	text-align:center;
    }
	
/****** Layout Blocking *********/
	
#container {
	min-height:100%; /* for sticky footer */
    height:auto !important; /* for sticky footer */
    height:100%; /* for sticky footer */
    margin:0 auto -40px; /* for sticky footer */
	width:1000px;
	background-color:white;
	}

	
header {
	height:170px;
	background-image:url(images/bannername.png);
	margin:0 auto;
	margin-bottom:0;
	width:1000px;
	}
	

nav {
	padding:0;
	margin:0 auto;
	width:1000px;
	}
	

#mainContent {
	width:600px;
	padding:40px;
	margin:0;
	float:left;
	text-align:left;
	}
	
#oneColumn {
	width:900px;
	text-align:left;
	margin:10px;
	padding:45px;
}

#about {
	width:725px;
	text-align:left;
	margin:0 auto;
	padding:45px;
}
	
#rightSide{
	width:250px;
	padding:20px;
	margin:10px;
	float:right;
	}

#rightSide2{
	width:275px;
	padding:0;
	margin:0;
	margin-top:60px;
	float:left;
	}
	
#rightSidePics{
	width:250px;
	padding:20px;
	margin:10px;
	margin-top:40px;
	float:right;
	}
	
#footer, .push {
    height:40px;
	clear:both;
    }

#footer {
	width:1000px;
	margin:0 auto;
	padding-top:1em;
	}
	
/****** SiteNav *********/

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom:5px;
	overflow:hidden;
	}

li {
	float:left;
	margin-left:1em;
	font-size:1.25em;
	font-family:, Georgia, serif;
	font-style:italic;
	font-weight:bold;
	padding:1px 4px 1px 4px;
	background-color:rgba(0,0,0,.5);
	
		-khtml-border-bottom-right-radius:8px;	
		-moz-border-bottom-right-radius:8px;
		-webkit-border-bottom-right-radius:8px;
		border-bottom-right-radius:8px;
		
		-khtml-border-bottom-left-radius:8px;	
		-moz-border-bottom-left-radius:8px;
		-webkit-border-bottom-left-radius:8px;
		border-bottom-left-radius:8px;
	}
	
li.X  {
	background-color:#cccccc;
	}

a.sitenav {
	text-decoration:none;
	}
	
    
a:link { color:#333333; }
a:visited { color:#333333; }
a:hover { color:gray; }

a.email:link { color:#333333; }
a.email:visited { color:#333333; }
a.email:hover { color:blue; font-style:italics; }

	
/****** Formatting *********/

p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}

p.p1  {
	text-align:justify;
	}

p.p2 {
	text-align:left;
	padding-bottom:.3em;
	}

p.caption {
	text-align:left;
	padding-top:.6em;
	padding-bottom:.3em;
	font-size:.6em;
	}

p.descriptions {
	margin-top:.75em;
	text-align:justify;
	color:#333333;
	}

p.descriptions2 {
	font-size:1.15em;
	line-height:1.1em;
	margin-top:.75em;
	text-align:left;
	color:#333333;
	}

p.jscapt {
	color:white;
	}
	
p.bib {
	font-family:arial, helvetica, sans-serif;
	line-height:1.5em;
	text-indent:1.5em;
	margin-top:.5em;
	margin-bottom:0;
	margin-left:.75em;
	}
	
p.thesis {
	font-family:arial, helvetica, sans-serif;
	line-height:1.5em;
	text-indent:1.5em;
	margin-top:.5em;
	margin-bottom:0;
	margin-left:.75em;
	}

p.res {
	margin-left:2em;
	margin-top:.5em;
	font-size:.95em;
	line-height:1.2em;
	}
	
p.footer {
	font-size:.775em;
	color:white;
	}
	
h1 {
	font-family:Arial, sans-serif;
	}

h2 {
	font-family:century gothic, sans-serif;
	font-weight:bold;
	font-size:150%;
	margin-top:.75em;
	}
	
h3 {
	font-family:georgia, serif;
	font-weight:bold;
	font-size:175%;
	margin-bottom:0em;
	margin-top:.5em;
	}

h3.sub {
	font-size:125%;
	margin-top:0em;
	}
	
img.dl {
	padding:5px;
	border:0;
	float:right;
	}
	
img.side {
	width:240px;
	margin-top:1em;
	}
	
img.sideSel {
	width:175px;
	border:3px solid #444444;
	margin-top:15px;
	}
	
a.email {
	text-decoration:none;
	}
	
/** Visual Effects **/

body {
	background-color:#cccccc;
	}
	
#footer {
	background-color:#444444;
	}

body, #footer  {
	
	background-image: -ms-linear-gradient(top, #CCCCCC 0%, #444444 100%);
	background-image: -moz-linear-gradient(top, #CCCCCC 0%, #444444 100%);
	background-image: -o-linear-gradient(top, #CCCCCC 0%, #444444 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, #444444));
	background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #444444 100%);
	background-image: linear-gradient(top, #CCCCCC 0%, #444444 100%);
	
	background-attachment:fixed;/* pushes background to bottom */
	background-repeat:no-repeat; /* prevents gradient from repeating */
	}


li {
	-moz-box-shadow:2px 2px 2px 2px #473931;		
    -webkit-box-shadow:2px 2px 2px 2px #473931;
    box-shadow:2px 2px 2px 2px #473931;
	}
	
#container, header {
	-moz-box-shadow:4px 3px 5px 4px #473931;		
    -webkit-box-shadow:4px 3px 5px 4px #473931;
    box-shadow:4px 3px 5px 4px #473931;
	}

#gamelink {
	border:4px solid #444444;
	width:600px;
	height:375px;
	}
	
.link {
    color: blue;
	
}