body{
	background-repeat:no-repeat;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.9em;
	line-height:130%;
	text-align:center;
	height:100%;
	background-color:#B0E0E6;
}
#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}

#header ul {
list-style: none;
padding: 0;
margin: 0;
}
	
#header li {
float: left;
border: 1px solid;
border-bottom-width: 0;
margin: 0 0.5em 0 0;
}
	
#header a {
display: block;
padding: 0 1em;
}
	
#header #selected {
position: relative;
top: 1px;
background: white;
}
	
#content {
border: 1px solid;
clear: both;
}
	
h1 {
margin: 0;
padding: 0 0 1em 0;
}



#mainContainer{
width:755px;
margin:0 auto;
text-align:left;
padding:5px;
margin-top:20px;
border:1px solid #000;
background-color: #FFF;
}
#contentContainer{
float:left;
border:1px solid #000;
background-color: #fff;
overflow:auto;
margin-right:10px;
padding:10px;
	
/* CSS HACK */
width: 497px;	/* IE 5.x */
width/* */:/**/480px;	/* Other browsers */
width: /**/480px;
	
/* CSS HACK */
height: 412px;	/* IE 5.x */
height/* */:/**/390px;	/* Other browsers */
height: /**/390px;
			
}
#contentContainer .openingText{
color:navy;
font-size:14px;
}

#articleListContainer{	/* <ul> container for article list */
float:left;
height:410px;
overflow:auto;	
width:240px;
border:1px solid #000;
background-color:#FFF;	
}
.articleList{
margin:0px;
padding:2px;
}
.articleList li{	/* General layout article in list */
list-style-type:none;
border:1px solid #999;
background-color:azure;
height:50px;
margin:1px;
padding:2px;
color:#000;
cursor:pointer;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
border:1px solid #000;
color:#000;
}
.articleList li.articleClick{	/* Active article in list - layout */
border:1px solid #000;
color:#000;
background-color:azure;
color:#000;
}

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
background-color:#FFF;
border:1px dotted #000;
float:right;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
width:150px;
padding:3px
}
.clear{
clear:both;
}
img{
border:0px;
}

a:hover,a:active {
color:#555753;
text-decoration:none;
}
a:link,a:visited {
color:#7D775C;
font-weight:700;
text-decoration:none;
}

p {font: 12pt georgia; 
margin-top: 0px; 
text-align:left;
color:#001F2B;}
p:first-letter {color:#001F2B;
font-size:1.5em;background:#D9EDD9;
float: left;
}

p:first-line {color:#001F2B;
font-weight: bold;
}
h1:first-letter {font-family:georgia;
font-size:2em;
float: left;
}
h1 { 
font:28pt verdana,sans-serif; 
letter-spacing:1px;background-image:url(/images/transbg.gif);
background-position:center center;
background-repeat:no-repeat; 
margin-bottom:0px; 
color:#2288BB;
}

h2{font: bold normal 11pt georgia; 
letter-spacing: 2px; 
margin-bottom: 0px; 
color:#001F2B;
}

h3{font: bold normal 12pt georgia; 
letter-spacing: 2px; 
margin-bottom: 0px; 
color:#001F2B;
}
h3:first-letter {font-family:georgia;
font-size:1.5em;color:crimson;
float: left;
}	
#header {
background: #036 url(/images/transbg.gif);
height:85px;
}



ol{font-size:1.5em;
color:#001F2B;
}
	
#content {
background:#fff;
xpadding: 1px 1em 2em 1em;
padding: 1px 20px 1em 40px;
border-left: 134px solid #069;
}
		

		

		
#container {
position: relative;
width: 700px; /* width + border for IE 5.x */
w\idth: 680px; /* real width */
border: solid #036;
border-width: 0 3px;
margin: auto;
}



#content {
clear: left;
color: #fff;
}


#footer{
clear: left;
width: 100%;
background:white;
color: #000;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #696969;
}



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}