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

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

#bodyArea{
	}

#bodyArea .container{
	background-color:#FFF;;
	min-height:700px;
}

/*bodyBlock gives some margin to the main content container before the footer*/
#bodyBlock{
	margin-bottom:15px
	
	}
#topBanner{
	background-color:#000;
	padding-top:35px
}


#navigation{
	background-image:url(images/navigation-tile2.jpg);
	background-repeat:repeat-x;
	}	
	
#navigation ul{
	margin:7px 0px 7px 0px
}

#navigation ul li{
		list-style:none;
		display:inline;
		margin-left:15px
}

#navigation ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:3px 10px 3px 10px;
	text-decoration:none;
	border: 1px transparent solid;
	color:#333;
	font-weight:bold
	
}
	
#navigation ul li a:hover{
	border-color:#000;
	background-color:#666;
	color:#fff;
	filter:opacity=40;
}

li ul {
    margin-bottom: 1.5em;
}
#topBanner .container h1{
	font-family:"Courier New", Courier, monospace;
	color:#FFF;
	font-weight:bold;
	margin:15px 0px 3px 0px
}

#main-title a, #main-title a:visited, #main-title a:hover {
    text-decoration: none;
    color: #fff;
}

#footerArea{
	background-image:url(images/footer-tile.jpg);
	background-repeat:repeat-X;
	background-color:#4d4d4d;
	min-height:150px;
	padding-top:15px;
	height:100%
}

#footerArea p{
	color:#FFF;
	font-size:0.9em
}

#footerArea a{
	color:#CCC;
	text-decoration:underline;
}

#footerArea a:hover{
	color:#FFF
	}

.img-margin{
	margin:5px 0px 50px 0px}

.home-feature-img{margin:0px 8px 0px 0px; float:left}

.padTop{
	padding-top:10px
}

.padTopExtra{
	padding-top:20px
}

/* @group AddThis */
.story .addthis img, .addthis img { 
    margin: -10px 0 5px 0;
}
/* Form Stylin' */

label{
float: left;
width: 120px;
font-weight: bold;
clear:both
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 300px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

.help-text{
	margin-left: 120px;
	margin-bottom:8px;
	float: left;
	display:inline-block;
	width: 100%;
	font-size:0.9em
}

.legal{
	color:#666;
	font-size:.85em
	}

/*pull quote styling*/
.pullquote{
		font-family:"Courier New", Courier, monospace;
		font-weight:800;
		font-size:1.4em}

.pullquote a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:500
	}

/* @group Story popover */
#contentCurrent {
	display: none;
}

.story-wrap{
	background-image:url(images/story-tile.jpg);
	background-repeat:repeat-y;
	min-height:150px;
	padding-bottom: 10px;
}


.story h2 {
    font-family: arial, helvetica;
    margin-bottom: 16px;
}


.white-text{color:#FFF}

/* @group Story page */
#story-box {padding:15px 20px 15px 0px}
#story-box h1{font-size:2.5em; font-weight:bold}

.story-listing { 
    width: 100px;
    float: left;
    margin-left: 2px;
    margin-bottom: 10px
}

.story-listing .byline {
    background: #fff;
    text-align: center;
    padding: 3px;
}

.story_body{ 
/*    float: left;
    width:200px; */
    text-align: left;
    margin-right:40px; 
    margin-left:75px; 
    margin-top:45px; 
    font-size:1.3em; 
    font-family:"Courier New", Courier, monospace;
}

.story_picture{ float:right; margin:40px}
.story-label{float:left}

.breaking{
	border: #F00 solid 3px;
	padding:8px;
	margin-bottom:8px;
	}
.breaking h4{font-size:.9em; color:#F00; font-weight:bold; padding:0; margin:0}

.extranav{text-decoration:none;font-weight:bold;font-size:120%;padding-left: 75px;}