/* 
'****************************************************************************
' 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 {
	margin: 0;
	padding: 0; 
	font: normal medium Arial, Helvetica, sans-serif; 
	color: #263240;
	text-align: left;
	height: 100%;
	overflow-y: auto;
}





/* 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;
}




/* Container */

#collage{
	position: relative;
	padding: 0;
	width: 650px;
	height: 406px;
	top: -276px;
	margin-left: auto;
	margin-right: auto;
	z-index: 55;
	}

#turtle {
	position: fixed;
	height: 119px;
	width: 122px;
	top: 75%;
	margin-left: 5%;
	background-image: url(../images/home/turtle.gif);
	z-index: 19;
	}
	
#youtube {
	position: fixed;
	top: 80%;
	margin-left: 90%;
	z-index: 60;
	}

#youtube a {
	background-image: url(../images/home/youtube.gif);
	height: 114px;
	width: 75px;
	text-indent:-9999px;
	display: block;
	}
	
/* 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. */
	height: 200px;
	width: 100%;
	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: white;
}

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

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

.basictab lc a{
text-decoration: none;

margin-right: 3px;
border-bottom: none;
background-color: transparent;
color: transparent;
}

.basictab lc a:visited{
color: transparent;
}

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

.basictab lc a:active{
color: transparent;
}

.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 */

#myText {
	position: relative;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	color: #FFFFFF;
}


#myText .p1 {
	color: #FFFFFF;
	text-align:left;
	font-size: 1em;
}


#myText .h2 {
	color: #FFFFFF;
	text-align:left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 18px;
}

#description .p1 {
	color: #FFFFFF;
	text-align: left;
	font-size: 1em;
}


#description .h2 {
	color: #FFFFFF;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 14px;
}