/*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 {
	margin: 20px;
	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, "Lucida Sans";
	font-size: 0.9em;
	height: 100%;
	width: 100%;
	color: #141101;
	background-color: #ffe; 
	z-index: 4;
	position: relative;	
}
	
#wrapper {margin: 10px auto;}
#header {
	background-image: url(images/logo.gif);
	background-color:  #FFF;
	margin: 0 auto;
	height: 175px;
	width: 800px;
	z-index: 2;
	background-repeat: no-repeat;
	font-family: "ZapfChan Md BT", "Arial Narrow", "Futura MdCn BT", Garamond;
	font-size: 12px;
	color: #000000;
}
#content {
background-image: url(images/bluebk.jpg);
	background-color: #0038ef;
background-repeat: no-repeat;
width: 760px;
margin: 20px auto;
margin-top: 50px;
padding: 20px;
border: 4px solid #000;
	-moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;}
#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;
width:330px;
margin-top: -330px;
margin-right: -60px;
margin-bottom: 10px;
background-color: #FCED91;
padding: 10px 30px;
font-size: 12px;
border: 4px solid #999;
	-moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;}

#navigation {clear: both;
background-color: #0038ef;
width: 860px;
margin: 20px auto;
margin-top: 50px;
padding: 20px;
border: 4px solid #000;
	-moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;}

}

#contact-info {position: absolute;
float: left;
width: 300px;
font-size: 12px;
margin: 40px;}

#credits {float: right;
font-size: 10px;
margin: 40px;}