/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
html, body{
	height: 100%
}
body{
	background: url(../images/bgr.gif) #ffffff repeat-x top;
	color: #333333;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #0053a0;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2, h3{
	font-size: 1em;
	margin: 0 0 1.3em
}
h3{
	font-weight: normal
}
p{
	line-height: 1.3em;
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	background: url(../images/page-bgr.gif) repeat-y left;
	padding: 0 0 0 150px;
	width: 860px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
/*=== Header ===*/
#header{
	height: 127px;
	margin: 0 0 20px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 298px
}
#header h1 a{
	display: block;
	height: 127px;
	text-decoration: none
}
/*- Headline -*/
.headline{
	clear: both;
	width: 500px;
}
.headline a{
	color: #ffffff
}
.headline h2{
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px
}
.headline h2 span{
	background: #2f3b87;
	color: #ffffff;
	float: left;
	padding: 3px 30px
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	height: 40px;
	margin: 0 0 45px;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.nav1 li{
	float: left;
	line-height: 40px
}
.nav1 li a{
	color: #3c3c3c;
	display: block;
	float: left;
	padding: 0 7px
}
.nav1 li.last a{
	padding-right: 0
}
.nav1 li a:hover,
.nav1 li.active a{
	background: url(../images/nav1-hover.gif) no-repeat bottom;
	color: #0053a0;
	text-decoration: none
}
/*=== Title Placeholder ===*/
#title{
	height: 453px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 128px;
	width: 1300px;
	z-index: 100
}
.title-pic1{
	float:left;
	height: 453px;
	overflow: hidden;
	width: 150px;
}
.title-pic2{
	float:right;
	height: 453px;
	overflow: hidden;
	width: 850px;
}
/*=== Left Column ===*/
#leftcol{
	background: #ffffff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	float: left;
	font-size: 12px;
	position: relative;
	width: 298px;
	z-index: 1000
}
#leftcol .content{
	height: 435px;
	overflow: hidden;
	padding: 0 23px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	height: 494px;
	margin: 88px 0 0;
	overflow: hidden;
	position: relative;
	width: 560px;
	z-index: 1000
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{

	margin: 0 0 1em
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 5px;
	margin: 0 0 .2em;
	padding: 0 0 0 7px
}
.list1 li a{
	color: #333333
}
/*=== Footer ===*/
#footer{
	color: #ffffff;
	height: 18px;
	line-height: 18px;
	padding: 0 60px 0 0;
}
#footer a{
	color: #ffffff
}
#footer .logo{
	position: absolute;
	right: 0;
	top: 582px;
}
#footer-cap{
	background: #ffffff;
	height: 18px;
	left: 0;
	position: absolute;
	top: 582px;
	width: 150px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

/*- Headline -*/
.headline2{
	clear: both;
	width: 700px;
	height: 400px;
}
.headline2 a{
	color: #ffffff
}
.headline2 h2{
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px
}
.headline2 h2 span{
	background: #2f3b87;
	color: #ffffff;
	float: left;
	padding: 3px 30px
}