/*=== Setup ===*/

*{

	border: 0;

	margin: 0;

	padding: 0

}

body{

	background: url(../images/bgr.gif) #dfeaec repeat-x top;

	color: #1e2d34;

	font: .7em "Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif;

	padding: 0 0 20px

}

a{

	color: #025185;

	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{

	color: #818080;

	font-size: 2.3em;

	letter-spacing: -1px;

	margin: 0 0 .5em

}

h3{

	font-size: 1.2em;

	margin: 0 0 .5em

}

h4{

	font-size: 1em;

	margin: 0 0 .5em

}

p{

	line-height: 1.8em;

	padding: 0 0 1.5em

}

/*=== Layout ===*/

#page{

	background: #ffffff;

	height: 1%;

	margin: 0 auto;

	padding: 0 10px 15px;

	width: 940px

}

#page-top{

	background: url(../images/page-top.gif) no-repeat top;

	color: #1e2d34;

	height: 34px;

	margin: 0 auto;

	overflow: hidden;

	padding: 0 0 0 495px;

	text-align: center;

	width: 465px

}

#page-top h3{

	font-size: 13px;

	font-weight: normal;

	line-height: 28px;

	margin: 0

}

/*=== Header ===*/

#header{

	height: 96px;

	margin: 0 0 10px;

	margin: 0 auto;

	width: 960px;

	font-size: 11px;

}

#header .content{

	color: #ffffff;

	float: right;

	padding: 0 5px 0 0;

	text-align: right;

	width: 425px

}

#header .content p{

	padding: 0

}

/*- Logo -*/

#header h1{

	background: url(../images/logo.gif) no-repeat;

	position: absolute;

	text-indent: -9999px;

	width: 252px

}

#header h1 a{

	display: block;

	height: 124px;

	text-decoration: none

}

/*- Slogan -*/

#header h2{

	background: url(../images/slogan.gif) no-repeat right top;

	height: 41px;

	margin: 0 0 10px

}

#header h2 span{

	display: none

}

/*=== Navigation ===*/

/*- Nav1 -*/

.nav1{

	background: url(../images/nav1-bgr.gif) no-repeat top;

	font-size: 17px;

	height: 80px;

	margin: 0 auto 10px;

	width: 960px

}

.nav1 ul{

	float: right;

	padding: 0 25px 0 0

}

.nav1 li{

	background: url(../images/nav1-sep.gif) no-repeat right;

	float: left;

	line-height: 80px;

	padding: 0 18px

}

.nav1 li.last{

	background: none

}

.nav1 li a{

	color: #ffffff;

	display: block;

	float: left

}

.nav1 li a:hover,

.nav1 li.active a{

	color: #ff8b02;

	text-decoration: none

}

/*- Nav2 -*/

.nav2 ul{

	font-size: 1.3em;

	font-weight: bold;

	margin: 0 0 1em;

	padding: 0 0 0 9px

}

.nav2 li{

	background: url(../images/ico-list.gif) no-repeat 0 6px;

	margin: 0 0 .2em;

	padding: 0 0 0 13px

}

.nav2 li a{

	color: #1e2d34

}

.nav2 li a:hover{

	color: #025185

}

/*=== Title Placeholder ===*/

.title{

	background: url(../images/title-bgr.jpg) no-repeat top;

	clear: both;

	height: 146px;

	margin: 0 0 10px;

	padding: 11px 0 0 10px;

	width: 930px

}

.title img{

	border: 1px solid #bcbcbc;

	height: 135px;

	width: 918px

}

/*=== Sub Columns ===*/

.col1{

	float: left;

	width: 219px

}

.col2{

	float: left;

	margin: 10px 0 0 20px;

	width: 685px

	

}

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box{

	margin: 0 0 2em;

	width: 219px

}

.box .top,.box .bot{

	background: url(../images/box-top.gif) no-repeat top;

	clear: both;

	height: 10px;

	overflow: hidden

}

.box .bot{

	background: url(../images/box-bot.gif) no-repeat top;

	height: 15px

}

.box .content{

	background: url(../images/box-bgr.gif) #ffffff repeat-x top;

	border-left: 1px solid #e2e1e1;

	border-right: 1px solid #e2e1e1;

	display: table-cell;

	display: block;

	height: auto !important;

	height: 348px;

	min-height: 348px;

	padding: 5px 17px

}

.box a{

	color: #1e2d34

}

.box h3{

	font-size: 1.9em

}

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img{

	border: 1px solid #1e2d34;

	display: block;

	margin: 0 0 1em

}

.pic.fl img{

	margin-right: 10px

}

.ads img{

	margin: 0 0 5px

}

/*=== Footer ===*/

#footer{

	background: url(../images/page-bot.gif) no-repeat top;

	color: #1e2d34;

	height: 50px;

	margin: 0 auto;

	padding: 25px 30px 0;

	width: 900px

}

#footer a{

	color: #1e2d34;

}

#footer a:hover{

	text-decoration: underline;

}

#footer li{

	border-right: 1px solid #4c575c;

	display: inline;

	line-height: 1em;

	padding: 0 .6em

}

#footer li.last{

	border: 0

}

.copyr{

	padding: 15px 0 0;

	text-align: center

}

/*=== Misc. ===*/

.fix{

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden

}

hr, .hl{

	border-top: 1px solid #bcbcbc;

	clear: both;

	height: 1px;

	margin: 15px 0;

	overflow: hidden

}

.fl{

	float: left

}

.fr{

	float: right

}

.ac{

	text-align: center

}

.ar{

	text-align: right

}