@charset "UTF-8";
/* CSS Document */



/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





/* reset some styles */
h1 { font-size:200%; color:#0c3c55;   }
h2 { font-size:150%; color:#0c3c55;  }
h3 { font-size:120%; color:#0c3c55;   }
h1,h2,h3 { margin:0.8em 0 0.5em; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
em { font-style:italic; }

blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2.5em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }


p { margin-bottom:10px;}









html { height: 100%; }


body {
	background:#d4effd;/**/
	text-align:center;
	margin:0;
	padding:0;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#0c3c55;
	line-height:1.5em;

}
hr {
	clear: both;
	height: 1px;
	border: 0;
	margin:0;
	visibility: hidden;
}


a { outline: none; }

a:link {
	color:#0c3c55;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0c3c55;
}
a:hover {
	text-decoration:underline;
	color:#0c3c55;
}
a:active {
	text-decoration: underline;
	color:#0c3c55;
}



.left {float:left;}
.right {float:right;}
.clear {clear:both;}



.container {
	width:991px;
	text-align:left;
	margin:20px auto 0;
	background:url(images/bkgTile.jpg) repeat-y center center;
}

.homepage #header {
	background:url(images/header.jpg) no-repeat center top;
	height:196px;
	width:991px;
}


#header {
	background:url(images/headerSmall.jpg) no-repeat center top;
	height:99px;
	width:991px;
}

#contact {
	clear:both;
	background:url(images/contactinfo.jpg) no-repeat;
	height:100px;
	margin:10px 19px 0 13px;
	
}

#footer {
	clear:both;
	background:url(images/bottomShadow.jpg) no-repeat;
	height:27px;
	
}




#nav {
	margin:0;
	padding:0;
	list-style:none;
	margin:0 19px 0 13px;
	height:19px;
	background-color:#073367;
	position: relative;
	z-index: 200;
}
#nav li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	position:relative;
}
#nav li .popover { 
	display:none;
	position:absolute;
	top:18px;
	left:0;
	background-color:#073367;
	width:250px;
	padding:5px;
	z-index:500;
}
#nav li .popover a {
	color:#FFF;
	display:block;
	font-size:12px;
	text-transform:uppercase;
	background:none;
	padding:5px;
	text-decoration:none;
	width:250px;
}
#nav li .popover a:hover { color:#F00; }

#nav li:hover .popover { display:block; }


#nav li a {
	margin:0;
	padding:0;
	display:block;
	height:19px;
	background-repeat:no-repeat;
	background-color:#073367;
	background-position:10px 5px;
}

/*.nav1 a { background-image:url(images/nav2.jpg); width:209px; }
.nav2 a { background-image:url(images/nav3.jpg); width:102px; }
.nav3 a { background-image:url(images/nav4.jpg); width:147px; }
.nav4 a { background-image:url(images/nav5.jpg); width:146px; }
.nav5 a { background-image:url(images/nav6.jpg); width:134px; }
.nav6 a { background-image:url(images/nav7.jpg); width:127px; }
.nav7 a { background-image:url(images/nav8.jpg); width:94px; }*/


.nav1 a { background-image:url(images/nav1.gif); width:200px; }
.nav2 a { background-image:url(images/nav2.gif); width:92px; }
.nav3 a { background-image:url(images/nav3.gif); width:137px; }
.nav4 a { background-image:url(images/nav4.gif); width:210px; }
.nav5 a { background-image:url(images/nav5.gif); width:104px; }
.nav6 a { background-image:url(images/nav6.gif); width:117px; }
.nav7 a { background-image:url(images/nav7.gif); width:84px; }


#content {
	margin:10px 19px 0 13px;
	padding-bottom:50px;
	background:url(images/contactinfo.jpg) no-repeat bottom;
	width:960px;
	position:relative;
	z-index:1;
}


#content .col {
	width:243px;
	float:left;
}
#content .col4 {
	width:224px;
}
#content .fourup {
	width:240px;
	margin-bottom:20px;
}

#content .fourup a.email { font-size:10px; font-weight:bold; float:left; margin:5px 0 0 10px; }
#content .fourup a.more { font-size:10px; font-weight:bold; float:right; margin:5px 10px 0 0; }


#content .col h1 {
	font-size:18px;
	color:#0c3c55;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding-left:20px;
}

#content .col p {
	font-size:12px;
	color:#0c3c55;
	padding-left:20px;
	line-height:18px;
}
#content .fourup p, #content .fourup h1 { padding-left:10px; }

#content .col p a {
	font-size:14px;
	font-weight:bold;
	color:#0c3c55;
	line-height:24px;
}




.bio {
	margin:10px 40px;
}

.bio h1 { font-size:18px; }
.bio h2 { font-size:14px; }
.bio h3 { font-size:12px; }

.bio img {
	float:left;
}

.bio p {
	margin:10px 0;
}

.bio h1, .bio h2, .bio h3, .bio p { margin-left:260px; }




.two-column { width:45%; padding:0 15px; }


.three-column { width:29%; float:left; padding:0 20px; } 



.firstdouble-column {width:625px; padding:0 0px; }
.seconddouble-column {width:305px; padding:0 15px; }
