/* css Zen Garden submission - 'Tiny Blue', by Timo Virtanen, http://www.timovirtanen.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Timo Virtanen */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
body{
	text-align:center;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#fff;
	background-color: #fff;
	background-image: url(../images/earth-background.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}
	
h1, h2, h3{
	font-size:1.4em;
	text-align:center;
	margin:0;
	padding:0;
	}
	
p{
	margin:0.9em 0 0.9em 0;
	padding:0;
	line-height:1.2em;
	}
body {
	background-attachment:fixed;
	margin:0;
	width:187px;
	height:550px;
	background-image: url(../images/george-vertical.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#container{
	width:396px;
	position:absolute;
	left:50%;
	margin-left:-198px;
	background-image: url(../images/earth-background.gif);
	}
	
* html #container{ /*IE FIX*/
	margin-left:-197px;
	}
	
#container h3{
	padding:6px 0;
	background-image: url(../images/titles-black.gif);
	background-repeat: repeat;
	background-position: left top;
	}
	
#supportingText, #preamble, #linkList{
	padding:0 30px;
	text-align:justify;
	}
	
#preamble h3{
	margin-top:1.4em;
	}
	
ul{
	padding:0;
	margin:0;
	}
	
ul li{
	list-style:none;
	padding-left:1em;
	height:1.6em;
	}
	
ul li a:link, ul li a:visited, ul li acronym{
	color:#ffa94d;
	font-weight:normal;
	text-decoration:none;
	}
	
ul li acronym{
	border-bottom:1px dotted #ffa94d;
	}
	
ul li a:hover, ul li a:active, ul li a:hover acronym{
	color:#fff;
	text-decoration:underline;
	}
	
ul li a.c:link, ul li a.c:visited{
	color:#bcd0e5;
	font-style:italic;
	}
	
ul li a.c:hover, ul li a.c:active{
	color:#fff;
	}
	
acronym{
	color:#bcd0e5; 
	border-bottom:1px dotted #bcd0e5;
	cursor:help;
	}
	
a:link, a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
	
a:hover, a:active{
	color:#ffa94d;
	text-decoration:none;
	}
	
#pageHeaderhome{
	width:396px;
	height:319px;
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#pageHeadercontact{
	width:396px;
	height:319px;
	background-image: url(../images/header-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#pageHeaderportfolio{
	width:396px;
	height:319px;
	background-image: url(../images/header-portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#quickSummary{
	margin:-0.9em 0 0 0;
	padding:0;
	background-repeat: no-repeat;
}
	
#quickSummary .p2{
	padding:0;
	width:396px;
	height:40px;
	background-image: url(../images/main-title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.9em;
	margin-left: 0;
}
	
#quickSummary .p2 span{
	visibility:hidden;
	white-space:nowrap;
	}

#quickSummary .p2 span a{
	visibility:visible;
	text-indent:-9000px;
	display:block;
	margin-top:-1.1em;
	height:25px;
	float:left;
	width:198px;
	overflow:hidden;
	}
	
#linkList{
	padding-top:0.5em;
	background-color: #fff;
	background-image: url(../images/earth-background.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}

#lselect h3, #larchives h3, #lresources h3{
	width:336px;
	height:21px;
	margin-top:1em;
	}
	
#lselect h3{
	background-image: url(../images/titles-black.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	

	
#footer{
	text-align:center;
	position:absolute;
	margin-top:auto;
	margin-left:-30px;
	padding-bottom:1em;
	width:396px;
	height:232px;
	text-transform:uppercase;
	background-image: url(../images/footer-background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 6px;
	padding-right: 0;
	padding-left: 0;
	}
	
/*hidden*/

#linkList h3 span,
#pageHeaderhome h1,
#pageHeaderhome h2,
#quickSummary p.p1 span{
	display:none;
	}