/* 
'****************************************************************************
' W O N D E R W E B Z   L L C
'
' File Description:
' The default style sheet for GulfSpecimen.org.
'
'****************************************************************************
*/



/* --------------BELOW SHOULD BE USED EXPLICITLY BY DEVELOPER-------------- */


/* All Content */

* {
	margin: 0;
	padding: 0;
}


html {
	background-color: #003466;
}


body {

	font: normal medium Arial, Helvetica, sans-serif; 
	color: #263240;
	text-align: left;
}





/* Header */

#header {
	position: relative;
	height: 363px;
	margin: 0;
	padding: 0;
	background-image: url(../images/home/Header_BG1.jpg);
	background-repeat: repeat-x;
	z-index:14;
}

#shiny {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/home/shiny.jpg);
	height: 363px;
	width: 363px;
	z-index:15;
}

#title {
	position: relative;
	width: 477px;
	height: 40px;
	top: -300px;
	background-image: url(../images/home/title.gif);
	margin-left: auto;
	margin-right: auto;
	z-index: 16;
}

#ddtabs1 {
	position: relative;
	top: -300px;
	z-index:17;
}


#menu {
	background-color: #EBEEF3;
	background-image: url(../images/interior/repeatingBGtop.jpg);
	background-repeat: repeat-x;
	height: 100%;
}

#menuDropShadow {
	background-image: url(../images/interior/repeatingBGleft.jpg);
	background-repeat: repeat-y;
	height: 100%;
	width: 19px;
}


/* Container */

#container{
	position: relative;
	width: 90%;
	top: -278px;
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
	}

#content{
	background-color: #EBEEF3;
	line-height: 1.5em;
	}
	
#turtle {
	position: fixed;
	height: 119px;
	width: 122px;
	top: 75%;
	margin-left: 5%;
	background-image: url(../images/home/turtle.gif);
	z-index: 19;
	}
	
	
	
	
/* Footer */

#footer {
	position: fixed; /* Fixes footer in relation to the window so it always appears on screen and other content scrolls behind it */
	bottom: 0; /* Sets footer to appear at bottom of screen. */
	left: 0; /* Sets footer to appear at left side of screen. Needed for WinIE to position correctly. */
	width: 100%;
	height: 200px;
	background-image: url(../images/home/Footer1.jpg);
	background-repeat:repeat-x;
	z-index: 13;
}

	

/* Menu */

.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: 100% Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border-bottom: none;
background-color: transparent;
color: white;
}

.basictab li a:visited{
color: white;
}

.basictab li a:hover, .basictab li a.current{
background-color: transparent;
color: #E4F6FF;
}

.basictab li a:active{
color: white;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}


/* Text */

#container .h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px !important;
	font-weight:bold;
	color: #263240;
	background-image: url(../images/interior/repeatingBGtop.jpg);
	background-repeat: repeat-x;
	height: 57px;
	padding: 7px;
	}
	
#container .h2 {
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	color: #263240;
	background-image: url(../images/interior/repeatingBGtop.jpg);
	background-repeat: repeat-x;
	height: 57px;
	padding: 11px;
	}
	
#container .h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:large;
	font-weight:bold;
	color: #263240;
	margin: 7px;
	}
	
#container .h4 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:large;
	font-weight:bold;
	color: #263240;
	}
	
#container .p1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color: #F8F9FA;
	}
	
#container .p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #263240;
	background-color: #EBEEF3;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 7px;
	}
	
#container .p3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #F8F9FA;
	}

#container .p4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:small;
	color: #263240;
	margin: 7px;
	}
	
#container .p5 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:small;
	color: #263240;
	}
	
#container .img {
	border:solid;
	border-width: 3px;
	border-color: #6d8ca9;
	margin: 7px;
	}


#content ul {
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 0px;
	font-size:small;
	}

#content ul ul {
	margin-left: 30px;
	margin-right: 10px;
	padding-left: 0px;
	font-size:small;
	}
	
#content a {
 	text-decoration: underline;
	color: #53718C;
	}

#content a:visited {
 	text-decoration: underline;
	color: #1C726D;
	}
	
#content a:hover {
 	text-decoration: underline;
	color: #6F97BC;
	}
	
#breadcrumb a {
	color: #EBEEF3;
	}

#breadcrumb a:visited {
 	color: #EBEEF3;
	}
	
#breadcrumb a:hover {
	color: #EBEEF3;
	}
	
#contact a {
	text-decoration: underline;
	color: #EBEEF3;
	}

#contact a:visited {
	text-decoration: underline;
 	color: #C0CCD8;
	}
	
#contact a:hover {
	text-decoration: underline;
	color: #AFC0D0;
	}