/* project: fnq dive
   author: Henry Mencia (www.server101.com) */

body { 
	padding: 0; 
	margin: 0; 
	font: normal 0.7em Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

img{ border:0; }

.lft { float:left; margin:0 10px 0 0; }

/* global links */

a:link, a:visited {
	color: #036;
	background: transparent;
	text-decoration: underline;
	}

a:hover {
	color: #09f;
	}

/* typography */

h1 {  }

h2, h3, h4 {padding: 0 0 0 5px; }

h2 {
	background: #19519b;
	color:#fff;
	margin:0 0 10px 0;
	font: normal 1.7em/1.7 Georgia, "Times New Roman", serif; 
	letter-spacing: 1px;
	}

h3 {
	border-bottom: 1px solid #19519b;
	color: #19519b;
	font: normal 1.5em/1.5 Georgia, "Times New Roman", serif; 
	letter-spacing: 1px;
	margin: 5px 0;
	}

h4 {
	color: #19519b;
	font: normal 1.3em/1.6 Georgia, "Times New Roman", serif; 
	margin: 5px 0 0 0;
	}

p { margin: 0 10px 7px 5px; }

ul { margin: 0 20px 7px; padding: 0;}

/* #maincontent ul { margin:0 40px 0 30px; padding:0; }

#maincontent li { margin: 0 0 7px 0; list-style: circle;} */

th, td { text-align:center; padding: 3px 0;}


/* layout ------ */

#content { 
	margin: 0 auto;
	width: 760px;
	padding: 0;
	border: 0;
}

#header { 
	background: #fff;
	margin: 0;
	padding: 0;
	border: 0;
}

#maincontent {
	border:0;
	padding:0;
	margin:0;
	width: 760px;
	}

#footer { 
	clear: both;
	text-align: center;
	padding: 2px 0 1px;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

#footer a { color: #ff6633; background: #fff; }

.left {
	padding:0;
	margin: 0;
}

#photos {
	margin:0 0 0 5px;
	padding:0; 
}

#photos img { margin:0 20px 20px 0; padding:0; border:1px solid #999; }

/* navigation menu */

ul#bar { 
	font: normal 1.1em Georgia, Times, serif;
	margin: 0;
	height: 2.6em; 
	color: #fff; 
	background: #19519b; 
	list-style: none;
}

ul#bar li { 
	margin: 0; 
	padding: 0.7em 6px;
	color: #ffeadc;
	background: #19519b;
	float: left; 
	}
	
ul#bar li a { 
	font-weight: bold;
	color: #fff; 
	text-decoration: none;
	} 
	
ul#bar li a:hover {
	color: #eee;
	}
	

/* tables */

table{ }

.datatable {margin: 0 5px 10px 5px; width: 99%; border: 1px solid #999; border-collapse: collapse;}

.datatable th {width: 33%; border: 1px solid #999; background: #eee; vertical-align: top;}

.datatable td {border: 1px solid #999; }

.another {width: 100%; border-collapse: collapse; margin: 10px 5px;}

.another td { width: 25%; border: 1px solid #999; text-align: left; padding-left: 3px;}