@charset "utf-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 20px;
	color: #333;
	/*background: #efd631;*/
}
.container {
	position: relative;
	width: 938px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.content_container {
	position: relative;
	float: left;
	width: 938px;
	margin: 0;
	padding: 0;
}
a {
	color: #990000;
	/*color: #2f83c4;*/
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

a.more {background: url(../img/more-arr.gif) 100% 60% no-repeat;
  border-bottom: 1px solid;
  text-decoration: none;
  padding-right: 12px;
  margin-left: 270px;
  }
 
a.more:hover {background: url(../img/more-arr_blue.jpg) 100% 60% no-repeat;
  border-bottom: 1px solid;
  color:#0066FF;
  text-decoration: none;
  padding-right: 9px;} 

a.download {background: url(../img/more-arr.gif) 100% 60% no-repeat;
  border-bottom: 1px solid;
  text-decoration: none;
  padding-right: 9px;}

a.download:hover {background: url(../img/more-arr_blue.jpg) 100% 60% no-repeat;
  border-bottom: 1px solid;
  color:#0066FF;
  text-decoration: none;
  padding-right: 9px;}

  
form {
	display: inline;
	padding: 0;
	margin: 0;
}

/* TEXT STYLES */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
h1 {
	font-size: 26px;
	padding-top: 12px;
	padding-bottom:10px;
	border-bottom: 1px dashed #404040;
}
h2 {
	font-size: 20px;
	padding-top: 12px;
}
h3 {
	font-size: 15px;
	padding-top: 12px;
}
p {
	font-size: 15px;
	line-height: 22px;
	color: #333;
}
.content_col li, .content_col_wide li {
	font-size: 15px;
	line-height: 22px;
	margin: 0.75em 0;
	color: #333;
	}

.latestnews p {
	margin: 6px 0 6px 130px;
	text-align:justify;
}

.latestnews_border {
	width: 450px;
	margin-left: 15px;
	border-bottom: 1px dotted #692C0F;
	padding: 0.35em 0 0.15em 0;	
}

.news_image {
	width: 115px;
	margin-top: 0;
}

/* TOP/LOGO/NAV AREA */

#header {
	clear: both;
	float: left;
	width: 938px;
	height: 112px;
	padding: 0;
	margin: 0;
	background: #fff;
}
#header ul.nav {
	position: absolute;
	right: 26px;
	top: 30px;
	text-align: right;
	font-size: 10px;
	line-height: 10px;
	color: #666;
	text-transform: uppercase;
	padding: 1px 0;
	margin: 0;
	list-style-type: none;
}
#header .nav li {
	float: left;
	padding: 0 4px 0 4px;
	margin: 0;
	border-right: 1px solid;
}
#header .nav li.last {
	padding: 0 0 0 4px;
	border-right: none; /* doesn't have a divider */
}
#header .nav a {
	color: #666;
	text-decoration: none;
}
#header .nav a:hover {
	text-decoration: underline;
}
#header .logo {
	position: absolute;
	left: 22px;
	top: 24px;
	width: 190px;
	height: 68px;
	padding: 0;
	margin: 0;
}
#header .office_name {
	position: absolute;
	left: 631px;
	top: 35px;
	width: 21px;
	height: 60px;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #666;
}
.search {
	position: absolute;
	right: 26px;
	top: 55px;
	width: 226px;
	height: 20px;
	padding: 0;
	margin: 0;
}
.search_field {
	width: 140px;
	height: 18px;
	padding: 0;
	margin: 0 7px 0 0;
	border: 1px solid #999999;
	float: left;
}
.search_button {
	width: 52px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
}






/* MAIN NAV */

/* main nav container */
#mainnav {
	clear: both;
	width: 938px;
	height: 33px;
	padding: 0;
	margin: 0;
}
/* main nav list start */
#mainnav ul {
	padding: 0 0 0 8px;
	margin: 0;
	list-style-type: none;
}
/* main nav list item */
#mainnav li {
	float: left;
	font-size: 12px;
	line-height: 33px;
	height: 33px;
}
/* main nav list link */
#mainnav a {
	text-decoration: none;
	padding: 0 14px 0 14px;
}
/* main nav list link hover */
#mainnav a:hover {
	color: #990000;
	text-decoration: underline;
}
/* main nav list on state */
#mainnav .on {
	text-decoration: none;
	border-right: none;
}
/* main nav list last item: doesn't have a divider */
#mainnav .last {
	border-right: none;
}


/* LEFT NAV */

/* contains the leftside navigation */
#leftnav_container {
	float: left;
	width:	197px;
	padding: 0;
	margin: 14px auto 10px 15px;
	font-size: 12px;
}
/* left nav first level list */
#leftnav_container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/* left nav first level list, item */
#leftnav_container li {
	float: left;
	margin: 0;
	padding: 0;
}
/* left nav first level list, last item: doesn't have bottom border */
#leftnav_container li.last {
	float: left;
	border-bottom: none;
	margin: 0;
	padding: 0;
}
/* left nav first level list, item link */
#leftnav_container li a {
	width:	164px;
	display: block;
	margin: 0;
	padding: 12px 0 12px 10px;
	font-weight: bold;
	text-decoration: none;
}
/* left nav first level list, item link hover */
#leftnav_container li a:hover {
	text-decoration: underline;
}
/* left nav first level list, selected */
#leftnav_container li.on {
	font-size: 14px;
}
/* left nav first level list, selected, link */
#leftnav_container li.on a {
	width:	164px;
	display: block;
	margin: 0;
	padding: 12px 0 12px 10px;
	text-decoration: none;
}
/* left nav second level list, selected, link hover */
#leftnav_container li.on a:hover {
	text-decoration: underline;
}
/* left nav second level list; hide when first level is not selected */
#leftnav_container li ul {
	display: none;
}
/* left nav second level list; display when first level is selected */
#leftnav_container li.on ul {
	display: block;
	margin-top: -6px;
}
/* left nav second level list, item */
#leftnav_container li.on li {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
/* left nav second level list, item link */
#leftnav_container li.on li a {
	width:	150px;
	margin: 0;
	padding: 8px 0 10px 24px;
	line-height: 16px;
	text-decoration: none;
}
/* left nav second level list, item link hover */
#leftnav_container li li a:hover {
	text-decoration: underline;
}
/* left nav second level list, item link on state */
#leftnav_container li li.on a {
	width:	150px;
	margin: 0;
	padding: 8px 0 10px 24px;
	line-height: 16px;
	text-decoration: none;
}
/* left nav second level list, item link on state hover */
#leftnav_container li li.on a:hover {
	text-decoration: underline;
}

/* BREADCRUMB */

#breadcrumb {
	clear: both;
	width: 424px;
	height: 23px;
	padding: 10px 12px 0 20px;
	margin: 0;
	background: #f7f8f7;
	/* background: #f6f6f1; */
	font-size: 11px;
	line-height: 11px;
	float:left;
}
#breadcrumb a {
	color: #666;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.on {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


#facetube {
	width: 462px;
	height: 32px;
	padding: 1px 0px 0 20px;
	margin: 0;
	background: #f7f8f7;
	/*background: #f6f6f1;*/
	font-size: 11px;
	line-height: 11px;
	float:right;
}

.facetube33 {
	margin: 0 8px 17px 10px;
	padding: 0 0 10px 0;
	float:right;
}



/* SIDEBAR CONTAINERS */

.sidebar {
	float: left !important; /* IE 6 fix; otherwise first sidebar header bgcolor doesn't show; thanks Microsoft! */
	display: block;
	width: 201px;
	font-size: 12px;
	line-height: 24px;
	padding: 0;
	margin: 14px 5px 5px 13px;
}
.sidebar h3 {
	font-size: 15px;
	line-height:16px;
	color: #fff;
	font-weight: normal;
	padding: 5px 7px 5px 7px;
	margin: 0;
}
.sidebar h4 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px 7px 5px 7px;
	margin: 0;
}
.sidebar .divider {
	height: 1px;
	font-size: 0;
	line-height: 0;
	display: block;
	background: #ccc;
	margin: 6px 7px 10px 7px;
	padding: 0;
	overflow: hidden;
}
.sidebar img {
	display: block;
	margin: 0 auto;
	padding: 10px 0 6px 0;
	text-align: center;
}
.sidebar p {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333;
	padding: 12px 10px 12px 10px;
	margin: 0;
}
.sidebar ul {
	padding: 6px 10px 6px 10px;
	margin: 0;
	list-style-type: none;
}
.sidebar li {
	font-size: 12px;
	line-height: 17px;
	color: #333;
	font-weight: normal;
	margin: 10px 0;
	padding-left: 10px;
	background: url(../img/list_carat.gif) no-repeat 0 5px;
}
.sidebar li a {
	color: #333;
}
.sidebar li a:hover {
	color: #2f83c4;
}
/* sidebar 1 */
.sidebar_1 {
	background: #f1f1f0;
}
.sidebar_1 h3 {
	background: #b43292;
}
/* sidebar 2 */
.sidebar_2 {
	background: #efeee5;
}
.sidebar_2 h3 {
	background: #c6c6c6;
}
/* sidebar 3 */
.sidebar_3 {
	background: #f1f7ff;
}
.sidebar_3 h3 {
	background: #f3932f;
}
/* sidebar 4 */
.sidebar_4 {
	background: #efeee5;
}
.sidebar_4 h3 {
	background: #bbbb85;
}
/* sidebar 5 */
.sidebar_5 {
	background: #f1f1f0;
}
.sidebar_5 h3 {
	background: #c3ada6;
}

.sidebar_top {
	float: left !important; /* IE 6 fix; otherwise first sidebar header bgcolor doesn't show; thanks Microsoft! */
	display: block;
	width: 197px;
	font-size: 12px;
	line-height: 24px;
	padding: 0;
	margin: 14px 5px 5px 15px;


}
.sidebar_top h3 {
	font-size: 15px;
	line-height:16px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px 7px 5px 7px;
	margin: 0;
}
.sidebar_top h4 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px 7px 5px 7px;
	margin: 0;
}

/*.sidebar_top img {
	display: block;
	margin: 0 auto;
	padding: 16px 0 6px 0;
	text-align: center;
}*/
.sidebar_top_1 {
	background: #f6f6f1;
}
.sidebar_top_1 h3 {
	background: #164da0;
}

/* PAGE STRUCTURE */
/* based on http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */

.colmask {
	position: relative;
	clear: both;
	float: left;
	width: 938px;
	overflow: hidden;
}
.control {
	background: #fff;
}
.control .colmid {
	float: left;
	width: 200%;
	margin-left: -262px; /* width of right column */
	position: relative;
	right: 100%;
	background: #fff;
}
.control .colleft {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 466px; /* left column width + right column width */
	background: #fff;
}
.control .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	right: 206px; /* width of left column */
	margin-top: 1px;
}
.control .content_col {
	margin: 10px 262px 0 230px; /*	left = left column width + center column left padding width
									right = right column width + centre column right padding width */
	position: relative;
	left: 200%;
	overflow: hidden;
}
.control .content_col_wide {
	margin: 10px 124px 0 230px; /*	right = right margin. decrease to increase size of content column */
	position: relative;
	left: 200%;
	overflow: hidden;
}
.control .left_col {
	float: left;
	float: right;
	width: 186px;
	position: relative;
	right: 0;
	padding: 16px 0 16px 0;
}
.control .right_col {
	float: left;
	float: right;
	width: 204px;
	margin-right: 40px;
	position: relative;
	left: 50%;
	padding: 0 0 16px 0;
}

/* CONTENT IMAGE */

.content_col img {
	padding: 12px 0 10px 0;
}
.content_col_wide img {
	padding: 12px 0 10px 0;
}


/* FOOTER */

#footer {
	clear: both;
	float: left;
	width: 938px;
	font-size: 11px;
	text-align: center;
	padding: 28px 0 10px 0;
	color: #999;
}
/* footer link */
#footer a {
	text-decoration: none;
}
/* footer link hover */
#footer a:hover {
	text-decoration: underline;
}

.pub {

	border-color:#0066CC;
	margin: 0px 0px 5px 10px;
}