/* Mythical Sirens web theme, by Laura Cesari */

/*color: #99cc99;  mint green*/ 
/* color: #cccc66; light ochre*/
/* color: #999966;  dark ochre */
/* color: #6869ac; very peri */
/* background-image:url(../images/large-siren-bg-gray.gif); */
/*	background-position:center -380px; */


body {
	background-color:#181818;
	background-image:url(../images/large-siren-bg-gray.gif);
	background-position:center -380px; 
	background-attachment:fixed;
	font-family: verdana;
	color:#666666;
}

/* MAIN DIVS */


div#container01 {
	width:800px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;

}

div#banner-deco {
	width:800px;
	height:115px;
	background-image:url(../images/interface/banner-deco.gif);
}




div#main-content {
	background-image:url(../images/main-area-background.gif);
	background-position:115 left;	
}



div#main-content div#navigation {
        font: 11pt verdana;
	color: #666633;
	margin-top: 0px;
	margin-left:30px;
	margin-right:30px;
	border-bottom: 1pt solid #b3cea0;
	border-top: 1pt solid #b3cea0;
	padding: 5px;	
	text-align: center; 
	letter-spacing:-0.3pt;
	}

div#content-area {
	width:680px;
	margin-top:20px;
	margin-left: 60px;
	margin-right: 60px;
}



div#content-area div.column01 {
	width: 300px;
        float:left;
}

div#content-area div.column02 {
	width: 380px;
        float:left;
}

div#content-area div.column03 {
	width: 260px;
        float:left;
}

div#content-area div.column04 {
	width: 420px;
        float:left;
}




div.clearing {	
	clear:left;
	width:680px;
	border:1pt #b3cea0 solid;

}
div.clearing-invisible {	
	clear:left;
	width:680px;
}

div.clearing-footer {	
	clear:left;
	width:790px;

}

div#footer-deco {
	width:800px;
	height:115px;
	background-image:url(../images/interface/footer-deco.gif);
}



/* LINK STYLES */

a {
		font: verdana; 
		color: #aaaa66;
		text-decoration:underline;
	}

a:hover {
		font: verdana; 
		color: #ffffff;
		background-color:#b3cea0;
		text-decoration:underline;
	}

a.currentpage {
		font: verdana; 
		color:#b3cea0;
		text-decoration:none;
	}

div#main-content div#gallery a:hover {
	background-color:#fff;
	text-decoration:underline;

}

div#main-content div#content-area div#column01 a.large-image:hover {
	background-color:#fff;
	text-decoration:underline;
}


a.large-image {
}

a.large-image:hover {
	background-color:#fff;
}




/* TYPE STYLES */

h1 {
        font: 14pt verdana;
	color: #666633;
	margin-left: 60px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 7px;	
	text-align: left;
	}

h2 {
 	font: 10pt verdana;
	font-style:none;
	letter-spacing: 0pt;
	line-height:12pt;
	color: #999999;
	margin:10px 70px 10px 60px;
}

h3 {
        font: 12pt verdana;
	margin:0px 0px 10px 0px;
	color: #666633;	
	text-align: left;

}

h4 {
        font: 13pt verdana;
	color: #666633;
	margin-left: 0px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 7px;	
	text-align: left;
	}



p {
        font: 11pt verdana;
	line-height:18pt;
	color: #666666;
	margin: 0px 0px 10px 0px;
	}


p.photo-captions {
        font: 10pt verdana;
	color: #666666;
	margin: 0px 20px 10px 0px;	
}

div.column03 p {
	width:230;
}


/* INTRO PAGE */

div#intro-pics {
	width:732px;
	margin-left: 48px;
}

div.intro {
	width:210px;
	text-align: center;
	float:left;
	margin:12px;
}

div.intro:hover {
	color: #cccc66;
}


img.introimage {
	border: 1px solid #666666;
	margin-bottom:5px;
}

img.introimage:hover {
	border: 1px solid #cccc66;
}

span.intro-title {
	margin-top:5px;
}



/* IMAGES */


div#gallery img {
	border:2px solid #666;
	margin:5px 10px 5px 0px;
}

div#gallery img:hover {
	border:2px solid #cccc66;
	opacity:.8;
	
}



div#content-area div.column01 img {	
	border: 2px solid #666;
	margin:5px 10px 10px 0px;
}

div#content-area div.column01 img:hover {	
	border: 2px solid #cc6;
	margin:5px 10px 10px 0px;
	opacity:.8;
}


div#content-area div.column03 img {	
	border: 2px solid #666;
	margin:5px 10px 10px 0px;
}

div#content-area div.column03 img:hover {	
	border: 2px solid #cc6;
	margin:5px 10px 10px 0px;
	opacity:.8;
	background-color:#fff;
}


/* VARIOUS STYLES */


ol li {
	margin-left: 0px;
}

input {
	background-color: #cccc66;
	color: #666633;
	border-color: #aaaa77;
	font-family: verdana, sans-serif;
}

textarea {
	background-color: #cccc66;
	color: #666633;
	border-color: #aaaa77;
	font-family: verdana, sans-serif;
}

checkbox {
	background-color: #cccc66;
	color: #666633;
	border-color: #aaaa77;
	font-family: verdana, sans-serif;
	
}