
/*** PAGE DIVISIONS **********************************************************/

html {width: 100%}

body {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", "Tahoma", "Arial", "Helvetica", sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: small;
	background: #e0e0e8;
	color: #000000;
	text-align: left;
	}

* html body {			/* only IE will see this */
	font-size: x-small; /* IE5/Win */
	f\ont-size: small; 	/* IE other -- at least IE6 sees it, though not IE5.1:mac  */
	f\ont-size: x-small; 	/* IE other -- at least IE6 sees it, though not IE5.1:mac */
	}

#wrapper {
	text-align: center;
	width: 100%;
	}

#all {
	position: relative;
	margin: 8px auto 8px auto;
	width: 96%;
	text-align: left;
	}

#leftbar {
	float: left;
	}

#mainbar {
	position: absolute;
	left: 106px;
	width: 86%;
	}

#logo {
	border: 1px solid black;
	width: 100px;
	height: 100px;
	}

#banner {
	border: 1px solid black;
	padding: 0px 10px 0px 10px;
	height: 100px;
	color: #ffffff;
	background: #ff8000;
	}

#banner a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#menu {
	margin-top: 4px;
	width: 152px;
	}

#main {
	min-height: 250px;
	margin-top: 4px;
	border: 1px solid black;
	padding: 10px;
	background: #ffffff;
	}

#counter {
	margin: 40px auto 10px auto;
	width: 75px;
	}

#copyright {
	margin: 0 auto 0 auto;
	font-size: 75%;
	text-align: center;
	}

.banner_link {
	width: 100px;
	margin-top: 16px;
	text-align: center;
	}

.sidebar {
	float: right;
    clear: right;
    margin: 5px 0px 5px 5px;
	border: 8px solid #d0d0d0;
	width: 30%;
	background: #ff8000;
	padding: 10px;
	}

.sidebar_narrow {
	float: right;
    clear: right;
    margin: 5px 0px 5px 5px;
	border: 8px solid #d0d0d0;
	background: #ff8000;
	padding: 10px;
	}

.launch_block {
	width: 52%;
	text-align: right;
	}


/*** TEXT FORMATS ************************************************************/

h1 {
	margin: 0;
	border-bottom: 1px dotted white;
	padding: 0;
	font-family: "Britannic Bold", "Georgia", "Arial", "Helvetica", sans-serif;
	font-size: 60px;
	}

h2 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	}

p + h2 {
	margin: 1.5em 0 0 0;
	}

h3 {
	margin: 2em 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	background: #ddddff;
	padding: .4em;
	}

h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 .3em 0;
	}

p {
	margin: 1em 0 1em 0;
	font-size: 100%;
	}

p.subtitle {
	font-size: 18px;
	margin: 0;
	padding: 0;
	}

p.under_construction {
	height: 10em;
	padding: 20px;
	border: 3px solid #ff8000;
	}

ul p {
	margin: .5 em;
	}

a {
	color: #ff8000;
	font-weight: bold;
}

a:visited {color:#d06000;}

.sidebar a {    /* Keep this after a:visited */
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

li {
	margin: .5em;
	}

.sidebar ul {
	margin-top: .5em;
	margin-bottom: .5em;
	}

.sidebar li {
	margin: 0;
	padding: 0;
	}

dt {
	margin-top: 1em;
	font-weight: bold;
	}

dd {
	margin-top: .5em;
	}

.red {
/*
	border: thin solid black;
	padding: .5em;
*/
	color: red;
	}

/*** OTHER STYLES ************************************************************/

img {
	margin: 0;
	border: 0;
	padding: 0;
	}

img.clickable_logo {
	border: thin solid #FF8000;
	vertical-align: middle;
	}

/*** TABLE STYLES ***/

table {
	margin: 0 auto;
	font-size: 100%;
	}

.t1 {background: #d0d0d0;}
.t2 {background: #f0c0a0;}
.t3 {background: #ff8000;}
.t4 {
	background: #ff8000;
	border: 3px solid #0000a0;
	}

table.survey {
	margin: 0 auto 0 0;
	padding: .5em;
}

table.survey td {
	padding: 1em .2em;
}

/*** NAVIGATION MENU ************************************************************/

#menu ul, #menu ul ul {
	margin: 0;
	padding: 0;
	width: 102px;
	}
#menu ul li {
	z-index: 1;
	position: relative;
	margin: 0;
	border: 1px solid black;
	padding: 0;
	list-style-type: none;
	}
#menu ul li + li{
	border-top: 0;
	}
#menu ul ul {
	display: none;
	}
#menu ul li:hover > ul {
	display: block;
	position: absolute;
	top: -1px;
	left: 100%;
	}
#menu a {
	display: block;
	padding: 5px;
	font-family: "Britannic Bold", "Georgia", "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
/*
*/
	font-size: 120%;
	color: #000000;
	background: #ffffff;
	text-decoration: none;
	}
#menu a:visited {background: #ffffff;}
#menu a:hover   {background: #ddddff;}
#menu a:active  {background: #ff8000;}

#menu ul ul a {color: #6666bb;}


/*** EXTRA STUFF *************************************************************/

.border {
	border: thin solid red;
	}
