/* The War - Take Two */
body{
	background:#000;
	font:medium Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:0;
	padding:0;
}


ul, li{
	margin:0;
	padding:0;
	list-style-type:none;

}

a:link, a:visited {
	color:#fff;
	
}

a:hover{
	color:#000;
}

h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
}

h2, h3{
	text-transform:uppercase;
}

h2{
	font-size:110%;

}

h3{
	font-size:95%;
}

h4{
	font-size:100%;
}

#nmshare h3{
	margin-top:10px;
}


#container{
	width:900px;
	margin:0 auto;
}


#header{
	width:900px;
	margin: 0 auto;
	border-left:#938e82 3px solid;
	border-right:#938e82 3px solid;

}

#logo{
	float:left;
	width:370px;
}


#warlogo a{
	display:block;
	text-decoration:none;
	float:left;
	margin: 10px 0 5px 10px;
	text-indent:-5000px;
	width:340px;
	height:119px;
	background:url(images/warlogo_knmesm.jpg) no-repeat 0 0;

}

#knmelogo a{
	display:inline;
	text-decoration:none;
	float:left;
	margin: 0 0 0 25px;
	text-indent:-5000px;
	width:106px;
	height:32px;
	background:url(images/knme_logo.jpg) no-repeat 0 0;
}

#pbslogo a{
	display:inline;
	text-decoration:none;
	float:left;
	margin: 0 0 0 10px;
	text-indent:-5000px;
	width:34px;
	height:34px;
	background:url(images/pbs_head_logo.jpg) no-repeat 0 0;
}

#vetprojectlogo a{

	display:inline;
	text-decoration:none;
	float:left;
	text-indent:-5000px;
	width:360px;
	height:75px;
	background:url(images/vetproject_bkground.jpg) no-repeat 0 0;
	border:#fff 3px ridge;
	margin: 10px 0;

}


#mainnav{
	width:900px;
	height:55px;
	margin:0 auto;
	padding-top:10px;
	background-color:#938e82;
	border-left:#938e82 3px solid;
	border-right:#938e82 3px solid;
	
}


#navlist{
		width:80%;
		float:right;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		background-color:#938e82;
		text-align:center;

}

#navlist ul, #navlist li{

	display: inline;
	text-transform:uppercase; 
}

#navlist a:link, #navlist a:visited{
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 5px;
	text-decoration: none;
	font-size:90%;
	display:inline;
}

#mainnav ul li img a:hover{
	border:none;
}	
#mainnav li#active a, #mainnav ul li a:hover{
	border-bottom: 3px solid #A70301;
	background: transparent;
	padding-bottom: 3px;
	color:#000;
}

#mainnav img{
	border:none;
}

#maincontent{
	width:900px;
	height:auto;
	margin:0 auto;
	background:url(images/letters_bground.jpg) repeat-y;
	border-left:#938e82 3px solid;
	border-right:#938e82 3px solid;
		
}

#usercontent{
	float:left;
	width:860px;
	height:auto;
	margin: 20px 15px 0 15px;
	background:url(images/bkground_main.png) repeat-x;
	border:#938e82 5px ridge;
	display:inline;
}


#speakers, #resources, #war{
	float:left;
	width:860px;
	height:auto;
	background:none;

}


#localstories{
	float:left;
	width:450px;
	padding: 0 10px;
	margin:20px 0 0 20px;
	
}


#nmshare, #vetproject, #img{
	float:left;
	width:380px;
	padding: 0 10px;
	margin:10px 20px;
	display:inline;
}



#storyoptions, #videotool, #storytool, #nmvets, #education, #webresources{
	float:left;
	width:380px;
	background:#938e82;
	/*background:#504a41;*/
	padding: 0 10px;
	margin:20px 10px 20px 0;
	font-weight:400;
	font-size:100%;
	color:#000;
	/*color:#d4cfc4;*/
	border:#938e82 3px ridge;
	display:inline;
	
}

#nmshare p, #localstories p {
	display:block;
	width:350px;
	line-height:110%;
}

#usercontent p.video{
	font-size:90%;

}

#storyoptions p, #nmvets p{
	display:block;
	width:350;
	margin-top:20px;
	font-size:95%;
	line-height:120%;
	padding: 0 10px;
}



#storyoptions li, .summary li, #webresources li, #nmvets li a{
	line-height:160%;
	font-size:95%;
	background-image:url(images/bullets.jpg);
	background-repeat:no-repeat;
	background-position:1 em;
	padding-left:25px;
	text-decoration:none;
	
}




#PBS, #veterans{
	float:left;
	width:860px;
	height:auto;
	margin:15px;
	background:url(images/bkground_main.png) repeat-x;
	/*background:#938e82;*/
	border:#938e82 5px ridge;
	display:inline;
}



#promo{
	float:left;
	width:250px;
	padding:15px 25px;
}

#promo p{
	display:block;
	line-height:110%;
}


#description{
	float:left;
	width:540px;
	font-size:110%;
	line-height:120%;
	font-style:italic;

}


#speakers img, #resources img, #war img, #img img{
	border:#fff 3px ridge;
	margin-top:10px;
	margin-bottom:-15px;
}


#videothumb{

	float:left;
	width:400px;
	
}

#footer{
	width:100%;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	text-align:center;
	font-size:85%;
}

#footer li{
	display:inline;
	text-transform:uppercase;
	margin: 0 10px 4px 10px;
}

#footer a{
	color:#000;
}

#footer ul li a:hover{
	color:#A70301;
}

/*Classes*/

.clear{

	clear:both;
}



#description a, #storytool a, #img a, #vetproject a, #education a{
	color:#01225d;
	font-weight:normal;

}

#nmshare a, #promo a, #war a{
	color:#A70301;

}

#description a:hover, #storytool a:hover, #vetproject a:hover {
	color:#fff;
}


.emphasis{
	font-size:105%;
	font-style:normal;
	line-height:120%;
}

.date{
	font-size: 90%;
	font-style:italic;

}
.war {
	text-transform:uppercase;
	font-style:normal;
}

.break{
	width:725px;
	margin:10px auto;
	
}

p.photo{
	display:block;
	color:#282516;
	font-style:italic;
	font-size:70%;
}

p.small{
	font-size:95%;
}

.rep{
	text-transform:none;
	font-size:100%;
	font-style:italic;
}

p.pdf{
	font-size:90%;
	padding-left:40px;
}


/*Begin ajax style for theWar.html/resources.html*/

		
#wrapper{
	float:left;
	width:380px;
	background:#938e82;
	padding: 0 10px;
	margin:20px 10px 20px 0;
	color:#000;
	border:#938e82 3px ridge;
	font-weight:400;
	font-size:100%;
}

#wrapper a{
	color:#000;
	text-transform:none;
}
#wrapper a:hover{
	color: #fff;
}

#wrapper img{
	margin: 0;
	padding:0;
	border:none;
	float:right;
	
	
}



/*End ajax style*/

.vidFrame { 
             position: absolute;
             display: none;
             background-color: #000;
             border: 2px solid #A70301;
             padding:5px;
             cursor: move;
          }
		  
.vidFrame a{
		text-align:right;
		padding:2px;
		font-size: 75%;
		text-transform:uppercase;
		color:#fff;

}

.rollover a {
margin:0;
padding:0;
text-decoration:none;
font-size:90%;
background:url(images/tv.png) no-repeat 0 50%;
border:none;
}

.rollover a, .rollover a:link, .rollover a:visited {
display:block;

}


#war a img, .rollover img {
	border:0;
	margin:0;
	padding:0;
}

.rollover a:hover img {
visibility:hidden;
}

.rollover li{
	line-height: 140%;
}

#war_reel_2{
	float:left;
	margin:20px 125px;
	background-image:none;
	display:inline;
	
	
}