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


body {
	/* Font size set in base to .70em. All font sizes on this page are relative to that. */
}

/* Layout */

#containerOuter {
	width:780px;
	margin:0px auto;
	text-align:left;
}

#containerInner {
	float: left;
	width: 780px;
	background-color:#fff;
}

#header {
	float: left;
	width: 780px;
	height: 145px;
	background:transparent url(../../templates/images/pageStructure/header.jpg) no-repeat 0 0;
}

#locationLine {
	float: left;
	width: 740px;
	padding: 0 20px 0 20px;
	line-height: 30px;
	color: #999999;
}

#mainSection {
	float: left;
	width: 780px;
}

#leftMenu {
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
}

#content { /* Use  */
	float: left;
	width: 570px;
	background:transparent url(../../templates/images/pageStructure/maincontenthead.gif) no-repeat 0 0;
	background-color: #EDEDED;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#contentf {
	float: left;
	width: 570px;
	background:transparent url(../../templates/images/pageStructure/maincontentheadf.gif) no-repeat 0 0;
	padding: 0 0 10px 0;

}

#content p, #contentf p {
	margin-bottom:10px;
}

#footer {
	float: left;
	width: 720px;
	padding: 0 30px 0 30px;
	line-height: 26px;
	background-color: #999;
	font-size: .95em;
	text-align: right;
	color: #fff;
}


/* Left menu insides and items */

#lmb1 {
	float: left;
	width: 200px;
	background:transparent url(../../templates/images/pageStructure/leftmenutop.gif) no-repeat 0 0;
	background-color: #E6F2F8;
}

#lmb2 {
	float: left;
	width: 200px;
	background:transparent url(../../templates/images/pageStructure/leftmenubtm.gif) no-repeat 0 100%;
}

#lmContents {
	float: left;
	padding: 28px 15px 28px 15px;
	width: 170px;
}

#lmContents ul li {
	list-style:none;
}
#lmContents ul li a {
	width: 153px;
	display: block;
	line-height: 20px;
	border-bottom: 1px solid #CDE5F1;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 2px;
	font-size: 1.1em;
}

#lmContents ul li a:hover {
	background-color: #F5F8F8;
}

#lmContents ul li a.last {
	border-bottom: 0;
}

#lmContents ul ul li a {
	width: 145px;
	padding: 0 0 0 10px;
	display: block;
	line-height: 20px;
	font-size: 1.0em;
	border-bottom: 1px solid #CDE5F1;
	color: #666;
}

ul.lmUnder {
	float: left;
	width: 200px;
	padding: 0 0 10px 0;
}

ul.lmUnder li {
	padding: 4px 0 0 0;
	list-style:none;
}

ul.lmUnder li a {
	display: block;
	width: 169px;
	padding: 0 5px 0 26px;
	line-height: 26px;
	overflow: hidden;
	background:transparent url(../../templates/images/pageStructure/friendsof.gif) no-repeat 0 0;
	color: #fff;
	background-color: #999;
	font-size: 1.1em;
}

ul.lmBottom {
	float: left;
	width: 200px;
	padding: 0 0 10px 0;
}

ul.lmBottom li {
	padding: 4px 0 0 4px;
	list-style:none;
}

/* Footer link setup */

#footer ul li {
	display: inline;
	color: #fff;
}

#footer ul li a {
	color: #fff;
	padding: 0 5px 0 5px;
}


/* Main content and content formatting */


/* - make divs for one and two col header layouts, create h2 tag - */
/* - use .mocol for one column, it creates one column with l and r padding.
     if you want to use two columns, create the mlcol and mrcol inside
	 the mocolsplit div. 
	 .mocolw creates a new grey background div so you can have whitespace
	 above it. You can use a single column or twin columns over the top.*/

#content a, #contentf a {
	font-weight: bold;
	color: #044B8C;
}

.mocolw {
	/* white space above */
	float: left;
	width: 570px;
	margin: 12px 0 0 0;
	background:transparent url(../../templates/images/pageStructure/frontcontenthead.gif) no-repeat 0 0;
	background-color: #EDEDED;
	padding: 0 0 10px;
}

.mocol {
	/* One Col */
	float: left;
	width: 533px;
	padding: 0 27px 0 9px;
}

.mocolsplit {
	/* Two Col */
	float: left;
	width: 533px;
	padding: 0 27px 0 9px;
	background:transparent url(../../templates/images/pageStructure/split.gif) no-repeat 0 0;
}

.mocolw .mocolsplit {
	background:transparent url(../../templates/images/pageStructure/split.gif) no-repeat 0 -8px;
}

.mlcol { 
	/* Left Col */
	float: left;
	width: 248px;
	padding: 0 18px 0 0;
}

.mrcol {
	/* Right Col */
	float: left;
	width: 248px;
	padding: 0 0 0 19px;
}

#content h2, #contentf h2 {
	width: 100%; /* Should be restrained by div */
	line-height: 33px;
	font-size: 1.9em;
	color: #fff;
	font-weight: normal;
	padding: 0 0 12px 0;
}

.mocolw h2 {
	color: #333 !important;
	padding: 0 0 4px 0 !important;
}

.inlineh2 {
	color: #333 !important;
	padding: 0 0 4px 0 !important;
}


/* Front page extra layout */ 

.picturebox {
	float: left;
	width: 124px;
	height: 117px;
	overflow: hidden;
	background-color: #333;
	color: #fff;
	margin: 0 0 6px 0;
}

.picturebox a {
	color: #fff !important;
	font-weight: normal !important;
}

.picturebox img {
	float: left;
	width: 124px;
	height: 81px;
	border: 0;
}

.picturebox span {
	float: left;
	padding: 5px 3px 3px 5px;
	height: 27px;
	width: 118px;
	display: block;
}

#content h3, #contentf h3 {
	width: 100%; /* Should be restrained by div */
	font-size: 1.3em;
	color: #000;
	font-weight: normal;
	padding: 12px 0 6px 0;
}

#content h4, #contentf h4 {
	width: 100%; /* Should be restrained by div */
	font-size: 1.2em;
	color: #000;
	font-weight: normal;
	padding: 12px 0 6px 0;
}

#content ul, #contentf ul {
	display: block;
}

#content ul li, #contentf ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin: 6px 0px 6px 20px;
	line-height:130%;
}




/* Headers */

.replace { 
	position: relative; 
	margin: 0px; 
	padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ 
	overflow: hidden; /* */ 
} 
.replace span { 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:99; /*for Opera 5 and 6*/ 
} 

#pageHeadingImages {
	margin: 19px 0 0 62px; /* Needed to set the padding for the div first. */
}

#pageHeadingImages, #pageHeadingImages span {
	width: 263px;
	height: 64px;
	background: url(../../templates/images/pageStructure/topimages.jpg) no-repeat 0 0;

}


/* Needed for login - admin styles not being pulled for this page */

#pageContent input {
	font-size: 100%;
	color: #fff;
	border: 1px solid #E6F2F8;
	padding: 2px;
	background-color: #013A7B;
}

#pageContent input.bx {
	background-color: #fff;
	color: #054587;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}



/* News Styles */

/* fnews = front news */

.fnewsBox {
	float: left;
	width: 248px;
	height: 15em;
	overflow: hidden;
}

.fnewsBody {
	float: left;
	width: 133px;
}

.fnewsImage {
	width: 100px;
	float: left;
	padding: 0 0 15px 15px;
}

.fnewsBody h3, .newsBody h3 {
	padding: 0 0 6px 0 !important;
}


.newsBox {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}

.newsBody {
	float: left;
	width: 418px;
}

.newsImage {
	width: 100px;
	float: left;
	padding: 0 0 0 15px;
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}