@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/WH-bkd.gif);
}
#container {
	margin: auto;
	width: 960px;
	position: relative;
}
#banner {
	margin: 24px;
	width: 912px;
	height: 228px;
	background-color:#FFFFFF;
	background-image:url(images/WhalehawkLabsLogo.gif); 
	background-repeat:no-repeat;
	background-position: bottom right;
	text-align: center;
	position: relative;
}
#navbar {
	margin: 0px;
	padding: 10px;
	background-image: url(images/toobar_ribbon.png);
	width: 940px;
	height: 17px;
	position: relative;
}

#borderTop {
	margin: auto;
	width: 930px;
	height: 20px;
	background-image: url(images/borderTop.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}
#borderMid {
	margin: auto;
	width: 930px;
	background-image: url(images/borderMid.png);
	background-repeat: repeat-y;
	overflow: visible;
}
#borderBot {
	margin: auto;
	width: 930px;
	height: 20px;
	background-image: url(images/borderBot.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}
#footer {
	margin: auto;
	width: 960px;
	clear: both;
}
#footerNav {
	margin: auto;
	padding: 5px;
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width: 1px;
	width: 550px;
	clear: both;
}
#contentRow {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	width: 936px;
	position: relative;
	overflow: visible;
	clear: both;
}
#bottomRow {
	margin: auto;
	width: 836px;
	height: 1px;
	position: relative;
	clear: both;
}
#cartRow {
	width: 936px;
	position: relative;
	clear: both;
}
#contactRow {
	margin: auto;
	width: 800px;
	position: relative;
	overflow: visible;
	clear: both;
}
#itemRow {
	margin: auto;
	padding: 0px;
	width: 860px;
	position: relative;
	overflow: visible;
	clear: both;
}
#homeRow {
	width: 897px;
	margin: 0px auto 0px auto;
	background-image: url(images/homeLogo.png);
	background-repeat: no-repeat;
	background-position: 736px 300px;
	overflow: visible;
}
#textRow {
	margin: auto;
	padding: 0px 0px 30px 50px;
	width: 797px;
	overflow: visible;
}
#missionState {
	margin: auto;
	padding: 0px;
	position: relative;
	background-image: url(images/MisStateBkd.gif);
	background-repeat: no-repeat;
	width: 844px;
	height: 91px;
	clear: both;
}
#apDiv1 {
	position:absolute;
	left:10px;
 	top:10px;
	width:824px;
	height:71px;
	z-index:1;
}
.itemBox {
	margin: 10px;
	background-image: url(images/box.gif);
	background-repeat: no-repeat;
	width: 273px;
	height: 339px;
	float:left;
}
.itemCol {
	margin: 16px;
	width: 273px;
	float:left;
}
.itemColWide {
	margin: 16px;
	width: 375px;
	float:left;
}
.transparency {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.itemBoxImage {
	margin: 10px;
	width: 253px;
	height: 250px;
	float:left;
}
.itemImageWide {
	margin: 0px;
	width: 375px;
	height: 382px;
	float:left;
}
.itemBoxContent {
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
	width: 253px;
	float:left;
	text-align: center;
}
.itemBoxContent a {
	color:#000000;
	text-decoration: none;
}


.itemBoxContent a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}
.itemBoxContentWide {
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
	width: 375px;
	float:left;
	text-align: center;
	position: relative;
	clear: both;
}
.navbarText {
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
.navbarText a {
	color:#000000;
	text-decoration: none;
}
.navbarText a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}

.footerText {
	font-family: "Trebuchet MS";
	font-size: 10px;
	text-decoration: none;
}
.footerText a {
	color:#000000;
	text-decoration: none;
}
.footerText a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}
.copyright {
	font-size: 9px
}
.bodyText {
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.bodyText12 {
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.bodyText12 a {
	color:#000000;
	text-decoration: none;
}
.bodyText12 a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}
.bodyText16 {
	font-family: "Trebuchet MS";
	font-size: 16px;
}
.bodyText16 a {
	color:#000000;
	text-decoration: none;
}
.bodyText16 a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}
.bodyText24 {
	font-family: "Trebuchet MS";
	font-size: 24px;
}
.bodyText24 a {
	color:#000000;
	text-decoration: none;
}
.bodyText24 a:hover {
	background-color:#FFFF00;
	text-decoration: none;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {margin:auto; width:470px; height:24px; position:relative; z-index:3000; font-family: Trebuchet MS, arial, sans-serif;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width: 40px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:14px; text-decoration:none; color:#000; padding:0px 7px 0px 7px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFF00; width: 40px; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#FFFF00; width: 40px; }
.menu ul ul :hover > a.drop {background:#FFFF00; width: 40px; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFF00; width: 40px; }
/* style the third level hover */
.menu ul ul ul a:hover {background:#FFFF00;  width: 40px; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:16px;left:0; width: 40px; }
/* position the third level flyout menu */
.menu ul ul ul{top:-1px; width: 40px; }
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:-1; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFFF00; color:#000; height:auto; padding:2px 7px 2px 7px; width: 40px;  }
/* style the top level hover */
.menu a:hover{color:#000; background:#FFFF00; }
.menu :hover > a{color:#000; background:#FFFF00;}
.menu ul ul a:hover{color:#000; background:#FFFF00; width: 40px;  }
.menu ul ul :hover > a {color:#000; background:#FFFF00; width: 40px;  }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;  width: 40px;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;  width: 60px; }
.line{ border-left:1px solid #000; }