* html {overflow:auto; height:100%;}

html { margin:auto; text-align:center; background: top center #000000; 
}

body {font-size:62.5%;text-align:center; height: 100%; background:url(../images/html_bk3.png) no-repeat top center #000000; margin-top: 2em;}

#wrapper, #footer {width: 75em; margin: 0 auto; text-align:left; padding:2em 1em; max-width:860px; overflow: hidden; background-color:#FFF;}

#wrapper {margin-top:-10px;}

#header {border-bottom: outset #999 3px; padding:1em; clear:both; width:97%;}	

#content  {width: 63em; margin: 0 auto; text-align:left; background-color:#fff; padding:.25em 1em 1em 1em; max-width:840px; height:100%; float:left; clear:both;}

#footer {
	border-top: inset #999 3px;  
	width:97%;
	margin:0 auto;
	clear:both;
	margin-bottom: -10px;
	}

#footer .updated {
	font-family: Palatino, Garamond, "Lucida Bright", Georgia, serif;
	font-size: 1.0em;
	font-style: italic;
	text-align: right;
	margin: 5px;
	clear: both;
}


/*-----------------------------------------------Navigation-------------------------------------------------------*/

#navbar {position:relative; top:0; left:0; margin-left:93px; margin-right:auto; clear:both;}

#navbar ul { background:#CCC url(../images/gradient-white.png) repeat-x; padding:0; margin:0; line-height:200%;}

#navbar ul li {display:inline; list-style:none; list-style-position:outside; line-height:200%;}

#navbar ul li a { line-height:200%; display:block; float:left; width:7em; }

#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited {
	padding:.4em .5em; 
	background:#ED1C24 url(../images/gradient-white.png) repeat-x; 
	color: #000000;
	font-weight:bold; 
	text-decoration:none; 
	text-align:center;
	}

#navbar ul li a:hover,
#navbar ul li a:focus {
	background: #9B8578 url(../images/gradient-white.png) repeat-x;
	color: #000000;
	outline:none;
	}
	
#navbar ul li a:active {
	background:#F93 url(../images/gradient-white.png) repeat-x;
	}




/*---------------------------------------------------Font Styles-----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Garamond, Palatino, Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
	font-weight: bold;
	padding: .25em;
}


h1 {
	font-size: 2.4em;
	line-height:100%;
	color: #006;
	clear:left;
	}

h2 {
	font-size: 2em;
	color: #304066;
	clear:left;
}

h3 {
	font-size: 1.8em;
	color: #000000;
	clear:both;
}

h4 {
	font-size: 1.6em;
	color: #003366;
}

h5 {
	font-size: 1.4em;
	color: #003366;
}

p, li {
	font-size:1.2em;
	line-height:150%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Sans", Arial, sans-serif;
	color:#002;
}

li ul li, li ol li  {
	font:inherit;
	line-height:inherit;
}

.sub {
	font-size: 70%;
	font-weight: normal;
	line-height: 70%;
	font-style: italic;
	padding:8px 0 0 0;
	display:block;
}

.note {
font-size: 1.1em;
font-family: "Bradley Hand ITC TT-Bold", "Bradley Hand ITC TT", "Bradley Hand ITC", "Bradley Hand",
"Handwriting - Dakota", "Lucida Handwriting", "Monotype Corsiva", Cursive;
font-weight: lighter;
}



/*==================Miscellaneous Positioning Style Classes===================*/

.clear {
	clear: both;
	margin: 1.5em 0 1em 0;
}

.clearright {
	clear: right;
}

.clearleft {clear:left;}

.center-text {
	text-align: center;
}
	
.hidden
	{
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
	}

.moveup {
	margin-top: -15px;
}

.displaynone {display:none;}



.indent {
	/*margin-left: 50px;*/
	padding-left:2em;
}

.right-align {
	text-align: right;
}

.shade {
	background-color: #DDD;
}


.img-wrapper {
	background: url(../images/600x600-shadow.png) no-repeat right bottom;
	float: left;
	clear: right;
	position:relative;
}

.img-wrapper img {
	display:block;
	position:relative;
	margin: -9px 9px 9px -9px;
	border:none;
}

.floatright {
	clear: right;
	float: right;
	
}

div.floatright {margin: 15px 10px 10px 15px; }

.floatleft {
	clear: left;
	float: left;
}

div.floatleft {margin: 15px 15px 10px 10px;}


/*=====================Link Styles========================*/


acronym, abbr {border-bottom:#999 1px dashed; cursor:help;}

a:link {color:#360; padding: 2px; text-decoration:underline;}
a:visited {color: #693; padding:2px;}
a:hover {padding: 2px; outline:dotted 1px #f60; 
background-color: #D0E8A0;
color: #3C4D1C;}
a:active, 
a:focus {background: #F93; color:#303;}



li .heading {
	font-weight: bold;
	color: #996633;
}

.toplink:link,
.toplink:visited,
.toplink:hover,
.toplink:active {color:#003366;}

.toplink:visited:before {
content:"";
}



/*--------- External Links ------------*/


a[href^="http:"],
a[href^="https:"],
a[href^="http:"]:link,
a[href^="https:"]:link,
a[href^="http:"]:visited,
a[href^="https:"]:visited {
	padding-right: 10px;
	background: url(../images/external-tiny.gif) no-repeat 100% 0;
	text-decoration:underline;
	}


a[href^="http:"]:hover,
a[href^="https:"]:hover {
	padding-right: 10px;
	background: #FF9 url(../images/external-tiny.gif) no-repeat 100% 0;
	color:#030;
	}

a[href^="http:"]:active,
a[href^="https:"]:active,
a[href^="http:"]:focus,
a[href^="https:"]:focus {
	padding-right: 10px;
	background: #F93 url(../images/external-tiny.gif) no-repeat 100% 0;
	color:#303;
	}

/*------------e-mail links------------*/

a[href^="mailto:"],
a[href^="mailto:"]:link {
	padding-right: 17px; 
	background: url(../images/mailto.gif) no-repeat right;
	text-decoration: underline;
	color: #360;
	}

a[href^="mailto:"]:visited {
	padding-right: 17px; 
	background: url(../images/mailto.gif) no-repeat right;
	text-decoration: underline;
	color: #693;
	}

a[href^="mailto:"]:hover {
	padding-right: 17px; 
	background: #FF9 url(../images/mailto.gif) no-repeat right;
	text-decoration: underline;
	color: #030;
	}


a[href^="mailto:"]:focus, 
a[href^="mailto:"]:active {
	padding-right: 17px; 
	background: #F93/*FF6*/ url(../images/mailto.gif) no-repeat right;
	text-decoration: underline;
	color: #303/*603*/;
	}



/*-------------Button style-------------------*/

input[type="button"] {
	width:auto; 
	background-color: #6BC9ED; 
	color: #000; 
	padding:3px; 
	margin: 20px 50px;
	cursor: pointer;
}

input[type="button"]:hover {
	background-color: #8AC541;
	color: #FFFF99;
	cursor: pointer;
}
input[type="button"]:active, input[type="button"]:focus {
	background-color:#FFCC00;
	color: #000000;
	cursor: pointer;
}