/* ************************ Defaults ************************ */

body{
	text-align:center;
	background: url("../images/bg.jpg") #00485E top left repeat-x;
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img, ul {
	border: none;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
}

/* ************************ structural ************************ */

#main{
	background: url("../images/bg1.jpg") top left repeat-x;
}
#page{
	width:899px;
	margin:0 auto; 
	text-align:left;
}

/* ************************ interview ************************ */

#interview{
	background: url("../images/interviewbg.png") top left no-repeat;
	height:252px;
}
#interview .leftnav{
	position:absolute;
	margin:100px 0px 0px 0px;
}
#interview .rightnav{
	position:absolute;
	margin:100px 0px 0px 840px;
}
#interview .iminter{
	width:775px;
	height:210px;
	padding:22px 0px 0px 58px;
}
#interview .iminter li{
	float:left;
	padding:0px 14px 0px 0px;	
}

#masthead1{
	margin:0 auto;
	padding:15px 0px 20px 0px;
	width:832px;
}
.subpanel{
	width:465px;
	float:left;
}
.subpanel1{
	background:#002B37;
	width:445px;
	padding:10px;
	text-align:center;
}
.subpanel2{
	background:#000;
	height:45px;
}
.subpanel2 li{
	float:left;
	text-transform:uppercase;
	font:30px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:4px 12px 0px 12px;
}
.subpanel2 li a{
	color:#fff;
	text-decoration:none;
}
.subpanel2 li a:hover{
	color:#23A4C8;
	text-decoration:none;
}

.videopanel{
	float:right;
}

/* ************************ content ************************ */

#content{
	margin:0 auto;
	width:802px;
	background:#002B37;
	padding:15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#222222;	
}
.ptext{
	padding:26px 0px 0px 0px;
}
.clear{
	clear:both;
}

/* ************************ top navigation ************************ */

#topnav{
	width:802px;
}
#navigation{
	float:left;
}
#navigation li{
	float:left;
	text-transform:uppercase;
	font:20px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:0px 8px 0px 0px;
}
#navigation li a{
	display:block;
	color:#000;
	text-decoration:none;
	background:#97CDD7;
	padding:0px 2px 0px 2px; 
}
#navigation li a:hover{
	background:#fff;
	color:#000;
	text-decoration:none;
}

/* ************************ search ************************ */

#search{
	float:right;
}
#search p{
	float:left;
}
#search form{
	padding:5px 0px 0px 0px;
}
#search .inputtext{
	width:150px;
	height:16px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #9A9A9A;
	float:left;
}

/* ************************ advert ************************ */

.advertpanel1{
	float:left;
	width:134px;
	text-align:left;
	padding:0px 0px 0px 6px;
}
.advertpanel2{
	float:left;
	width:158px;
	text-align:right;
	padding:0px 6px 0px 0px;
}
.advert{
	padding:0px 0px 50px 0px;
}

/* ************************ posts ************************ */

.postpanel{
	width:484px;
	float:left;
}
.post{
	background:#fff;
	padding:8px;
	margin-bottom:12px;
	width:468px;
}

.storytitle{
	font-size:20px;
	font-weight:bold;
	color:#01537E;
	line-height:24px;
	padding:0px 0px 4px 0px;
}

.storydate{
	font-size:13px;
	color:#666666;
}
.storytitle a{
	color:#01537E;
	text-decoration:none;
}
.storytitle a:hover{
	color:#B57234;
	text-decoration:none;
}
.storycontent{
	padding:12px 8px 20px 8px;
	line-height:18px;
}
.storycontent p{
	padding:6px 0px 6px 0px;
}
.storycontent .alignright {
	float: right;
	margin:10px 0px 25px 20px;
}
.storycontent  .alignleft {
	float: left;
	margin:10px 20px 25px 0px;
}
.storycontent  .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.meta p{
	padding:2px 0px 0px 0px;
	float:left;
	font-size:11px;
	text-transform:uppercase;
}
.meta ul li{
	float:left;
	font-size:11px;
	text-transform:uppercase;
	padding:0px 0px 0px 4px;	
}
.meta ul li a{
	display:block;
	padding:2px 4px 2px 4px;
	background:#D59152;
	color:#fff;
	text-decoration:none;
}
.meta ul li a:hover{
	text-decoration:none;
	color:#fff;
	background:#01537E;	
}
.metacat{
	float:left;
	width:340px;
}
.metacomments{
	float:right;
	padding:2px 0px 0px 0px;
	font-weight:bold;	
}
.metacomments a{
	color:#666666;
	text-decoration:none;
}
.metacomments a:hover{
	color:#01537E;
	text-decoration:none;
}


/* ************************ footer ************************ */

#footer{
	height:114px;
	text-align:right;
}