body {
	background: url(../images/background_water.jpg) no-repeat top center #6AAADC;
	margin: 0 auto;
	padding: 0px;
    font-family: Verdana, Tahoma, Arial;
    font-size: small;
    color: #10385C;
}

#main {
	position: relative;
	top: -40px;
	margin: 0 auto; /* auto centers this div*/
	width: 1000px;
}

#footer {
	padding: 15px 0px 0px 0px;
	text-align: center;
	font-size: x-small;
	clear: right;
}

A {
	font-weight: bold;
	text-decoration: none;
}

A:link {
	color: #061320;
}
	
A:visited {
	color: #10385C;
}

A:hover {
	color: #E9FFF0;
	background: #10385C;
}

A:active {
	color: #6AAADC;
	background-color: #FFFFFF;
}

p, h1, h3, pre {
	margin: 10px;
}

p {
	padding: 5px 0 5px 0;
}

.center {
	text-align: center;
}



.left {
	float: left;
	text-align: left;
}
		
h3 {
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 10px 5px;
}
	
hr {
	color: #12A185;
	background-color: #12A185;
	}
	
ul {
	margin:0px 10px 10px 30px;
	list-style-type: none;
}

.centerUL {
	margin-left: 35%;
}

table.smallFont {
	font-size: xx-small;
	text-align: left;
	margin: 0 auto;
}

table.smallFontCenter {
	font-size: xx-small;
	text-align: center;
	margin: 0 auto;
}

th {
	text-align: left;
}

td img {
	margin: 0 auto;
}

td.MGB {
	vertical-align: top;
	width: 125px;
}

img {
	border: 0;
	display: block;
	margin: 0 auto;
}

img.thumbnail240 {
	width: 240px;
}

img.thumbnail175 {
	width: 175px;
}

img.portfolioLeft {
	float: left;
	padding: 10px 10px 10px 0px;
}

img.portfolioRight {
	float: right;
	padding: 10px 0px 10px 10px;
}

div.portfolioLeft {
	clear: right;
}

div.portfolioRight {
	clear: left;
	text-align: right;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-dropline-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	position: relative;
	top: 305px;
	width:900px;
	height:420px;
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}

#menu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap;
}

#menu ul {
	display:inline-block;
} 

#menu li {
	display:inline-block; 
	display:inline;
}

#menu ul.level1 div {
	position:absolute; 
	left:-9999px;
}

#menu ul.level1 {
	margin:0 auto;
}

#menu ul.level1 li.level1-li {
	float: left; /* makes the list horizontal */
	display: block; 
	position: relative;
	width: 150px;
	height: 48px;
}

#menu ul li div ul {
	margin:0; 
	background:url(trans.gif);
}

#menu a.level1-a {
	display: block; 
	color: #FFFFFF; 
	line-height: 46px;
	text-decoration:none;
	padding:0 15px 0 15px;
	width: 100px;
	margin-left: 10px;
	background:url(../images/button.png) no-repeat center center;
}

#menu ul.level1 li.level1-li a.level1-a {
/*	float:left;*/
}

#menu ul li:hover div {
	left: 50%; 
	top: 25px;
}

#menu ul li:hover div ul {
	display: block; 
	position: relative; 
	left:-50%;
}

#menu ul li div ul li a { /* what second layer of li looks like before hover*/
	height: 25px; /* ? */
	color: #10385c; 
	line-height: 68px; /* how far down the second level link sits compared to the top row */
	text-decoration:none; 
	padding: 5px; /* bubble around link */
}

#menu a:hover div {
	left:0; 
	top:23px;
}

#menu a:hover div ul {
	position:relative; 
	left:-50%;
}

#menu li a.fly {
	/*background:transparent url(../down-arrow.gif) no-repeat right center;*/
}

#menu li a:hover,
#menu li a.fly:hover {
	white-space:nowrap; 
}

#menu li:hover > a,
#menu ul li:hover > a.fly {
	color: #FFFFFF;
	background: url(../images/button_opposite.png) no-repeat center center;
}

#menu ul li div ul li a:hover { /* what second layer of li looks like during hover */
	color: #6AAADC;
	background: #10385c;

}

#menu table {
	position:absolute; 
	height:0; 
	width:0; 
	left:50%; 
	border-collapse:collapse; 
	margin-top:-4px;
}