html, body { margin: 0; padding: 0; }

body { 
	background-color: #FFF; 
	color: #000; 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
}

a { color: #00436e; text-decoration: none; padding-bottom: 1px; }
a:hover	{text-decoration: underline;}
a:visited { color: #006699; }

p   { margin: 0.5em 0 1.5em 0; }
h1  { color: #333333; font-size: 1.3em; margin: 5px 0 0 0; }
h2  { color: #333333; font-size: 1.1em; margin: 5px 0 0 0; }
h3  { color: #00436e; font-size: 1.1em; margin: 1.5em 0 0.5em 0; }
h4  { color: #333333; font-size: 1em; margin: 0.5em 0 0.25em 0;  }

img, .noborder { border: 0; background-image: none; }
dt  { font-weight: bold; }
hr  { height: 1px; color: #fff; background-color: #fff; border-top: 1px dotted #666; border-bottom: none; float: left; clear: both; width: 100%; margin: 1em 0; }

.right  { clear: right; float: right; margin-left: 20px; text-align: right; }
.left   { clear: left; float: left; margin-right: 20px; text-align: left; }
.top    { margin-top: 0; }
.bottom { margin-bottom: 0; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.clear  { clear: both; }
.hide   { display: none; }
.small  { font-size: 0.85em; line-height: 140%; }
.indent { margin-left: 2em; }
.hide   { display: none; }
.quote  { font: 1.3em Georgia, "Times New Roman", Times, serif; color: #C60; line-height: 150%; }

.label  { display: block; width: 6em; float: left; }
.submit { background: #c2dce4 url("../images/gradient.gif") repeat-x bottom left; color: #000; font-weight: bold; float: left; height: 22px; border: none; margin: 0 3px; }
legend  { color: #000; font-weight: bold; }
fieldset { padding: 10px;}

table, td { font-size: 100%; } /* to fix IE font inheritance bug */
.rows td, .rows th { border-top: 1px dotted #ccc; padding: 3px 0; }

.icon   { width: 125px; float: left; }
.spacer { width: 40px; float: left; }

.photocap  { background-repeat: no-repeat; height: 6px; line-height: 1px; font-size: 0.1em; }
.photo img { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

/* PHOTO STYLES */

.photo    { border: 2px solid #ccc; margin-top: 1em; margin-bottom: 1em; }
.caption  { font-style: italic; font-size: 0.85em; line-height: 140%; margin: 1em; }
.inline   { vertical-align: middle; }

/* LINK ICONS */

.external { background: url("../images/icon_external.gif") no-repeat top right; padding-right: 15px; }
.gallery  { background: url("../images/icon_photo.gif") no-repeat top right; padding-right: 25px; }
.video    { background: url("../images/icon_video.gif") no-repeat top right; padding-right: 25px; }
.pdf      { background: url("../images/icon_pdf.gif") no-repeat top right; padding-right: 18px; }
.word     { background: url("../images/icon_word.gif") no-repeat top right; padding-right: 18px; }
.ppt      { background: url("../images/icon_ppt.gif") no-repeat top right; padding-right: 18px; }
.excel    { background: url("../images/icon_excel.gif") no-repeat top right; padding-right: 18px; }

/* PAGE LAYOUT STYLES */

#wrapper { 
	width: 980px; 
	margin: 0 auto; 
	text-align: left;
	margin-top: 10px;
}

#header { 
	width: 980px;
	position: relative;
}

#left_column {
	width: 250px;
	float: left;
	font-size: 1.2em;
	line-height: 160%;
}

#right_column {
	width: 710px;
	float: right;
	font-size: 1.3em;
	line-height: 160%;
}

#footer {
	clear: both;
	width: 710px;
	padding-top: 10px;
	float: right;
	text-align: right;
	color: #996;
}

/* HEADER LAYOUT STYLES */

#textlinks {
	position: absolute;
	right: 10px;
	bottom: 3em;
	text-align: right;
	font-size: 1.1em;
}

a#skipNav:link, a#skipNav:visited, a#skipNav:hover { color: #333; }
a#skipNav:active, a#skipNav:focus { color: #FFF; }

#banner {
	width: 980px;
	height: 185px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-top: 8px;
	margin-bottom: 6px;
	border-top: 2px solid #00436e;
	border-bottom: 2px solid #00436e;
}

#navbar {
	width: 100%;
	height: 2.75em;
	float: left;
	border-bottom: 12px solid #FFF;
	background: #00436e url("../images/navbar.jpg") no-repeat top left;
}

#navbar p {
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 7px 0 10px 0;
}

#navbar p a {
	color: #FFF;
	padding: 0 10px 0 8px;
	text-transform: uppercase;
}

#search {
	width: 320px;
	float: right;
	padding: 4px auto;
}

.search {
	width: 230px;
	float: left;
	margin-top: 2px;
}

.breadcrumb {
	color: #666;
	margin-top: 0;
	text-align: left;
}

.breadcrumb a { border: none; }

/* LEFT NAV STYLES */

#left_column ul { margin: 0; padding: 0; }

.leftnav {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.leftnav .header {
	width: 100%;
	height: 2em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	float: left;
	position: relative;
	background: #00436e url("../images/arc.gif") no-repeat;
}

.leftnav .header a { 
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 0 10px; 
	border: none;
}

.leftnav .header img {
	position: absolute;
	right: 10px;
	bottom: 6px;
}

/* EXPANDING MENU STYLES */

.menu {
	width: 100%;
	float: left;
}

div.menu {
	background: #f7f7ef url("../images/border.gif") repeat-x 0 100%;
	position: relative; 
	height: 90px;
	margin-right: -3px; /* IE 6 duplicate text fix */
}

div.menu p {
	width: 140px; 
	margin: 10px 0 0 10px;
}

.popout {
	position: absolute; 
	top: 257px; 
	right: 1070px;
}

.menu li {
	list-style: none; 
	display: inline;
}

.menu li a {
	color: #000;
	border: none;
	background: #f7f7ef;
	border-bottom: 1px dotted #666; 	
	padding: 8px 0px 8px 10px;
	font-weight: bold;
	display: block;
}

.menu li li a {
	border-bottom: none; 
	font-size: 0.9em;
	font-weight: normal;
	border-bottom: 1px dotted #666; 
	padding: 0px 0px 8px 25px;
	background: #fff url("../images/triangle_right.gif") no-repeat 10px 5px;
}

.menu li ul { background: url("../images/border.gif") repeat-x 0 100%; border-bottom: 1px dotted #666;  }

#current { background: #fff; border-bottom: 1px dotted #666;  }

/* MAIN COLUMN STYLES */

div.row {
	width: 100%;
	clear: both;
	float: left;
	display: inline;
	margin-bottom: 10px;
	margin-right: -3px; /* IE 6 duplicate text fix */
}

.two_cols   { background: url("../images/two_cols.gif") repeat-y; }
.three_cols { background: url("../images/three_cols.gif") repeat-y; }
.underline  { border-bottom: 1px solid #999; }

.two_cols .column {
	width: 354px;
	float: left;
	position: relative;
}

/*.two_cols .double { width: 472px; background: url("images/three_cols.gif") repeat-y; float: left; }
.two_cols .single { width: 236px; float: left; }*/

.three_cols .column, .box .column {
	width: 236px;
	float: left;
	position: relative;
}

.content {
	padding: 10px 13px;
	float: left;
}	

.column ul { margin: 0 0 1em 0; padding: 0; }

#right_column ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url("../images/triangle_right.gif") no-repeat 0px 8px;
	line-height: 200%;
}

#right_column .header {
	width: 100%;
	height: 2.5em;
	clear: left;
	position: relative;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #d0e2ee url("../images/gradient.jpg") repeat-x bottom left;
}

#right_column .header a {
	border-bottom: none;
}

#right_column .header h1, #right_column .header h2 {
	float: left;
	margin-left: 10px;
}

#right_column .two_cols .column .header {
	width: 350px;
	float: none;
	position: relative;
}

#right_column .three_cols .column .header {
	width: 230px;
	float: none;
	position: relative;
}

/*#right_column .two_cols .double .header {	width: 468px; }
#right_column .two_cols .single .header {	width: 230px; }*/

.comment {
	float: right;
	margin: 5px 10px 0 0;
	font-size: 0.9em;
}

.todaysdate {
	float: right;
	margin: 5px 10px 0 0;
	font-size: 0.9em;
}

.more {
	padding-right: 15px;
	background: url("../images/arrow_right.gif") no-repeat center right;
}

.box {
	width: 100%;
	background-color: #f8f6d7;
	border-bottom: 1px solid #666;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}