/*--------------------------------------------------------------
						Defaults
--------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	border:none;
	z-index:0;
}

html, body {
	height:100%;
}

:focus
{
 outline-style: none;
}

body {				
	text-align:center;
	background-color:#F8F8F8;
	font:78% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

h1 {
	margin-left:-3px;
	margin-bottom:1em;
}

h2 {
	font-size:1em;
	line-height:1.5em;
	margin-bottom:1.6em;
}

h3 {
	color:#5b6670;
	font-weight:normal;
	font-size:1.4em;
	margin-bottom:1em;
}


h4 {
	background:url("images/dotsH.gif") repeat-x left bottom; 
font-size:1.1em;
	padding:0 3px 5px 3px;
}

p {				
	line-height:2em;
	margin-bottom:1em;
}

a, a:link {
	color:#3e6593;
}

a:visited {
	color:#333;
}

a:hover, a:active {  text-decoration: underline;           
	color:#777;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	display:block;
	text-align:center;
}

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

.clear {
	display:block;
	clear:both;
}

.clear2 {
	display:inline;
	clear:both;
}

input[type=hidden] { /* for Mozilla - likes to show borders on hidden input fields */
display:none; 
}

/*--------------------------------------------------------------
				Positioned Elements
--------------------------------------------------------------*/

#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:160px;
	background:#356194 url("images/headerBG.jpg") no-repeat top center;
}

#wrapper {
	width:980px;
	margin:0 auto -160px auto;
	min-height:100%;
	text-align:left;
}

#sidebar {
	margin-top:160px;
	float:left;
	width:200px;
	padding:60px 40px 40px 40px;
}

#sidebar p {text-align: left; line-height: 1.5em; margin-top: 10px;}

#content {
	margin-top:160px;
	float:left;
	width:700px;
	padding:60px 0;
}


#content2 {
	margin-top:160px;
	float:left;
	width:700px;
	padding:60px 0;
}

#textpage {
	margin-top:160px;
margin-bottom: 160px;
	float:left;
	width:565px;
	padding:60px 0;
}

#textpage p {line-height: 1.6em; margin-bottom: 1em; }

#textpage ul {list-style-position: inside; margin-bottom:2em; }
#textpage li {line-height: 2em;}

#textpage h4 {margin: 30px 0px 20px 0px;}

ul.inset {list-style: none;}




#footer {
	position:relative;
	clear:left;
	width:100%;
	height:160px;
	background:#356194;
	text-align:left;
}
	

#clearfooter {
clear:both;
height:170px;
}


/*--------------------------------------------------------------
				Header Elements
--------------------------------------------------------------*/

#logo {
	text-align:left;
	margin:0 auto;
	width:1060px;
	padding:50px 0 10px 40px;
}

#logo a {
	display:block;
	width:300px;
	height:80px;
}

/*--------------------------------------------------------------
				Main Content Elements
--------------------------------------------------------------*/

#photo {
	background:url("images/photo-middle.jpg") center top;
	width:525px;
}

#photo #top {
	width:525px;
	height:256px;
	padding-top:23px; padding-left: 10px;
	background:url("images/photo-top.jpg") no-repeat center top;
}

#photo #bottom {
	clear:left;
	width:525px;
	height:24px; padding-left: 10px;
	background:url("images/photo-bottom.jpg") no-repeat center bottom;
}



#photo img {
	
	padding-left:74px;
}

p.caption {
	text-align:left;
	color:#2f6394;
	font-size:0.85em;
	margin-left:34px;
}

#content ul {
	display:block;
	margin-left:2em;
}

#content2 ul {
	display:block;
	margin-left:0;
}

div.callout {
	float:right;
	display:block;
	background:url("images/callout-middle.jpg") repeat-y left top;
	width:196px;
	margin:0 50px;
}

div.callout div {
	background:url("images/callout-top.jpg") no-repeat left top;
	padding:20px;
}

div.callout div.bottom {
	background:url("images/callout-bottom.jpg") no-repeat left bottom;
}

div.callout2 {
	float:left;
	display:block;
	background:url("images/callout-middle.jpg") repeat-y left top;
	width:196px;
	margin:0px 20px 0 0px;
}

div.callout2 ul li {list-style: none;}

div.callout2 div {
	background:url("images/callout-top.jpg") no-repeat left top;
	padding:20px;
}

div.callout2 div.bottom {
	background:url("images/callout-bottom.jpg") no-repeat left bottom;
}



/*--------------------------------------------------------------
				Footer Elements
--------------------------------------------------------------*/

#footer #inner {
	width:1030px;
	margin:0 auto;
	padding:20px 0 0 70px;
	color:#FFF;
	font-size:0.8em;
}

#footer #inner a, #footer #inner a:link, #footer #inner a:visited {
	color:#FFF;
	text-decoration:none;
}

#footer #inner a:hover, #footer #inner a:active {
	color:#D1E1EF;
}


/*--------------------------------------------------------------
				Header Navigation
--------------------------------------------------------------*/

#navmenu {
	position:relative;
	width:100%;
	height:47px;
	padding-top:3px;
	text-align:center;
	background:#EDEDED url("images/navBG.gif") repeat-x left top;
}

#navmenu div {
	width:980px;
	margin:0 auto;
	position:relative;
}

#nav {
	font-size:0.9em;
	position:absolute;
	right:0;
	text-align:left;
}

#nav, #nav ul {
	list-style:none;
}

#nav li {
	display:block;
	height:22px;
	float:left;
	background:url("images/divider.gif") no-repeat center right;
}

#nav li.last {
	background:none;
}

#nav a, #nav a:link, #nav a:visited {
	display:block;
	color:#777;
	text-decoration:none;
	padding:4px 30px 0 30px;
}

#nav a:hover, #nav a:active {
 	color:#000;
}

#nav li.drop {
	padding-right:30px;
}

#nav li.drop a {
	padding-right:15px;
	background:url("images/arrow.gif") no-repeat right center;
}

#nav li ul {
	position:absolute;
	width:175px;
	left:-999em;
	height:auto;
	font-weight:normal;
	font-size:11px;
	background-color:#F8F8F8;
	padding:0;
	border-left:1px solid #BBB;
	border-right:1px solid #BBB;
}

#nav li li {
    display:block;
	width:175px;
	border-bottom:1px solid #BBB;
	background:none;
	padding:0;
	margin:0;
	height:auto;
	margin:0 0 -1px 0;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
	padding:3px 3px 3px 10px;
	display:block;
	cursor:pointer;
	color:#2F6394;
	background:none;
	border-top:1px solid #BBB;
}

#nav li li a:hover, #nav li li a:active, #nav li li li a:hover, #nav li li li a:active  {
	background-color:#EEE;
	color:#777;
}

#nav li ul ul {
	display:block;
	margin:0;
	background-color:#DDD;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}

#nav li li:hover ul, #nav li li.sfhover ul {
	left:50px;
}