/* main site style-sheet */

/** global styles **/

html {
		margin: 0; 
		padding: 0;
		}

body { 	
		margin: 0; 
		padding: 0; 
		background: url(images/background.jpg);
		font-family: "arial", "helvetica";
		}

div#wrapper {
		width: 50em;
		margin-top: 3em;
		margin-right: auto; 
		margin-left: auto;
		margin-bottom: 3em;
		padding: 0; 
		background: rgb(255,255,255);
		border: 1px solid rgb(170,170,170);
		}

/** header block **/

div#header {
		margin: 0; 
		padding: .5em 0 1em .5em;
		height: 5em; 
		color: white;
		background: url(images/wave.jpg) 0 50% no-repeat;
		border-bottom: 1px solid gray;
		}

div#header h1 {
		margin: 1em .25em; 
		padding: 0; 
		}

/** image-text area **/

/*** text ***/

div#contentarea {
		margin: 0; 
		padding: 0; 
		width: 36.93em;
		background: rgb(230,226,230);
		float: right;
		border-left: .01em solid rgb(170,170,170);
		}

div#contentarea h3 {
		margin: 1.5em 1.75em 1em; 
		padding: 0;
		color: rgb(0,0,128);
		text-align: left;
		}
		
div#contentarea p {
		margin: 0 2em; 
		padding: .5em 0;
		color: rgb(0,0,128);
		text-align: left;
		line-height: 1.5;
		}

div#contentarea p#terminal {
		margin-bottom: 2em;
		padding-bottom: 1.25em;
		border-bottom: 1px solid rgb(0,0,128);
		}

/**** for javascript no-script ****/

span.fauxlink {
		color: blue; 
		text-decoration: underline;
		}

/*** images ***/

div#contentarea ul {
		margin: 0; 
		padding: 0; 
		}

div#contentarea ul.imagelist {
		margin-left: auto;
		margin-right: auto;
		width: 380px;
		}

div#contentarea li {
		margin: 0;
		padding: 0;
		list-style: none;
		background: rgb(250,250,245);
		color: black; 
		text-align: center;
		line-height: 1.5em;
		}

div#contentarea li.image {
		width: 300px;
		margin: 1em 3em; 
		padding-top: 1.5em;
		border: 1px solid rgb(170,170,170);
		}

div#contentarea img {
		width: 250px;
		margin: .25em 25px 1em;
		display: block; 
		border: 1px solid rgb(255,255,245);
		}

div#contentarea .title {
		Font-weight: bold;
		}

/** navigation block **/

div#navigation {
		margin: 0; 
		padding:0; 
		width: 13em;	
		background: rgb(96,134,255);
		float:left;
		}

div#navigation ul {
		margin: 0; 
		padding: 0;
		}

div#navigation li {
		margin: 0; 
		padding: 0; 
		width: 11em;
		float: left;
		list-style: none;
		text-align: left;  
		line-height: 2em;
		}

div#navigation li h4 {
		width: 13em;	
		margin: 0; 
		padding: 0; 
		border-top: 1px solid rgb(116,174,255);
		background: url(images/subhead.gif) 0 50% repeat-x;
		color: rgb(255,255,255);
		text-indent: 1em;
		}

div#navigation li a#thispage {
		background: rgb(56,104,255); 
		width: 13em; 
		text-decoration: none;
		}

div#navigation li a {
		display: block; 
		text-indent: 1em;
		float: left; 
		width: 13em;
		border-top: 1px solid rgb(116,174,255);
		border-bottom: 1px solid rgb(0,0,250);
		}

div#navigation a:link {
		padding: 0; 
		color: white;
		}

div#navigation a:visited {
		color: rgb(210,210,210);
		}

div#navigation a:hover {
		background: rgb(96,154,255);
		text-decoration: none;
		}

div#navigation a:active {
		border-bottom: 1px solid rgb(116,174,255);
		border-top: 1px solid rgb(0,0,250);
		background: rgb(56,104,255); 
		}

div#navigation ul.submenu li a {
		text-indent: 2em;
		}

/** footer block **/

div#footer {
		margin: 0; 
		padding: .5em 0;
		border-top: 1px solid rgb(116,174,255);
		clear: both;
		background: rgb(116,154,255) url(images/sub.gif) 0 100% repeat-x;
		}

div#footer p {
		margin: 1em 0;
		color: white;
		text-align: left;
		text-indent: 1em;
		}

div#footer p#credits {
		margin-right: 1em;
		margin-top: -2.5em;
		color: rgb(156,204,255);
text-align: right;
font-size: smaller;
		}
div#footer a {	
		display: block; 
		width: 8em; 
		line-height: 2em; 
		padding: 1em; 
		margin: 0 13em;
		border: 1px solid rgb(116,174,255);
		}

div#footer a:link {
		padding: 0; 
		color: white;
		}

div#footer a:visited {
		padding: 0; 
		color: white;
		}

div#footer a:hover {
		background: rgb(96,154,255);
		text-decoration: none;
		border: 1px solid rgb(255,255,255);
		}

div#footer a:active {
		border-bottom: 1px solid rgb(116,174,255);
		border-right: 1px solid rgb(0,0,250);
		border-top: 1px solid rgb(0,0,250);
		background: rgb(56,104,255); 
		}