/*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;}

table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a {text-decoration: underline; color: black;}
a:hover {text-decoration: underline;}
/*typography*/
p         { font-size: 1em; font-family: "Trebuchet MS", Tahoma, helvetica, "Arial Narrow"; line-height: 1.25em; margin: 0 0 1.8em 0; }
h1        { font-size: 2.25em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; text-align: center; margin: 1em 0 0.15em 0 ; color: #001700; }
h2        { font-size: 1.8em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; text-align: center; margin: 0.5em  0; color: #001700; }
h3        { font-size: 1.5em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial;  line-height: 1.55em; }
h4        { font-size: 1.35em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; font-weight: bold; margin:0.5em 0 }
h5        { font-size: 1.05em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; line-height: 1.3em; text-align: center;}
h6        { font-size: 1.15em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; font-weight: bold; line-height: 1.2em; }

/*main*/
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
body {
	background-color:#000066;
margin: 20px;
	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, "Lucida Sans";
	font-size: 0.9em;
	height: 100%;
	width: 100%;
	color: #141101;

	z-index: 4;
	position: relative;	
}
	
#wrapper {margin: 10px auto;
	background-color:  #FFffb1;
-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #0000ff 4px 4px 10px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=333333, Positive=1)
	padding: 1em 3em; padding: 1em 3em;
	border-top: 5px groove #0000ff;
width: 900px;
overflow: hidden;}
#header {
	margin: 2em auto;
	height: 154px;
	width: 900px;
	z-index: 2;
	font-family: "ZapfChan Md BT", "Arial Narrow", "Futura MdCn BT", Garamond;
	font-size: 18px;
	color: #000000;
}
#header h1{padding: 70px;}
#content {
	background-color: #fff;
-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=333333, Positive=1)
	padding: 1em 3em; padding: 1em 3em;
	border-top: 5px groove #000;
margin: 20px 20px 10px 110px;
padding: 20px;
	}
#slideshow, #slideshow2 {
	position: relative;
	width: 400px;
	height: 305px;
	overflow: hidden;
	border: 1px solid #000000;
}
#slideshow img, #slideshow2 img {
	position: absolute;
	left: 20px;
	top: 0;
	width: 400px;
	height: 305px;
}
#pause1, #pause2 {
	z-index:100;
}
#info {float: right;
padding: 10px 30px;
font-size: 12px;
}

#navigation {clear: both;
background-color: #000066;
width: 860px;
padding: 1.0em 1.0em 2.0em;
margin: 1em auto;
}

#button {padding: 0;}
  
#button li {display: inline;}
   
#button li a {
  margin: 0;font-size: 1em;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding:0 1.75em;
  float: left;
}
#button li a:hover {
background-color: #000;
margin-top:-.25em;
padding-bottom:1em;
}
#footer {clear: both;
width: 900px;
margin: 10px auto;}

#contact-info {
	float: left;
	width: 300px;
	font-size: 1.1em;
font-weight: bold;
	margin: 20px 20px 0;
}

#credits {float: right;
font-size: 10px;
margin: 70px;}
.photol {float: left;
margin: 20px ;}
.photor {float: right;
margin-right: 20px ;}