/* CSS for  */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 80%  helvetica, arial, sans-serif;
	background: url('/images/bg-body.jpg') top center no-repeat;
}
h1 {
	color: #004fbc;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h2 {
	color: #043c58;
	font-size: 1.45em;
	margin: 0 0 10px 0;
}

#left-col h2 a{ text-decoration: none; }

h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul,ol { margin: 0 0 0 25px; }

p { margin: 0 0 10px 0; }
img { border: 0; }

a div{ cursor: pointer; }

a:active{ outline: none;}

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin-top: 10px; }
.m-t-m5{ margin-top: -5px; }
.m-b-0{ margin-bottom: 0px; }


.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }
.large, div p.large, div span.large { font-size: 1.25em; }
.t-c { text-align: center; }

.blue { color: #043c58; }

.line {
	margin: 5px 0;
	border-top: solid 1px #666666;
}

#wrapper {
	width: 790px;
	margin: 10px auto;
}

#container {
	position: relative;
	z-index: 6;
	margin: -325px 0 0 0;
}

.logo { margin: 25px 0 5px 25px; }

#nav {
	width: 766px;
	height: 30px;
	margin: 0 0 0 10px;
	background: url('/images/bg-nav.gif') repeat-x;
	border: solid 1px #919191;
	font-weight: bold;
	text-align: center;
}

#nav li{
	float: left;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: right;
}

#nav li img{
	float: left;
}
#nav a {
	color: #676767;
	text-decoration: none;
	display: block;
	padding: 10px;
	position: relative;
	top: -1px;
	float: left;
}
#nav a:hover { text-decoration: underline; }

#nav img {
	position: relative;
	top: 4px;
}

#nav li ul li{ /* all list items */
	float: left;
	width: 13em; /* width needed or else Opera goes nuts */
	text-align: left;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #dbd9d8;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #919191;
	border-bottom: 0;
	margin-top: -3px;
	z-index: 100;
}

#nav li ul li{
	border-bottom: 1px solid #919191;
}
	
#nav li ul li:hover{
	background-color: #fafafa;
	}
	
#nav li ul li a{
	color: #676767;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px;
	position: static;
	top: 0;
	width: 12em;
}

#nav li ul li a:hover{
	text-decoration: none;
	background-color: #fafafa;
}

#nav li ul ul { /* third-and-above-level lists */
	position: static;
	margin: -1px 0 0 13em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}
#nav li li:hover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	position: absolute;
	display: block;
}

#header-image {
	width: 765px;
	background: #ffffff;
	border-bottom: solid 4px #666666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
}
#header-image img {
	margin: 0 0 2px 0;
}

#main {
	width: 745px;
	padding: 10px 25px 0 20px;
	background: url('/images/bg-main.png') repeat-y;
	color: #666666;
  position: static;
}
#main a {
	color: #043c58;
	text-decoration: underline;
}
#main a:hover { color: #7b99a8; }
#main a:visited { color: #7b99a8; }

#left-col {
	float: left;
	width: 455px;
	font-size: .95em;
	line-height: 1.4em;
}

#left-col li {margin: 0 0 10px 0;}

#left-col .b{
	color: #043c58;
}

p.links{
	line-height: 1.5em;
}

p.links a{
	display: block;
}

p.staff-quote{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
  font-style: italic;
}

#blue-box {
	width: 455px;
	background: #cdd8de;
	text-align: center;
}
#blue-box a { text-decoration: none; }

.box {
	float: left;
	width: 210px;
	margin: 10px 7px 0 7px;
}

#left-col li span.item{
	font-weight: normal;
	font-size: 1.2em;
	font-style: italic;
}

#left-col ol li{
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #043c58;
}

#left-col ul ul li{
	margin: 0;
	font-style: italic;
}

#right-col {
	float: right;
	width: 275px;
	text-align: center;
}

#right-col p{
	text-align: left;
}

img.staff-photo{
	border: 3px solid #043c58;
	padding: 1px;
	margin-top: 20px;

}

#footer {
	margin: 10px 50px;
	color: #676767;
	font-size: .89em;
	text-align: center;
	line-height: 1.5em;
}

/* Note about the .callout DIVs:  use .callout when you want the callout to be placed in the right column.  use .callout-a if you want it used from the left column.  When these are used in the left column they will appear directly to the right of the paragraph they were used in, but they are aboslutely positioned so if there is anything placed in that region in the right column it will overlap it.*/


.callout{
	font-size: 1.1em;
	width: 280px;
	min-height: 84px;
	position: relative;
	left: -8px;
	margin: 20px 0 0 20px;
	background: url("/images/callout-bg.jpg") no-repeat;
}

.callout p{
	padding: 17px 20px 0 55px;
	font-weight: bold;
	color: #a01818;
	font-size: .88em;
	line-height: 1.4em;
}

a div.callout { text-decoration: none;}

.callout img.r{
	float: right;
	margin: 27px 10px 0 0;
}

.callout-a{
	font-size: 1.1em;
	width: 280px;
	min-height: 84px;
	margin: -82px 0 0 463px;
	position: absolute;
	background: url("/images/callout-bg.jpg") no-repeat;
}

.callout-a p{
	padding: 17px 20px 0 55px;
	font-weight: bold;
	color: #a01818;
	font-size: .88em;
	line-height: 1.4em;
}

a div.callout-a { text-decoration: none;}

.callout-a img.r{
	float: right;
	margin: 27px 10px 0 0;
}
.callout2{
	font-size: 1.1em;
	width: 280px;
	min-height: 84px;
	position: relative;
	left: -8px;
	margin: 20px 0 0 20px;
	background: url("/images/callout-bg2.jpg") no-repeat;
}

.callout2 p{
	padding: 17px 20px 0 55px;
	font-weight: bold;
	color: #a01818;
	font-size: .88em;
	line-height: 1.4em;
}

.pdf-icon{
	position: absolute;
	margin: 20px 0 0 -150px;
}

p.contact-b-m{
	padding-bottom: 5px;
	border-bottom: 2px dotted #043c58; 
}

#right-blue-box{
	width: 267px;
	background: #043c58;
	margin: 40px 0 0 4px;
}

#right-blue-box p{
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 0 10px;
}

#right-blue-box img{
	display: inline;
}

#right-blue-box img.main{
	margin: 5px 8px 5px 8px;
}

#right-blue-box h3{
	color: #fff;
}

#right-blue-box a{
	color: #7b99a8;
	text-decoration: none;
}

#right-blue-box a:hover{
	text-decoration: underline;
}

#footer a {
	color: #676767;
	text-decoration: none;
	margin: 10px;
	font-weight: bold;
}
#footer a:hover { text-decoration: underline; }

#copyright { font-size: .89em; }
#copyright a {
	font-weight: normal;
	margin: 0;
}

#bwm-tag{
  position: absolute;
  left: -999px;
}