/* Standard CSS to reset all margins and padding to zero ---------------------------*/
* { 
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, form, label, fieldset, address {
	margin-bottom: 1em;
}
html { 
	height:100%; 
}

/* Start of TAG based CSS ---------------------------------------------------------*/
body {
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	text-align:left;
	color:#d7fbfb;
	background:#499090;
	margin:0px;
	height:100%;

}
a, a:visited, a:active {
	text-decoration:underline;
	color:#65c4c4;
}
a:hover {
	color:#ffffff;
}
h1 { font-size:1.5em; font-weight:bold; color:#60baba; }
h2 { font-size:1.3em; font-weight:bold; color:#000; }
h3 { font-size:1.2em; font-weight:bold; color:#000; }
ul {
	list-style: disc none outside;
	margin-left:1em; /* lines up bullet with left edge of text in div */
}
li {
	padding-left:5px; /* distance between bullet and its text */
	margin-bottom:6px; /* spacing between bullet point lines */
}

/* Start of ID & CLASS based CSS ---------------------------------------------------------*/
#container {
	position:relative;
	margin:0 auto; /* to center div */
	width:884px;
	border:none;
	min-height:100%;
	background:#336666 url(images/container_bg.gif) top left repeat-y;
	z-index:2;
}
* html #container { /* for IE6 */
	height: 100%;
}
#header {
	text-align:center;
	background:url(images/logo.gif) no-repeat 42px 0px;
	height:85px;
	z-index:3;
}
#navigation {
	position:relative;
	height:25px;
	background:#333333;
	padding:5px 0 0 207px;
	z-index:4;
	margin-bottom:20px;
}
#navigation a {
	font-weight:bold;
	text-decoration:none;
	color:#ff0000;
	padding:2px 5px;
	margin-right:45px;
}
#navigation a:hover {
	color:#ffffff;
	background:#499090;
}
#navbar {
	position:absolute;
	left:0;
	top:85px;
	height:30px;
	background:#333333;
	width:100%;
	z-index:1;
}
#leftcol {
	float:left;
	width:135px;
	text-align:left;
	padding-left:57px;
	z-index:5;
}
#content {
	float:right;
	width:610px;
	padding:0px 67px 5px 10px;
	z-index:6;
}
p.feature {
	font-size: 1.2em;
	font-weight:bold;
	padding:5px 0;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
}
span.hlCol {
	color:#60baba;
}
#footer {
	clear:both;
	text-align:center;
	margin-left:207px;
	margin-right:67px;
	padding:0;
	font-size:0.7em;
	color:#60baba;
}
#footer img {
	margin-bottom:10px;
}
#footer a {
	text-decoration:none;
}

/* Thumbnails div for galleries */ 

.thumbs {
	text-align:left;
}
.thumbs h1 {
	font-weight:bold;
	font-size:1.5em;
	text-align:left;
}
.thumbs p {
	font-size:0.75em;
	line-height:1.2em;
	color:#d7fbfb;
	margin-right:70px;
}
.thumbs hr {
	margin:20px 0;
	color:#499090;
	text-align:left;
	width:540px;
}
.thumbs img {
	margin:2px;
	border:none;
}
.thumbs a {
	text-decoration:none;
}
.thumbs a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5; 
}