/*
Gary Hollands - solriche - 2010 - Default Template Stylesheet
This stylesheet is available under the terms of the GNU General Public License as published by
the Free Software Foundation - Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/
*{
	margin: 0;
	padding: 0;
}
html,body{
	font-family: "lucida grande", "lucida sans unicode", arial, "bitstream vera sans", sans-serif;/*mac,windoze,linux*/
	color: rgb(0,0,0);
	line-height: 1.5;
	background: url("../images/body_bg.png") repeat;
}
/*-------------------------Page layout boxes etc-------------------------*/
#container {
	/*width: 98%;48em or 98%*/
	height: 100%;
	padding: 0 0 2em 0;
}
#masterbox {
	margin: 0 auto 0 auto;
}
#top{
	width: 100%;
	height: 128px;
	background: rgb(220,230,240) url("../images/sea_sky.jpg") no-repeat 0 0;
}
#top img{
	float: left;
	margin: 3.3em 0 0 1.75em;
}
#header{
	float: left;
	margin: 1em 0 0 1em;
}
#header .silent{
	display: none;
}
#menu_bar{
	width: 100%;
	height: 32px;
	background: rgb(220,230,240) url("../images/under_sea_menu.png") repeat-x;
}
#menu_bar h2{
	float: left;
	margin: 0.2em 0 0 2em;
}
#menu_bar ul{
	font-size: 90%;
	list-style-type: none;
	margin: 0 0 0 2.25em;
}
#menu_bar ul li{
	display: inline;
}
#menu_bar a{
	font-weight: bold;
	text-decoration: none;
}
#menu_bar a:link{
	color: rgb(242,248,255);
}
#menu_bar a:visited{
	color: rgb(255,240,201);
}
#menu_bar a:hover{
	color: rgb(255,215,201);
}
#menu_bar a.selected{
	border-bottom: dotted 1px rgb(100,50,0);
}
#under_the_sea{
	width: 100%;
	min-height: 400px;
	background: url("../images/under_sea.png") repeat-x;
}
#content{
	padding: 0 0 0.5em 2em;
	position: absolute;
	z-index: 20;
}
#content p{
	font-size: 90%;
}
#content ul{
	margin: 0.5em 0 0 2.5em;
	list-style-type: square;
}
#content ul li{
	font-size: 90%;
	padding: 0 0 0 0.5em;
}
#content  p.troon{
	margin: 2em 0 0 0;
	width: 17em;
}
#content .troon img{
	margin: 0.4em 0.5em 0 0;
	float: left;
}
#content  .troon a img{
	border: 1px dotted rgb(50,100,255);
}
#content  .troon a img:hover{
	border: 1px dotted rgb(255,100,50);
}
#seabed{
	position: fixed; bottom: 0; left: 0;
	z-index: 10;
	width: 100%;
	height: 128px;
	background: url("../images/seabed.png") repeat-x 0 0;
}
/*-----------------------------General CSS-----------------------------*/
a{
	outline: none;
}
/*------Colors are chosen with consideration for those with visibility disabilities such as deuteranomaly.------*/
a:link{
	color: rgb(0,28,112);
	text-decoration: underline;
}
a:visited{
	color: rgb(112,101,0);
	text-decoration: underline;
}
a:hover{
	color: rgb(112,23,0);
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	color: rgb(100,100,130);
}
	h1{font-size: 130%;}
	h2{font-size: 110%;}
	h3{font-size: 100%;}
	h4{font-size: 95%;}
	h5{font-size: 90%;}
	h6{font-size: 85%;}
/*------Font Family choices, these are the most common and/or close matching fonts across the various operating systems.------*/
.serif{
	font-family: georgia, "DejaVu Serif", "bitstream vera serif", serif;/*mac/windoze,linux*/
}
.fantasy{
	font-family: papyrus, impact, fantasy;/*mac/windoze,linux*/
}
.cursive{
	font-family: "Comic Sans MS", cursive;/*mac/windoze/linux*/
}
pre,code{
	color: rgb(80,80,80);
}
pre{
	margin: 0.5em 0.25em 0.5em 0.25em;
}
abbr,acronym{
	border-bottom: dotted 1px rgb(0,0,0);
	cursor: help;
}
img{
	border: 0;
}