/*-- TAGS --------------------------*/

body {
	padding: 0px 0px 15px 0px; margin: 0px;
	font: 12px/20px verdana, "trebuchet ms", georgia, sans-serif; 
	color: #56829A; 
	background: url(images/bg_wave.gif) repeat top left #fff;
}

h1 { 
	font-family: helvetica, arial, verdana, "trebuchet ms", georgia, sans-serif;
	font-size: 22px;
	font-weight: normal;
}

h2 { 
	font-family: georgia, serif;
	font-size: 24px;
	font-weight: ;
}

h4 {margin-bottom:0;}

td {vertical-align: top;}

/*-- IDS --------------------------*/

#main {
	width: 630px;
	padding: 0px 30px;
	margin: 0px 10px;
	background: url(images/content_bg.jpg) repeat-x top left #ECF5F9;
}

#content_head {
	height: 85px;
	width: 630px;
	background: url(images/content_head.jpg) no-repeat top left;
}

#title {
	float: left;
	padding: 0px 0px 0px 37px;
}

#title h1 { 
	color: #fff; 
	font-size: 30px;
	font-weight: normal;
	margin-top: 18px;
}

#contact {
	float: right;
	margin: 0px;
	width: 250px;
	padding: 0px 10px 0px 0px;
	_padding-top: 12px; /*fix padding in IE */
	text-align: right;
}

/*\*//*/
#contact { 
	position: absolute;
	top: 0px;
	left: 370px;
	padding: 15px 10px 0px 0px;
	text-align: right;
}
/* end hack */

#contact h3 { 
	color: #0089A9;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

#content {
	/*position: relative;*/
	padding: 10px 20px 1px;
	background: #fff;
	border: 1px solid #8BD0E3;
	border-bottom: none; border-top: none;
}

#content_foot {
	position:relative;
	height: 20px;
	width: 630px;
	background: url(images/content_foot.gif) no-repeat top left;
	_margin-left: 2px; /* fix margin in IE */
}

.yellow {color:#faf519};
.orange {color:#f1a629};
.green {color:#00ff00};


/* faq */
h4 { 
	font-size: 12px;
	margin: 0px; 
}

a:link { color: #0B5176; }

a:visited { color: #8EA6B3; }

a:hover { color: #5E889E; text-decoration: none;}

img { border: none; }

/*---- CLASS STYLES ----*/

/* CSS-BASED TABLE-STYLE ROWS */ 

/* The following styles are used to make a block row with an image 
on the left and text on the right for lazer.htm, conquest.htm, and 
discovery.htm. */

/* class for left-side image */
.imgBox, .imgBox2 {
	position: relative;
	width: 150px;
	float: left;
	margin-right: 20px;
	display: inline;
}

.imgBox2 { width: 250px; }

/* class for right-side text */
.textBox, .textBox2 {
	position: relative;
	float: left;
	width: 430px;
}

.textBox2 { width: 330px; }

.textBox ul, .textBox p, .textBox2 ul, .textBox2 p, #content ul { margin-top: 5px; }

.textBox ul, .textBox li, .textBox2 ul, .textBox2 li, #content ul, #content li {
	padding-left: 5px;
	margin-left: 6px;
}

.textBox ul li ul li {
	margin-left: 5px;
}

.tvBox {
	width: 290px;
	background: url(images/tv_bg.jpg) no-repeat top left; }

/* clears a row and separates with a line */
.boxLine { 
	position: relative;
	height: 5px; 
	margin-bottom: 10px; 
	border-bottom: 1px dotted #8BD0E3;
	clear: both; 
}

.center { text-align: center; }

/* clears a row with no line*/
.clear { position: relative; clear: both;}

/* meant for <h2> */
.disc { 
	padding: 5px 0px;
	margin: 10px 0px;
	border-bottom: 1px dotted #8BD0E3; border-top: 1px dotted #8BD0E3;
}

/* FAQ.HTM CLASS STYLES */

/* meant for <p> */
.faq { margin-top: 2px; }

/*--CLASSES --------------------------------------*/

.alpha li {
	font-size: 10px;
	line-height: 16px;
	list-style-type: upper-alpha;
}

.back { 
	padding-left: 20px;
	background: url(images/back.gif) no-repeat center left;
}

.center { text-align: center; }

.floatRightImg {
	position: relative;
	float: right;
	margin: 0px 0px 10px 10px;
}

.floatLeftImg {
	position: relative;
	float: left;
	margin: 0px 10px 0px 0px;
}

.hidden { display:none; }

.line { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #8BD0E3; clear:both;} 

.newsH2 { margin-bottom: 5px; }

.border {
	border: 1px solid #0B5077;
}

/* class for 'return to top' button */
.return { 
	padding-right: 15px;
	text-align: right;
	background: url(images/return.gif) no-repeat center right;
}

.return a:visited { color: #0B5176; }

/* aligns something right */
.right { text-align: right; }

/* sets background image for external links */
.xlink {
	padding-right: 12px;
	background: url(images/xlink.gif) no-repeat center right;
}

.xlink:hover {	background-image: url(images/xlink_h.gif); }

/*---- ID STYLES ----*/

/* governs top gradient */
#grad {
	position: relative;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 100%;
	background: url(images/grad.jpg) repeat-x top left;
}

/* governs the huge waves */
#waves {
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	background: url(images/bg.jpg) no-repeat top left;
	_background: url(images/bg2.jpg) no-repeat top left;
}

#container {
	position: relative;
	width: 710px;
	margin-left: 50px;
	top: 0px; left: 0px;
	background: url(images/container_bg.gif) repeat-y top center;
}

#header {
	position: relative;
	width: 760px;
	height: 200px;
	margin-left: -50px;
	background: url(images/header.jpg) no-repeat top left;
}

/*---- begin nav styles ----*/

#nav {width:690px; height:50px; margin:0 auto; border-top:5px #04537A solid; font-weight:bold;}
	#nav li {float:left; list-style:none; position:relative;}
	#nav li a {display:block; text-align:center; text-decoration:none; font-size:11px; border-left: solid 1px #04537A; padding:0 10px; color:#04537A;}
	#nav #aContact {border-right:solid 1px #04537A;}
	
#cats {}
	#cats li {}
	#cats li.open, #cats li:hover {}
	#cats li a {}
	#cats li ul {display: none; position: absolute; top:25px; background: #fff; list-style-type: none; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15); text-transform:uppercase; padding:0; margin:0; }
	#cats li:hover ul {display: block;}
	#cats li ul li {float: none; border-bottom: solid 1px #DBE7E3;}
	#cats li ul li a {display: inline-block;color:#202225;font-size: 11px; margin:5px 10px; width:150px; text-align:left; border-left:0; padding:0; color:#56829A; font-weight:normal;}
	#cats li ul li a:hover {color:#55AE98;}


/*----begin footer styles----*/

#footer {
	font-size:10px;
	position: relative;
	width: 610px;
	padding: 10px 50px 20px 50px;
	text-align: center;
	background: url(images/footer.jpg) no-repeat top left;
}

/*----end footer styles----*/

	
/* for contact forms */

#contact_form input, textarea {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #56829A;
	width: 250px;
	padding: 5px 2px 5px 2px;
	border: 1px solid #56829A;
}

#contact_form .submit { 
	width: 80px;
	padding: 2px;
}	
	

.picR img{
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	}