/*************************************************************************
  LAYOUT: Three Column Grid with Header, Horizontal Menu and Round Corners
  ALIGNMENT: Centered
  DIMENSIONS: 1024 x 768 Minimum
**************************************************************************/

/*************************************************************************
// BEGIN Normalization
**************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,strong,th,var {font-style:normal;font-weight:normal;}
strong {font-weight: bold;}
em {font-style: italic;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
body {font:13px/1.1 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/*************************************************************************
  Grid Definitions
**************************************************************************/
#wrap {
	margin: 0 auto;
	width: 756px;
}

#menu {
	height: 34px;
	position: relative;
	top: 5px;
	background: #FFFFFF url(../images/layout/menu_bg_fill.gif) top left repeat-x;
}

#feat {
	margin: 8px 0;
	padding: 0 2px;
}

#body {
	margin-bottom: 8px;
}

.left {
	width: 166px;
	float: left;
}

.cent {
	margin: 0 8px;
	width: 387px;
	float: left;
}

.rite {
	width: 187px;
	float: left;
}

#foot {
	margin-bottom: 20px;
	color: #036d89;
	font-size: 85%;
}

#copy {
	padding-top: 8px;
	float: right;
}

.col_gray {
	border-left: 1px solid #d0c8c7;
	border-right: 1px solid #d0c8c7;
	min-height: 380px;
	_height: 420px;
}

.col_green {
	border-left: 1px solid #72c2d8;
	border-right: 1px solid #72c2d8;
	background: #e8e8e8;
	min-height: 380px;
	_height: 420px;
}

/*************************************************************************
// HTML Customizations
**************************************************************************/
html {
	margin-bottom: 1px;
	min-height: 100%;
}

.left .col_gray dl {
	padding: 10px 10px 0 10px;
}

.left .col_gray dt {
	font-size: 108%;
	color: #26425d;
	font-weight: bold;
}

.left .col_gray dd {
	padding: 2px 10px;
	font-size: 93%;
}

.left .col_gray a {
	text-decoration: none;
	color: #036d89;
}

.left .col_gray a:hover {
	text-decoration: underline;
}

.rite .col_green h3 {
	padding: 10px 5px 10px 10px;
	font-size: 108%;
	font-weight: bold;
	color: #26425d;
}

.rite .col_green img {
	padding: 0 10px 5px 10px;
	float: left;
}

.cent .col_gray h1 {
	padding: 10px 10px 0 10px;
	font-size: 108%;
	color: #26425d;
	font-weight: bold;
}

.cent .col_gray img {
	padding: 10px 10px 0 10px;
}

.cent .col_gray p {
	padding: 10px;
	font-size: 93%;
	color: #036d89;
}

.cent .col_gray a {
	color: #036d89;
}

.rite .col_green p {
	padding: 0 10px 10px 10px;
	font-size: 93%;
	color: #464646;
}

.rite .col_green .more img {
	padding: -1px 10px 0 5px;
	float: right;
}

.rite .col_green .more a {
	margin-top: 10px;
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
	color: #26425d;
}

/*************************************************************************
// Head Region
**************************************************************************/
#logo {
	margin: 5px 0;
}

/*************************************************************************
// Head Box Styles
**************************************************************************/
#head_box {
	padding: 10px 0 0 0;
	float: right;
	width: 400px;
	text-align: right;
	font-size: 93%;
}

#head_box a {
	text-decoration: none;
	color: #036d89;
}

#head_box a:hover {
	text-decoration: underline;
}

#search_box {
	padding: 9px 0 0 0;
	float: right;
	color: #26425d;
	font-weight: bold;
}

#topformtext {
	border: 1px solid #939393;
	width: 120px;
	padding: 2px;
	font-family: "Courier New";
	background-color: #F9F9F9;
}

#topformbutton {
	border: 1px solid #036d89;
	padding: 0px;
	height: 22px;
	font-family: "Courier New";
	color: #26425d;
	background-color: #FFFFFF;
}

#search_box input {
	border: 1px solid #939393;
	width: 110px;
	padding: 2px;
	font-family: "Courier New";
	background-color: #F9F9F9;
}

#login_box {
	font-size: 14px;
	padding: 9px 0 0 0;
	float: right;
	color: #26425d;
	font-weight: bolder;
}

#login_box input {
	color: #999999;
	border: 1px solid #036d89;
	width: 100px;
	padding: 2px 0 2px 2px;
	font-family: "Courier New";
	font-size:11px;
	background-color: #F9F9F9;
}

/*************************************************************************
// Column Header Styles
**************************************************************************/
.col_head {
	height: 33px;
}

.left .col_head {
	background: #ffffff url(../images/layout/left_col_header.gif) top left repeat-x;
}

.cent .col_head {
	background: #ffffff url(../images/layout/center_col_header.gif) top left repeat-x;
}

.rite .col_head {
	background: #ffffff url(../images/layout/right_col_header.gif) top left repeat-x;
}

.col_head h2 {
	padding: 8px 5px 0 10px;
	font-weight: bold;
	color: #333333;
}

/*************************************************************************
// Footer Navigation
**************************************************************************/
#foot ul {
	list-style-type: none;
	text-align: center;
}

#foot ul li {
	margin-top: 8px;
	display: block;
	float: left;
}

#foot ul li.first {
	border: 0;
}

#foot ul li a {
	padding: 0 16px;
	color: #036d89;
	text-decoration: none;
	display: block;
	text-align: right;
}

#foot ul li a:hover, #foot ul li a:active {
	color: #111111;
}

#foot ul li.first a {
	padding-left: 0;
}

/*************************************************************************
// Misc Styles
**************************************************************************/
.fill {
	clear: both;
	height: 1px;
}

.gray_divider {
	margin-top: 10px;
	border-top: 1px solid #d0c8c7;
}

.blue_divider {
	margin-top: 10px;
	border-top: 1px solid #72c2d8;
}

.by_line {
	padding: 10px 0;
	color: #666666;
}

.by_line a {
	color: #666666;
}

.more {
	text-align: right;
}

.col_foot {
	
}

/*************************************************************************
// Primary Navigation
**************************************************************************/
#menu .left_cap {
	display: inline;
	position: relative;
	top: 0px;
	left: 0;
}

#menu .right_cap {
	display: inline;
	position: relative;
	top: 0px;
	left: 745px;
	*left: 747px;
}

#nav {
	list-style-type: none;
	text-align: center;
	position: absolute;
	top: -2px;
}

#nav ul li {
	display: block;
	float: left;
}

#nav li a {
	*margin-top: 1px; 
	padding: 10px 16px 9px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 93%;
	letter-spacing: .5px;
	border-right: 1px solid #ffffff;
}

#nav li.last a {
	border-right: 0;
}

#nav li a:hover, #nav li a:active {
	color: #000000;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 121px;
	list-style: none;
	text-align: center;
}

#nav ul li {
	float: left;
	position: relative;
	width: 100%; /* Width of Menu Items */
	text-align: left;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

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

/* Styles for Drop Down Items */
#nav li ul { 
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	*top: 35px;
	border-left: 0px;
}

#nav li.first ul {
	*left: -9px;
	width: 130px;

}

#nav li.wide {
	width: 140px;

}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #5f7c96;
	width: 100%;
}

#nav ul li a {
	margin: 0;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #ffffff;
	background: #5f7c96;
	border: 0;
	white-space: nowrap;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #111111;
	background: #5f7c96; /* IE6 Bug */
}

#nav ul li.last a {
	padding-bottom: 10px;
}