/* styles for SEACI2 website screen */

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; } /* for ie6 */

body{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#banner {
	background: #5E88A1 url(../images/seaci2_banner_img.jpg) no-repeat right;
	overflow: hidden;
	padding-left:10%;
}

#contentContainer{
	width: 80%;
	min-width: 800px;
	margin: 0px auto -1px auto;
}

#lhspanel {
	margin: 0px 25px 0px 25px;
	width: 160px;
	float: left;
	position: relative;
}

#lhsimg {
	width: 160px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}


#content {
	margin: 25px 25px 0px 210px;
	position: relative;
	padding-bottom: 3em;
} 

#footer {  
	font-size: 10px;
	color: #000000;
	clear: both;
	position: relative;
	z-index: 10;
	height: 3em;
	margin-top: -2.9em;
	text-align:center;
}

table.contactphoto{
	float: right;
	padding-right: 150px;
	padding-left: 30px;
	padding-bottom: 30px;
}

table.team td {
	font-size: 12px;
	vertical-align:top;
	padding: 5px;
}

table.team a{
	text-decoration: none;
}

h1 {
	font-size: 21px;
	color: #5E88A1;
	margin-bottom: 0px;
}

h2 {
	font-size: 18px;
	color: #5E88A1;
	margin-bottom: 0px;
}
h3 {
	font-size: 14px;
	color: #5E88A1;
	margin-bottom: 0px;
}
h4 {
	font-size: 12px;
	margin-bottom: 0px;
	color: #5E88A1;
}
h5 {
	font-size: 12px;
	margin-bottom: 0px;
}
h6 {
	color: #666;
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-style: italic;
}
p{
	font-size: 12px;
	line-height: 1.5em;
	text-align: justify;
}

ul, ol { font-size: 12px; line-height: 1.5em; }
a:link, a:active, a:visited {
	color: #5E88A1;
}
a:hover {
/*	font-weight: bold;*/
	color:#33F;
}

/* Nav menu */
#navcontainer {
	width:100%;
	background-color: #B6C9D3;
	height: 34px;
}

#navcontainer ul {
    margin:0 0 0 18%;
    padding:0;
    line-height:30px;
}

#navcontainer li {
    margin:0;
    padding:0;
    list-style:none;
	font-weight: bold;
    float:left;
    position:relative;
    background:#B6C9D3;
}

#navcontainer ul li a {
    text-align:center; 
    height:30px;
    width:100px;
    display:block;
    color:#000;
    text-decoration:none;
    color:#496E83;
	border-bottom: #B6C9D3 4px solid;
}

#navcontainer ul li a.current {
	border-bottom: #496E83 4px solid;
	color: #FFFFFF;
}

/* sets hover rules */
#navcontainer a:hover, #navcontainer ul ul a:hover{
	color:#FFFFFF; 
	background:#618AA3;
	border-bottom: #496E83 4px solid;
}

#navcontainer :hover > a, #navcontainer ul ul :hover > a {
	color:#FFFFFF; 
	background:#618AA3;
	border-bottom: #496E83 4px solid;
}

/* hide menu and allow it to return */
#navcontainer ul ul {
	position:absolute;
	visibility:hidden;
	top:34px;
	margin:0 0 0 0px;
}

#navcontainer ul li:hover ul {
    visibility:visible;
    z-index:9999; 
}

/* sub menu item */
#navcontainer ul ul li a {
	padding-left: 10px;
	text-align: left; 
	width: 160px;
	background: #B6C9D3;
	font-weight: normal;
	border-bottom: none;
}

#navcontainer ul ul li a.current {
	border-bottom: none;
}


#navcontainer ul ul li A:hover {
	border-bottom: none;
}

/* sets link items hover color and background */
#navcontainer ul li:hover ul li:hover {
/*	color:#496E83;*/
	color:#FFF;
	background:#CCC;
}
  
 /*Contains the Float */
.clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

/* IE7 Display Fix */
#navcontainer ul li {
	display: inline; 
}