/* CSS Document */

ul{list-style-type:none;}

body {
	font-family: "Trebuchet MS", helvetica, tahoma, arial, sans-serif;
	font-size: 15px;
        margin: 0px;
        padding: 0px;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #094b7e;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-family: "Trebuchet MS", helvetica, tahoma, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}

li {
	margin-left: 25px;
}

/* TOP PANEL*/
#topPanel{width:762px; height:90px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:390px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(http://www.marinedebristraining.com/images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(http://www.marinedebristraining.com/images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}

/*--------------------------------nav-bar-------------------*/
.nav {
	font-size: 15px;
	list-style: none;
	background-image: url(http://www.marinedebristraining.com/images/nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.nav li{
	float: left;
	display: inline;
	background-image: none;
}

.nav li a{
	float: left;
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 43px;
	line-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
}

.nav li a:visited{
	color: #ffffff;
}

.nav li a:hover{
	color: #ffffff;
	background-image: url(http://www.marinedebristraining.com/images/nav-bgh.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

/*--------------------------------buttons-------------------*/
.butPPV {
	display: block;
	width: 240px;
	height: 240px;
	background: url('http://www.marinedebristraining.com/images/but-ppv-both.jpg') bottom;
	text-indent: -99999px;
}
.butPPV:hover {
	background-position: 0 0;
}

.butCOM {
	display: block;
	width: 240px;
	height: 240px;
	background: url('http://www.marinedebristraining.com/images/but-com-both.jpg') bottom;
	text-indent: -99999px;
}
.butCOM:hover {
	background-position: 0 0;
}

.butDVD {
	display: block;
	width: 240px;
	height: 240px;
	background: url('http://www.marinedebristraining.com/images/but-dvd-both.jpg') bottom;
	text-indent: -99999px;
}
.butDVD:hover {
	background-position: 0 0;
}

/*--------------------------------content-------------------*/
.fltlt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.faq {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}
.faq a {
	color: #0464b1;
	text-decoration: none;
}
.faq a:hover {
	color: #0464b1;
	text-decoration: underline;
}
.faq a:visited {
	color: #0464b1;
	text-decoration: none;
}

.faqtop {
	font-size: 10px;
	font-weight: normal;
	margin-top: 15px;
}

.faqtop a {
	color: #0464b1;
	text-decoration: none;
}
.faqtop a:hover {
	color: #0464b1;
	text-decoration: underline;
}
.faqtop a:visited {
	color: #0464b1;
	text-decoration: none;
}

.faqb {
	font-size: 15px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}

.faqb a {
	color: #0464b1;
	text-decoration: none;
}
.faqb a:hover {
	color: #0464b1;
	text-decoration: underline;
}
.faqb a:visited {
	color: #0464b1;
	text-decoration: none;
}

.topics {
	font-size: 13px;
	font-style: italic;
	padding-bottom: 5px;
}

.check {
	background-image: url(http://www.marinedebristraining.com/images/symbol2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 23px;
	padding-top: 13px;
}

.courses {
	font-size: 19px;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 3px;
	margin-top: 3px;
}

.priceleft {
	font-size: 20px;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.price {
	font-size: 20px;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left:1px solid;
}

/*--------------------------------footer-------------------*/
#footer {
	padding-top: 25px;
	padding-bottom: 10px;
}

table.ad th  {
	font-family: "Trebuchet MS", helvetica, tahoma, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-top: 10px;
}

table.ad td  {
	font-family: "Trebuchet MS", helvetica, tahoma, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	vertical-align: text-top;
	border-left: #ffffff 1px dashed;
	padding-left: 10px;
	padding-right: 20px;
}

table.ad a  {
	color: #ffffff;
	text-decoration: none;
}

table.ad a:hover  {
	color: #ffffff;
	text-decoration: underline;
}

table.ad a:visited  {
	color: #ffffff;
	text-decoration: none;
}