/* 
*
*  
*	middleearthstudios.com html site style sheet
*	@author : Doug Tangren
*	@modified : 2006.02.14
*
* 
*/

/*================{ divs }=================*/
 
 #container {
 	margin-top: 5px;
	margin-bottom: 10px;
	width: 700px;
	margin-left: -350px;
	left: 50%;
	position: absolute;
	background-color:#FFFFFF;
	padding: 0px 5px 5px 0px;
	}

#header {
	position:relative;
	width: 700px;
	border-width:thick;
	border-color:#000000;
	height:200px;
	background-color:transparent;
}

.headerPicRight {
	margin-top:0px;
	
}	

#header-menu {
	position:relative;
	height:50px;
	background-position:left;
	background-image:url("../html_site/images/service_banner-dark.gif");
	background-repeat:no-repeat;

}

#navi {
	position:relative;
	float: left;
	width: 135px;
	border-width:1px;
	border-color:#CCCCCC;
	padding: 5px 5px 5px 5px;
	margin-top:20px;
}

#content {
	border-left:1px solid #E6E6E6
	position:relative;
	float: left;
	width: 400px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px 5px 2px 5px;
	background-color:#FFFFFF;
	background-image:url(../html_site/images/contentBorderRight.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#sidebar {
	position:relative;
	float: right;
	width: 120px;
	background-color:#6699CC;
	background-image:url(../html_site/images/lightBlueScanLineTile9x9.jpg);
	background-repeat:repeat;
	border-left-style:solid;
	border-left-color:#ECDFBF;
	border-left-width:3px;
	border-right-style:solid;
	border-right-color:#ECDFBF;
	border-right-width:3px;
	border-color:#E9F2FE;
	border-style:solid;
	border-width:7px;
	height:800px;
	
}
	
#footer {
	clear: both;
	width: 700px;
	height:150px;
	background-position:center;
	background-image:url(../images/seagrass_footer_700x203.jpg)
	}
	
/* divs for sliced pirate picture */
#pirate-top{width:107px; height:77px; background-image:url(../images/pirate_slices/smallPirate-top.gif);}
#pirate-middle{width:140px; height:102px; background-image:url(../images/pirate_slices/smallPirate-mid.gif);}
#pirate-bottom{width:159px; height:143px; background-image:url(../images/pirate_slices/smallPirate-bottom.gif);}
#pirate-top, #pirate-middle, #pirate-bottom {float:left; clear:left;  background-repeat:no-repeat; margin-right: 3px;}

#contact-methods {
	padding: 5px 5px 5px 5px;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	border-collapse:collapse;
	margin: 5px 5px 5px 5px;
}

/* use for rounded corner initially but decided to use different heading img instead
#topRightCorner{
	background: url("../html_site/images/mesHtmlMainTR.gif") 0 0 no-repeat);
	position:relative;
	height:50px;

}*/

/*================={ elements }===================*/


body {
	background-image:url(../images/lightgreenScanLineTile.jpg);
	background-repeat:repeat;
}


/* paragraphs*/
p.std { 
 
	font-family:trebuchet ms, tahoma, verdana, arial, helvetica;
	font-size:.8em;
	line-height:1.25em;
	color:#666666;
	margin-left:5px;
	margin-right:5px;
	padding-left:10px;
	/*padding-right:30px;*/
}

p.std-postal { 
 
	font-family:trebuchet ms, tahoma, verdana, arial, helvetica;
	font-size:.8em;
	text-align:center;
	line-height:1.25em;
	color: #666666;
	padding: 5px 5px 5px 5px;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	border-collapse:collapse;
	margin: 5px 5px 5px 5px;
	
}

p.frststd {  
	font-family:trebuchet ms, tahoma, verdana, arial, helvetica;
	font-size:.9em; 
	color: #666666;
	line-height:1.25em;
	padding-left:10px;
	/*padding-right:50px;*/
	margin-left:5px;
	margin-right:5px;
}

p.sideBar{
	font-family:trebuchet ms, tahoma, verdana, arial, helvetica; 
	font-size:.7em; 
	color:#666666;
	padding-left:10px;
	padding-right:10px;
	border: 3px solid #E9F2FE;
	border-right:0px;
	border-left:0px;
	padding-bottom:2px;
	text-align:center;
	
}

p.frststd:first-letter 
{
	font-family: "book antiqua";
	color:#CCCCCC;
	font-size:xx-large;
	
}


p.main{
	text-align: right; 
	font-family:Tahoma, Arial, Verdana, sans-serif; 
	font-size: smaller; 
	color: #FCFBEF; 
	margin-right:35px;
	}
	
p.center {
	vertical-align:middle;
	margin-left:50%;
	}


/* headers */
h2.std {
	padding-left: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#FFCC99;
	font-size:medium;
	text-decoration:none;
}
.thickUnderline {
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:5px;;
}
.subhead{
	font-size:smaller;
}
h2.sidebar {
	font-family:Tahoma, Arial, Verdana, sans-serif; 
	font-size:.65em; 
	color:#666666;
	/*padding-left:10px;
	padding-right:30px;*/
	text-align:center;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#ECDFBF;
	font-size:medium;
	text-align:right;
	text-transform:capitalize;
}

/* images */

img {
	border:none;

}
img.box {

	padding: 5px 5px 5px 5px;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	margin: 5px 5px 5px 5px;
}

img.center {
	text-align:center;
	padding: 2px 2px 2px 2px;

}
img.right {
	padding-left:100px;
}





/* ----------------------- hyperlink style rules */

a:link{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color:#999999;
	text-decoration: none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}
	
a:visited { 
	color:#999999;
	text-decoration: none; 
	font-family:Tahoma, Arial, Verdana, sans-serif;
}

a:hover {
	color:#FFCCFF;
	text-decoration: none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
} 

a.page:link{
	/*color:#FF9900;*/
	color:#89ADD6;
	text-decoration: none;
	size:inherit;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}
a.page:hover{
	color:#89ADD6;
	text-decoration:none;
	size:inherit;
	border-bottom-style:dotted;
	border-bottom-color:#CC9933;
	border-bottom-width:thin;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}
a.page:visited{
	color:#89ADD6;
	text-decoration: none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}

a.sideBarLink:link{
	color:#999999;
	font-weight:bold;
	text-decoration: none;
	size:inherit;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}
a.sideBarLink:hover{
	size:inherit;
	border-bottom-width:thin;
	border-bottom-color:#999999;
	border-bottom-style:dashed;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}
a.sideBarLink:visited{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
}








/* ------------------------list style rules */

/*								 side menu */
ul.side-menu {
	margin: 0;	/* get rid of indents and bullets */
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #E6E6E6; /*inserts missing border*/
	background-image:url("../html_site/images/sideMenuRightBorder.png");
	background-repeat:no-repeat;
	background-position:-2px;
}

ul li a.side-menu  {
	
	display:block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	background:transparent;
	padding: 5px;
	border: 1px solid #E6E6E6;
	border-bottom: 0;
	border-right:0px;
	border-left:0px;
	background-image:url("../html_site/images/listItems/link_item5.gif");
	background-repeat:no-repeat;
	background-position:105px;
}


ul li a.home-menu, ul li a.strytell-menu, ul li a.stry-menu, ul li a.thtr-menu,  ul li a.prk-menu, 
ul li a.bnfts-menu, ul li a.cntct-menu {
	display:block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color:#999999;*/
	color:#99CC00;
	background:transparent;
	padding: 5px;
	border: 1px solid #E6E6E6;
	border-bottom: 0;
	border-right:0px;
	border-left:0px;
	background-image:url("../html_site/images/listItems/link_item8.gif");
	background-repeat:no-repeat;
	background-position:105px;
}

ul li a:hover.side-menu {
	color:#FFCCFF;
	font-size:12px;
}

html>body ul li a:hover.side-menu {
	padding-left:7px;
	color:#FFCCFF;
	font-size:12px;
	background-color:#FDFDFD;
	background-image:url("../html_site/images/MES_Door_button.gif");
	background-repeat:no-repeat;
	background-position:right;
}

html>body ul li a:active.side-menu {
	padding-left:7px;
	color:#FFCCFF;
	font-size:12px;
	background-image:url("../html_site/images/MES_Door_button.gif");
	background-repeat:no-repeat;
	background-position:right;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li.side-menu { float: left; height: 1%; }
* html ul li a.side-menu { height: 1%; }
/* End */


/* header-menu list items -- currently not in use*/
ul.header-menu {
	border-color:#D0E874;
	border-style:solid;
	border-width:thin;
	padding: 2px 2px 2px 2px;
	height:18px;
	width:707px;
	list-style:none;
	margin-left:-3px;

}
li.header-menu {
	float:left;
	width:6em;
	list-style:none;
	margin-right:1px;
	background-color:#D0E874;
	padding: 2px 2px 2px 2px;
}
a.header-menu {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	color:#76A928;
	text-align:center;
	padding-left:10px;
	margin-left:5px;
}
li:hover.header-menu {
	background-color:#C2DC7B;
	/*background-image:url(tri.gif);
	background-repeat:no-repeat;
	background-position:left;*/
	color:#FFFFFF;
}
a:hover.header-menu {
	background-image:url("../html_site/images/tri.gif");
	background-repeat:no-repeat;
	background-position:left;
}

ul.desgin {
	color:#999999;
	list-style:square;

}
li.design{
	color:#CCCCCC;
	list-style-type:square;
	list-style-position:inside;
}
a.design{
	color:#99CC66;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


ul.footer-menu{
	margin:0px;
	margin-left:70px;
}
li.footer-menu{
	float:left;
	color:#99CCCC;
	list-style-type:square;
	padding-right:25px;
	font-size:.75em;
}
li.first-footer-menu{
	float:left;
	color:#99CCCC;
	list-style-type:none;
	padding-right:25px;
	font-size:.75em;
}