/* get other css */
@import url("reset.css");
@import url("typography.css");
@import url("uni-form.css");

/* COLORS */
/*

*/

/* SNIPPETS */
img { border:0; }

input { vertical-align:middle; }

.clear:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }


/* ************ Begin General Layout Styles ************ */

body {
	background-image:url(../images/water.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

/* HEADER */

#header{
	float:left;
	width:784px;
	margin:0px 0px 0px 108px;
}

#logo{
	margin:6px 0px 0px 30px;
	width:322px;
	height:105px;
}

#faucet{
	position:absolute;
	top:0;
	left:0;
	width:309px;
	height:487px;
	z-index:1;
	background-image:url(../images/faucet-trans.png);
	background-repeat:no-repeat;
	background-position:left top;
}


/* MENU */

.nav{
	width:145px;
	text-align:right;
	position:absolute;
	top:247px;
	left:0;
	z-index:3;
}

.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:inside;
width: 145px; /* Width of Menu Items */
}
	
.nav ul li{
position: relative;
padding:2px;
display:block;
text-align:right;
}
	
/*Sub level menu items */
.nav ul li ul{
position: absolute;
width: 141px; /*sub menu width*/
top: -12px;
visibility: hidden;
background:url(../images/overmenu.gif) top right no-repeat;
list-style-position:inside;
}

.nav ul li ul li.last{
background:url(../images/overmenubot2.gif) bottom right no-repeat;
}

.nav ul li ul li{
text-align:left;
padding:3px 5px 3px 15px;
}

.nav ul li ul li a:hover{
text-decoration:underline;
}

/* Sub level menu links style */
.nav ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font-size:10px;
}

	
/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */


/* BODY */
#content{
	position:relative;
	top:120px;
	left:152px;
	width:655px;
	padding:0px 15px 25px 65px;
	margin:0px 0px 25px 0px;
	border-bottom:2px solid #C0DBF3;
	border-left:2px solid #C0DBF3;
	border-right:2px solid #C0DBF3;
	z-index:2;
	min-height:300px;
}

/* FOOTER */
#footer{
	width:830px;
	text-align:center;
	margin:0px 0px 0px 160px;
	position:relative;
	top:120px;
}

#footer p{
font-size:80%;
}

#footer-left {
float:left;
width:70%;
}

#footer-right {
float:right;
text-align:right;
width:30%;
}

/* ************ Begin Specific Layout Styles ************ */

/* PAGE SPECIFIC */

.box_dot_border{
	border-bottom:dotted 2px #A4CCEE;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
}

.home_mid_left{
	float:left;
	width:316px;
	border-right:1px solid #A8CFEE;
	padding:0px 10px 0px 0px;
	margin:0px 10px 0px 0px;
}

.home_mid_right{
	float:right;
	width:316px;
}

.staff_member, .board_member {
padding:5px 0;
}

.staff_pic, .board_pic {
width:115px;
padding:0 15px;
float:left;
}

.staff_info, .board_info {
float:right;
width:510px;
}