/*
HYDRANGEA
   Re-Designed & Distributed by: Eden Design Studio http://www.edendesignstudio.com
   Original Open Source Design Author: http://www.growldesign.co.uk
*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background: #cfe0e7 url(images/bg.jpg) repeat-x; /* Optional */
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #685e47;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a.link { text-decoration: none; color: #3c525c; border-bottom: 1px dashed #ededed; }
a.link:hover { border-bottom: 1px dashed #5f737a; color: #5f737a; }
em {
	color: #5f737a;
	font-style: italic;
	font-weight: bold;
}
strong {
	color: #3c525c;
	font-family: georgia;
	font-style: italic;
}


blockquote {
	background-color: #e7f1f6;
	padding: 15px;
	margin: 5px 0px;
	font-style: italic;
	font-size: 0.8em;
	
}

.noborder {
	border: 0px;
}

.noborder:hover {
	border: 0px;
}

td {
	padding: 6px;
}

th {
	text-align: center;
	padding: 10px;
}
table {
	background-color: #e7f1f6;
	padding: 10px;
	font-size: 12px;
}

#sea {
	background-color: #6a9b9d;
}

#shell {
	background-color: #b6ac89;
}

#beige {
	background-color: #d9c79f;
}
#sand {
	background-color: #efe09f;
}
#rock {
	background-color: #ffefd7;
}

.pale {
	color: #fefefc;
}

#blinkform label
{
width: 120px;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-size: 12px;
}
#blinkform{
	font-size: 12px;
}

#blinkform input, textarea, select
{
	background-color: #e7f1f6;
	border: 1px solid #6a9b9d;
	font-size: 13px;
	color: #3c525c;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}


/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 1004px;
	background: url(images/wavebg.jpg) repeat-x;
	text-align: left; /* Cancel IE Fix */
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	margin: 0px;
	border: 0px;
	padding: 0px;
	}


/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/


#nav {
	padding: 0;
	margin: 0;
	list-style: none;
float: none;
display: inline;
}

#nav a{
	margin:0;
	float:left;
		display:block;
		border: 0px;
}

#nav li li{	float:none; list-style: none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	padding: 8px;
	background: url(images/waveup.png);	
	color: #fff;
	list-style: none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:80px;
}



 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin: -40px 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	left:0;
		background: url(images/waveup.png);	
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 40px 0px 10px 0px;
	margin: 0px;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
	padding: 4px 10px;

	color: #fff;
	border: 0px;
}
#subMenusContainer a {
	border-bottom: 0px;
	color:  #3c525c;
	font: italic 16px Georgia, "Trebuchet MS";
}

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 285px;
	position: relative;
	line-height: 20px; 
	word-spacing: 2px;	
	padding: 0px 0px 0px 50px;
	color:  #5f737a;
	}
#sidebar div { background: url(images/waveup.png);
padding: 40px 24px 14px 24px;
color: #3c525c;
 }	
 
#sidebar li {
list-style: none;
background-image: url(images/shellbullet2.png);
background-repeat: no-repeat;
background-position: 0 0px;
padding: 4px 0px 4px 35px;
margin: 0px;
}
#sidebar ul {
	margin: 10px 0px;
	padding-left: 0px;
}
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3 { 
	color: #283840; 
	margin: 0; 
	cursor: default;
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
}
#sidebar h4 { 
	color: #283840; 
	margin: 5px 0 0 0; 
	cursor: default;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
#content div { 
	padding: 1px 0 10px 0;  
  padding: 10px;
	}
#sidebar p {
text-align: justify;
font-size: 0.9em;
line-height: 1.6em;
word-spacing: 0px;
margin: 2px 0 5px 0;
color: #283840;
}
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	width: 620px;
	position: relative;
	margin-left: 15px;
	line-height: 1.5em; 
	text-align: justify; 
	}		

#content div { }	

#content h1 { 
	color: #3c525c; 
	margin: 0px;
	padding: 6px 0px 10px 60px;
	cursor: default;
	font: italic 2.5em Georgia, "Times New Roman", Times, serif;
background-image: url(images/shell.png);
background-repeat: no-repeat;
}
#content h2 { 
	color: #3c525c; 
	margin: 5px 0px; 
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	cursor: default;
	}
	
#content h3 { 
	color: #5f737a;  
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dashed #74a9af;
	padding-bottom: 5px;
}
	
#content p {
margin: 10px 0px;
}

#content hr {
border: none 0;
border-top: 1px dashed #ada7a5;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 8px 0px;
}

#content img.left {
margin: 0px 10px 0px 0px;
padding: 6px;
border: 1px solid #ada7a5;
}

#content img.right {
margin: 0px 0px 0px 10px;
padding: 6px;
border: 1px solid #ada7a5;
}

#content ul {
	margin: 0px;
	padding-left: 10px;
}

#content li { 
background-image: url(images/shellbullet.png);
background-repeat: no-repeat;
background-position: 0 0px;
padding: 4px 0px 10px 35px;
margin: 0px;
list-style: none; 
}

#content li ul li {
list-style: none;
background-image: url(images/shellbullet2.png);
background-repeat: no-repeat;
background-position: 0 0px;
padding: 4px 0px 10px 35px;
margin: 0px;
}

#other li {
list-style: none;
background-image: url(images/shellbullet2.png);
background-repeat: no-repeat;
background-position: 0 0px;
padding: 4px 0px 10px 35px;
margin: 0px;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	text-align: center;	
	color: #5f737a;
	font-size: 0.7em;
	clear: both;
	}
	
#footer a { text-decoration: none; color: #5f737a; border-bottom: 1px dashed #fff; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #5f737a; }