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

/*reset*/

* { margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;}
	
img, a img {border:none}

/*main tags*/

body {background-image: url(../images/bkg_page.jpg)}

ul {list-style-type: none;
	margin: 15px 0px;}

hr {margin: 20px 0px;
	clear: both;
	color: #930}

#sidebar hr {margin: 10px 0px;}

h1 {font-size: 24px}

span.newsdate {font-size: 16px;}

table {width: 600px;
	font-size: 10px;
	margin: 15px 0px;}
	
td {width: 35%;
	vertical-align: top;}
	
td.role {width: 30%}

p {margin: 15px 0px}

.date, .source {font-weight: bold}
.author {font-style: italic;}
a.download img{margin: 10px 0px;}
.readmore {margin-bottom: 15px;
	float: right;}
	
/*structure*/
.container {width: 950px;
	margin: 0px auto;}

#header {width: 100%;
	height: 300px;
	padding: 15px 0px;
	background-image: url(../images/bkg_header.jpg);
	background-repeat: repeat-x;
	border-bottom: 3px solid #916031;}
	
#header .container {height:300px;
	background-image: url(../images/bkg_title.jpg);
	background-repeat: no-repeat;}

#mainbody {width: 100%;
	padding: 25px 0px;}
	
#mainbody .container {background-image: url(../images/bkg_content.jpg);
	background-repeat: repeat-y;}
	
#main {width: 600px;
	padding: 0px 25px;
	float: left;}	

#sidebar {width: 225px;
	padding: 0px 25px;
	margin-left: 25px;
	float: left;
	text-align: center;}
	
#contentbottom {width: 950px;
	height: 25px;
	background-image: url(../images/bkg_contentbottom.jpg);
	background-repeat: no-repeat;
	clear: both;}

#footer {width: 100%;
	height: 239px;
	background-color: #000;
	background-image: url(../images/bkg_footer.jpg);
	background-repeat: repeat-x;
	border-top: 3px solid #916031;
	clear: both;
	position: relative;
	top: 25px;
	color: #b59876;
	text-align: center;}

#footer .container {height: 229px;}

/*menu*/

#menu1 {position: relative;
	top: 159px;
	left: 50px;}
	
#menu2 {position: relative;
	top: 174px;
	left: 65px;}
	
.mainnav {overflow: hidden;
	height: 31px;}
	
.mainnav a {margin: 0px 25px}

.mainnav a:hover img {position: relative;
	top: -31px}
	
/*#main and #sidebar styles*/

.headline {position: relative;
	left: -25px;
	margin-bottom: 15px;}
	
.film {position: relative;
	left: -27px;
	top: -13px;}
	
/*footer*/
	
#footer a {color: #b59876;
	text-decoration: none;}
	
#footer a:hover {color:#C30;}

a#login:hover {color: #b59876}

#credits {width: 265px;
	height: 229px;
	padding: 5px 0px;
	background-image: url(../images/footer_photo.jpg);
	background-repeat: no-repeat;
	float: left;}
	
#copyright {display: block;
	position: relative;
	top: 180px;}
	
#agent {width: 275px;
	height: 229px;
	padding: 5px 0px;
	float: right;
	background-image: url(../images/footer_agent.jpg);
	background-repeat: no-repeat;}
	
span.agent {font-weight: bold;
	font-size: 14px;}
	
#agent p {position: relative;
	top: 60px;
	color: #600;
	margin: 0px;}

/*form style*/

fieldset {width: 405px; 
	border: none;}
	
label {width: 100px; 
	float: left;
	clear: both;
	font-weight: bold;
	margin: 5px 0px;}
	
input, textarea {float:left;
	margin: 5px 0px;  
	width: 300px;}
	
.buttonDiv {float: left;
	clear: both;
	width: 400px;}
	
.buttonDiv input {float: right;
	margin: 10px;
	margin-right: 0px;
	padding: 3px 5px;
	width: auto;}
	
.response {width: 100%;
	padding: 5px 0px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	display: none;
	float: left;
	clear: both;}