/*General styles*/
/* Element Tags */
body {
    background:#c5c5c5;
    font-family:Arial, Verdana, sans-serif; 
    font-size:12px;
    margin:0; 
    padding:0; }

form {
    margin:0; }
    
h1, h2, h3, h4 {
    margin:0; }

ul {
    margin:4px 0 4px 25px;
    list-style:square;
    padding:0; }

li {
    padding:3px 0 3px 0; }

a { 
    color: #003399;  
 }


a:hover {
    color: #000099;
    text-decoration: none; 
    border-bottom:1px solid #000099; }

#copyright{text-align:center;}


/* Standard styles */
.clear { 
    clear: both; }

#page {
    background:#fff;
    display:block;
    padding:0 4px 0 4px;
    margin-left:auto;
    margin-right:auto;
    width:900px;}

#content {
    margin-top:0px; }

.byline {
font-size:11px;
font-weight:bold;
color: #808080; 
float:right;
margin: 0px 10px 0px 0px; 
}

.byline a:active {
color: #808080; 
}
.byline a:link{
color: #808080; 
}
.byline a:visited {
color: #808080; 
}
.byline a:hover {
color: #808080; 
}

/*End General styles*/


.mast-header {
    	width:972px;}
.top-logo {
    	float:left;
    	width:260px;
   	height:110px;
    	margin:0;}
.top-logo a {
    	float:left;
   	width: 260px;
    	height: 110px;}
.top-logo a:hover {
	border:none;}
.top-logo a:link img{
    	border:none;}
.top-logo a:visited img{
    	border:none;}    
.top-logo a:hover img{
    	border:none;}
.top-logo a:active img{
    	border:none;}
.main-page {
	width: 880px;    
	border:solid 1px #c5c5c5;
	margin: 0px 8px 0px 8px;}


#navigation a { 
    color: #808080;  
    text-decoration:none; }


.main-nav {
	float:right;
	width:360px;
	height:65px;
	padding: 40px 0px 0px 0px;
	margin: 5px 0px 0px 0px 0px;
	background-position:0% 20%;	
	background-image: url(http://www.roanoke.com/multimedia/under21/images/nav_main_360x65.jpg);
	background-repeat: no-repeat;
	}
.stories-nav {
	float:right;
	width:360px;
	height:65px;
	padding: 40px 0px 0px 0px;
	margin: 5px 0px 0px 0px 0px;
	background-position:0% 20%;	
	background-image: url(/multimedia/under21/images/nav_stories_360x65.jpg);
	background-repeat: no-repeat;
	}
.video-nav {
	float:right;
	width:360px;
	height:65px;
	padding: 40px 0px 0px 0px;
	margin: 5px 0px 0px 0px 0px;
	background-position:0% 20%;	
	background-image: url(/multimedia/under21/images/nav_video_360x65.jpg);
	background-repeat: no-repeat;
	}
.data-nav {
	float:right;
	width:360px;
	height:65px;
	padding: 40px 0px 0px 0px;
	margin: 5px 0px 0px 0px 0px;
	background-position:0% 20%;	
	background-image: url(/multimedia/under21/images/nav_data_360x65.jpg);
	background-repeat: no-repeat;
	}
.comments-nav {
	float:right;
	width:360px;
	height:65px;
	padding: 40px 0px 0px 0px;
	margin: 5px 0px 0px 0px 0px;
background-position:0% 20%;	
background-image: url(/multimedia/under21/images/nav_comments_360x65.jpg);
	background-repeat: no-repeat;
	}
.nav-links {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	letter-spacing: 0.2em;
	float:right;
	margin-right: 5px;
	}
#main h1 {
margin-top: 0em;
font-size:25px;
letter-spacing: 0.02em;
font-variant: small-caps;
font-family: Georgia, "Times New Roman", Times, serif;
}

#main h4 {
font-size:14px;
font-weight:normal;
color: #666; 
font-family: Georgia, "Times New Roman", Times, serif;
}

#photo-add {
float:left;
margin:0 5px 4px 2px;
padding:3px;
border:1px solid #ccc;
width:230px; }

#photo-add, .photo-add {
float:left;
margin:0 8px 4px 4px;
padding:5px;
border:1px solid #ccc;
width:230px; }

#photo-add h3 {
font-size: 15px;
font-weight: bold;
text-align: left;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px dotted #ccc;
background: #f0f0f0;
color: #3C3C3C; }

#photo-add ul, .photo-add ul {
margin: 5px;
padding: 0; }

#photo-add li, .photo-add li {
list-style: none;
margin: 0 0 0 5px;
padding: 2px 0 2px 12px;
background: url(/images/v2005/bullet-arrow.gif) no-repeat -2px 5px; }

#photo-add ol li, .photo-add ol li {
list-style: decimal;
background: none;
padding: 2px 0;
margin: 0;}

#photo-add h5, .photo-add h5 {
font-size: 15px;
font-weight: bold;
text-align: left;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px dotted #ccc;
background: #f0f0f0;
color: #3C3C3C; }

#photo-add h4, .photo-add h4{
font-size: 13px;
font-weight: bold;
color: #6A6A6A;
padding-left: 5px; }





a:hover {
	border:none;}
a:link  {
    	border:none;
color:black;}
a:visited {
    	border:none;
color:gray;}    
a:hover {
    	border:none;}
a:active {
    	border:none;
color:black;}




#sitetools {
    	clear: both;
    	background: #fff;
  	}

#sitetools img {
    float: left;
    margin-left: 380px;
    border: none;}


#sitetools h5 {
    	float: left;
    	margin-left: 15px;
   	border: none;
margin-top: 10px;}
 	
#sitetools p {
clear:left;
color:#CCCCCC;
font-size:9px;
margin:0 0 0 430px;
padding-top:0px;
}

#footer {
   	clear: both;
   	margin-top:2px;
   	background:#fff;
   	padding:2px; }
   	

.content-well{
    float:left;
    width:100%;
    margin:5px;
    padding:0;}

#socialtools {
float: right;
padding-right: 10px;
padding-top: 10px;
}


#copyright {
padding-right: 385px;
}