/* WHERE TO CHANGE THINGS

Make sure you change widths both in the container div and the rail/center div


*/


html, body {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	color: #b08a41;
  	font: 11px Verdana, sans-serif;
  	/*text-align: center;*/
  	text-align: left;
  	min-width: 780px;
  	background: #b08a41 url(../images/bg_stripe.gif) repeat-x;  
	}

img {
	border: 0;
	}

/* Positioning blocks -------------------------------------------- */

#meta_container {
	position: relative;
	min-height: 100%;
	width: 780px;
	padding: 0px;
	margin: 0px auto 10px auto;
	background-color: white;
			}

#container{
	background-color: white;
	float:left;
	width:520px;
	border-left:260px solid #f2f2f2 ; /* The width and color of the left rail */
}
#leftRail{
	float:left;
	background: url(../images/left_nav_bg2.jpg) no-repeat;
	width:260px;
	margin-left:-260px;
	position:relative;
}
#center{
	float:left;
	background: url(../images/postmasthead2.jpg) no-repeat; 
	width:520px;
	margin-right:-520px;
}

#header {
	background-color:#4c4c4c;
	height: 279px;
	width: 780px;
	clear:both;
}

#top_navigation {
   height: 35px;
   width: 780px;
}

#container_maincontent {
   position: relative;
   top: 30px;
}

#masthead {
	position: absolute;
	top: 35px;
	width: 780px;
	height: 244px;
	}
	
#container_buttons {
	position: relative;
	background: #f2f2f2 url(../images/left_nav_bg3.jpg) no-repeat; 
	left: -200px;
	width: 195px;
	}		

#footer{
	background-color: white;
	height: 160px;
	width: 780px;
	border-top: #708c63 solid 6px;
	clear:both;
}

/* MAIN CONTENT -------------------------------------------- */

#buttons {
	position: relative;
	left: -10px;
	}

#buttons_news {
	position: relative;
	left: -10px;
	}
	
#buttons_news ul li{
	display: inline;
	}
	
#buttons_news li a{
	padding: 5px;
	color: white;
	background-color: #e65d22;
	text-decoration: none;
	margin-right: 5px;
	border: 1px solid black;
	}
	
#buttons_news li a:hover{	
	background-color: #7f9973;
	}
	

p {
	font-family: Verdana, sans-serif;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.1em;
	color: black;
	}
	
ul {
	font-family: Verdana, sans-serif;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.1em;
	margin-left: 20px;
	color: black;
	}
	
.center_img {
	border: 5px solid #4c4c4c;
  	margin-top: 15px;
	}		

.movie {
	margin-left: 30px;
	width: 480px;
	height: 380px;
	}

#container_maincontent h1 {
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
	font-size: 2em; /* Or 20 px*/
	margin-top: 15px;
	margin-left: 30px;
	color: #e65d22;
}

#container_maincontent h2 {
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.2em;
	font-weight: normal;
	font-size: 2em; /* Or 20 px*/
	margin-top: 15px;
	margin-left: 30px;
	color: #4b4b4b;
	}
	
#container_maincontent h3 {
	font: bold 11px Arial, sans-serif;
	margin-top: -2px;
	margin-left: 60px;
	color: black;
	
	}	
	
#container_maincontent h4 {
	margin-top: 15px;
	margin-left: 20px;
	font: normal 16px Georgia, serif;
	color: #90191c;
	}
	

#container_maincontent p {
  	width: 475px;
	margin-top: -5px;
	margin-left: 30px;   
	}

/* Side Buttons -------------------------------------------- */

#news {
	margin-top: 270px;
	}

#news h2 {
	font-family: Verdana, sans-serif;
	text-align: left;
	letter-spacing: 0;
	color: #4c4c4c;
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #9f9f9f;
	text-transform: uppercase;
	padding-left: 20px;
	padding-bottom: 10px; 
	margin-left: 10px;
	margin-right: 10px;
}	

#news p {
	color: black;
	font-family: Verdana, sans-serif;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1em;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

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


#footer p {
	font: normal 10px/1.2em Verdana, sans-serif;
	text-align: center;
	margin-top: 120px;
	color: #4c4c4c;
	}


#footer img{
	float: right;
	margin-top: 15px;
	margin-right: 280px;
	}	

#footer a {
	color: #90191c;
	text-decoration: underline;
	}	

#footer a:hover {
	color: #d4242a;	
	}



#navcontainer {
	margin-bottom: 1em;
	overflow: hidden;
	width: 780px;
	text-align:center;
	float: left;
	position: relative;
	top: 25px;
	left: 30px;
}


#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
font: 300 11px Trebuchet MS, sans-serif;
}

#navlist li
{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 2em 0 2em;
}

#navlist a {
	color: #4c4c4c;
	text-decoration: none;
}

#navlist a:hover {
	color: #e65d22;
	text-decoration: underline;
	}
	
	
#navlist_case
{
list-style-type: none;
margin: 0;
padding: 0;
font: 300 11px Trebuchet MS, sans-serif;
}

#navlist_case li
{
border-left: 1px solid white;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 2em 0 2em;
}

#navlist_case a {
	color: white;
	text-decoration: none;
}

#navlist_case a:hover {
	color: #e65d22;
	text-decoration: underline;
	}