/*	Basics
------------------------------------------------- */

body

{
	font: 12px/1.4em Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	background-color: #2e4156;
	background-image: url(img/2011_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #222;

}

div, span
{
	margin: 0;
	padding: 0;
}

/*	Basic Typography
------------------------------------------------- */

h1, h2
{
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;;
	font-size: 19px;
	color: #012839;
	font-weight: normal;
	padding: 0 10px 5px 0px;
	background: transparent;
/*	text-transform: uppercase;
*/	line-height: 1.1em;
}

h3
{
	font-family:  Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
	margin: 5px 8px 7px 0;
/*	text-transform: uppercase;
*/}

h4
{
	font-family:  Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: transparent;
	margin: 5px 8px 2px 0;
	text-transform: uppercase;
}

/* 	Default Links
------------------------------------------------- */

a, a:link
{
	color: #0e5471;
	background-color: transparent;
	text-decoration: none;
}

a:visited
{
	color: #0e5471;
	background-color: transparent;
	text-decoration: none;
}

a:hover
{
	color: #00f;
	text-decoration: underline;
}

a img { border: none; }

/*	Layout / Structure
------------------------------------------------- */

#container
{
	width: 972px;
	color: #333;
	margin: 4px auto;
	padding: 0;
	text-align: left;
}

/*	Header
------------------------------------------------- */

#header
{
	float: left;
	width: 920px;
	height: 264px;
}

/* Main Layout Panels
------------------------------------------------- */

#main
{
	float: left;
	width: 970px;
	min-height: 400px;
	
	background: #fff;
}

#main-home
{
	float: left;
	width: 970px;
	min-height: 400px;
	
	background: #fff url(/css/2011/img/bg-rcol.gif) repeat-y top right;
}

#leftcol
{
	width: 230px;
	float: left;
}

#rightcol
{
	width: 320px;
	float: right;
	
}

#middlecol { margin: 0 202px 0 180px; }

#homecol
{
	float: left;
	width: 600px;
}

#middlecol-wide { margin: 0 12px 0 230px; }

/*	CSS Helpers
------------------------------------------------- */

.hide { display: none; }

.hidden
{
	margin: 0;
	padding: 0;
	border: 0;
}

.f_right
{
	float: right;
	margin-left: 8px;
}

.f_left
{
	float: left;
	margin-right: 16px;
}

.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.discrete { font-size: 10px; }

/*	Site Nav
------------------------------------------------- */

#nav
{
	float: left;
	width: 970px;
	clear: both;
	height: 40px;
	margin-bottom: 20px;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: helvetiker;
}

#nav ul
{
	margin: 0;
	padding: .5em 0;
}

#nav ul li { display: inline; }

#nav ul li a
{
	padding: .5em 1.3em;
	color: #2e4156;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	border-right: 2px solid #fff;
}

#nav ul li a:hover
{
	background-color: #2e4156;
	color: #fff;
}

#sitenav
{
	text-align: left;
	padding: 10px 0 10px 13px;
	marign-bottom: 20px;
}

#sitenav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sitenav ul li a
{
	font-size: 0.84em;
	margin: 1px 0;
	letter-spacing: 1px;
	padding: 6px 6px 6px 14px;
	line-height: 1.1em;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	color: #fff;
	background: #2e4156 url(img/bg-sidebutton.jpg) repeat-x top left;
	width: 147px !important;
	/**/
}

#sitenav a:hover
{
	background: #05a98c;
	color: #fff;
}

#sitenav ul li a.active
{
	background: #2e4156 url(img/bg-sidebutton.jpg) repeat-x top left;
	color: #fff;
}

#sitenav ul li li a
{
	padding: 6px 6px 6px 14px;
	line-height: 1.1em;
	display: block;
	text-transform: none;
	color: #210000;
	width: 147px !important;
	/**/
}

#sitenav ul li li a.active { }

#sitenav ul li li li a
{
	padding: 6px 10px 6px 40px;
	line-height: 1.1em;
	display: block;
	width: 117px !important;
	/**/
}

#sitenav ul li li li a.active { color: #110905; }

#sitenav ul li li li li a
{
	padding: 6px 5px 6px 45px;
	line-height: 1.1em;
	display: block;
	width: 117px !important;
	/**/
}

/* Content Layout

------------------------------------------------- */

div.article, div.homearticle { padding: 20px; }

div.homearticle
{
	margin: 20px 0px 20px 10px;
	/*background: transparent url(img/bg-homearticle.jpg) no-repeat top left;
*/
}

div.homecontent { padding: 16px; }

div.featurebox
{
	padding: 20px 10px;
	min-height: 120px;
}

td.featurebox
{
	padding: 10px 0;
	width: 156px;
	background: #dedede;
}

img.featureimg
{
	float: left;
	margin-right: 16px;
	border: 4px solid #210000;
}

div.featuregroup { padding: 10px 10px 10px 19px; }

div.featuregroup div.featurebox
{
	float: left;
	padding: 10px 0;
	width: 156px;
}

a.buttonlink
{
	display: block;
	background: #fff url(img/fbox-title.jpg) no-repeat top left;
	font-size: .9em;
	height: 1.8em;
	padding: 5px 5px 5px 18px;
}

a.buttonlinkfr
{
	display: block;
	float: right;
	width: 80px;
	font-size: .9em;
	text-align: center;
	padding: 2px 5px;
	background: #fff url(img/fbox-title.jpg) no-repeat top left;
}

div.bannerad
{
	/* 468 wide banner */
	float: left;
	width: 470px;
	margin: 10px 0;
	background-color: #000;
}

#middlecol div.story, #middlecol div.article_content, #main-home div.story,
{
	float: left;
	width: 458px;
	border-bottom: 1px solid #ccc;
}

h2.articleTitle, h2.article_header
{
	padding: 0 10px .2em 0px;
	font-family: helvetiker;
	margin: .1em 0 .5em 0;
	color: #012839;
		background: transparent url repeat-x bottom left;

}

#rightcol div.featurebox
{
	padding: 10px 0 0 6px;
	color: #444;
	border-bottom:1px solid #fff;
}

#rightcol div.featurebox h2
{
padding: 0 10px .2em 0px;
	font-family: helvetiker;
	margin: .1em 0 .5em 0;
/*			background: transparent url(img/white-hline.gif) repeat-x bottom left;
*/
}

#rightcol div.featurebox_content
{
	padding: 10px 10px 40px 10px;
	
}

.newspostdetails
{
	color: #aaa;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0;
	margin: 0;
}

div.newsitem
{
	clear: both;
	border-bottom: 1px dotted #aaa;
}

/*
------- ARTICLE TYPOGRAPHY ------------------
*/

#pullquote
{
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

/*  -------------- Forms   --------------  */
label { margin: 0; }

input, textarea
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: none;
	margin: 0 0 8px 0;
}

textarea { width: auto; }

select, option
{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

button
{
	padding: 3px;
	margin-top: 5px;
}

input.checkbox { border: 0; }

small
{
	color: #900;
	font: 10px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/*	Footer Content
----------------------------------------------- */

#footer
{
	color: #555;
	background: #fffff url(img/footer.gif) repeat-x top left;
	padding: 20px 0 10px 0;
	width: 970px;
		border-top:4px solid white;

}

#footer ul
{
	padding: 0.5em 20px;
	margin: 0;
	text-align: right;
	float: right;
	width: 300px;
}

#footer li
{
	display: inline;
	padding-left: 5px;
	white-space: nowrap;
}

#footer li a
{
	padding-right: 5px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#footer a { }
#footer a:hover, #footera:focus { text-decoration: underline; }
#footer li.last a { border: 0; }

#footer p
{
	padding: 0.5em 20px;
	margin: 0;
	float: left;
	width: 460px;
}

#outsidefooter { color: #f79554; }
#outsidefooter a { color: #f79554; }