/* CSS Document */
* {margin:0;padding:0}
p{margin-bottom:1em}
ul{margin-left:16px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%; font-family: Arial, "Arial", Arial, san-serif;}
 
/* end hack */ 

body 
	{
	color: black;
	background-color: white;
	font-family: arial, 'lucida console', sans-serif;
	}

/*********************************************************
 Wrapper for entire site, leaves room for the bottom menu
 ********************************************************/	
#outer{
	background:#FFFFFF;
	margin-bottom:-40px;
	color: #000000;
}
	
/*********************************************************
 Style for every site menu, top and bottom
 ********************************************************/	
#menu
	{
	font-size: 16px;
	text-align: center;
		
	padding-top: 4px;
	color:#999999;
	font-weight: normal;
	}

/*********************************************************
 Styles that control mouse behavior for menu links
 ********************************************************/	
#menu A:visited  {color:#333333; font-weight: normal; text-decoration: none;}
#menu A:link  {color: #333333;  font-weight: normal;text-decoration: none;}
#menu A:active  {color: #333333;  font-weight: normal;text-decoration: none;}
/*mouse over*/
#menu A:hover   {color: #000099; font-weight: normal;text-decoration:underline;}

/*********************************************************
 Wrapper for the header of the document, everything from the top to the first menu
 ********************************************************/	
#wrapper{
	width:100%;
	text-align:center;
}

#centering{
	width:760px;
	margin: 0px auto;
	text-align: center;
}

#logo{
	margin:7px 7px 0px 7px;
}

.maindivider{
	width:760px;
	background-image:url(http://www.thejohnsonadministration.com/andrew/images/sp.jpg);
	background-repeat:repeat-x;
	margin-top: 7px;
	font-size:2px;
}

#main{
	width:760px;
	margin:10px 0px 10px 0px;
}

#content{
	width:490px;
	float:left;
	text-align:left;
}

#headline{
	font-size:24px;
}

#tagline{
	font-size:16px;
	margin-top:3px;
}

#byline{
	font-size:12px; 
	margin-top:14px;
}

#radioholder{
	margin:18px 0px 25px 0px; 
	color:#1C3753; 
	font-size:14px; 
	font-weight:bold;
}

#maincontent{
	font-size:14px; 
	margin-top:16px;
}

#storyimage{
	float:left;
	background-color: #43446B;
	color: #FFFFFF;
	padding: 2px;
	margin:0px 10px 10px 0px;
}

#storyimage A {
	border:1;
}

#storyimagecaption{
	margin:2px; 
	font-size:11px;
}

#storyimagecredit{
	margin:2px; 
	font-size:11px; 
	font-style:italic; 
	text-align:right;
}

#pagenavigation{
	width:490px;
	text-align:center;
	margin-top:8px;
}

#navigation{
	width:254px;
	height:660px;
	float:left;
	overflow:hidden;
	margin-left:16px;
	margin-top:5px;
	text-align:right;
}

#contentnav{
	margin-top:8px; 
}


.bottomnav{
	font-size: 16px; 
	font-variant: caps; 
	color: #666666; 
	margin-top:5px;
}

#copyright{
	font-size: 12px; 
	font-variant: small-caps; 
	color: #999999; 
	margin-top:5px;
}

body A:visited  {color:#43446B; text-decoration: none; font-weight: bold;}
body A:link  {color:#43446B;  text-decoration: none; font-weight: bold;}
body A:active  {color: #43446B;  text-decoration: none; font-weight: bold;}
body A:hover   {color: #6C73A4; text-decoration:underline; font-weight: bold;}
	
#footer 
	{
	width:100%;
	clear:both;
	height:30px;
	text-align:center;
	position:relative;
	}	

#clearheader{height:170px;}/*needed to make room for header*/
#clearfooter{clear:both;height:30px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-38px;} /*safari wrapper */