/* more styles in style-advanced.css using @import method (hidden from old Netscape) */
/* old Netscape only sees styles in style.css */
/* --- alignment --- */   
body{
	margin:0;
	padding:0;
	font: 11px arial, helvetica, sans-serif;
	background-color:#fff;
    }
body.video{
	margin:10px 0 0 0;
	padding:0px;
	text-align:center;
	background-color:#000000;
	}
label{
	cursor: pointer;
	cursor: hand;
}
#top-section,
#mid-section,
#bottom-section {
    width:771px;
	margin:auto;
	padding:0;
    border-left:solid 1px #fff;
    }  
	
/* **** **** masthead **** **** */
div#masthead {
	background-image:   url("/images/bg_green_top1.gif");
	background-position: top;
	background-repeat: no-repeat;
	font-size:9px;
	}
#masthead div.col1 {
	width:401px;
	float:left;
	}
#masthead div.col2 {
	width:369px;
	float:left;
	}
#masthead h1{
	margin:0;
	text-indent: -9999px;
	background-image: url("images/logo_vydc_green.gif");
	background-repeat: no-repeat;
	width: 401px;
	}
#masthead h1 a { 
  	display:block;
  	height:72px;
	}
	#search {
		margin:40px 0 0 80px;
		width:180px;
	    border: solid 1px #c2e07d;
	    text-align:center;
		}
	#search div.padding{
		padding:5px;
		}
	#search input {
	    font-size:11px;
	    margin:0;
	    padding:0;
	    }

/* **** **** navigation **** **** */

#main-nav {
	clear:both;
	background-image: url("images/bg_green_mid.gif");
	background-repeat: repeat-y;
    }
    
    #main-nav .content {
        position:relative;
		width:706px;
	    top:12px;
	    font: 12px arial, helvetica, sans-serif;
		text-transform:lowercase;
        margin:0 32px 0 33px;
        padding: 6px 0px 5px 0;
        }
       
        #main-nav ul {
            margin-left:0;
            padding-left:0;
            display: inline;
            }
        #main-nav ul li {
            margin: 0;
            padding:0;
            list-style: none;
            display: inline;
            }
        #main-nav li a {
            margin:0 0px 0 -3px;
            padding:6px 15px 6px 15px;
            background:#6e6e6e;
            text-decoration:none;
            border-right:solid 1px #999;
            }
		#main-nav li a.donate {
            margin:0 0px 0 -3px;
            padding:6px 15px 6px 15px;
            background:#6e6e6e;
            text-decoration:none;
            border-right:none;
            }
        #main-nav li a:link {
            color:#fff;
            }
        #main-nav li a:visited {
            color:#fff;
            }
        #main-nav li a:hover {
            color:#fff;
            background:#f60;
            }    
       
        #home a.home:link,
        #home a.home:visited,
            
        #news a.news:link,
        #news a.news:visited,
        
        #about a.about:link,
        #about a.about:visited,
        
        #programs a.programs:link,
        #programs a.programs:visited,
        
        #arts a.arts:link,
        #arts a.arts:visited,
        
        #gallery a.gallery:link,
        #gallery a.gallery:visited,
        
        #youth a.youth:link,
        #youth a.youth:visited,
        
        #calendar a.calendar:link,
        #calendar a.calendar:visited,
		
		#employment a.employment:link,
        #employment a.employment:visited,
		
		#forum a.forum:link,
        #forum a.forum:visited
		
		#donate a.donate:link,
        #donate a.donate:visited
         {
            color:#666;
            background:#fff;
            }
#local-nav {
	border-bottom:1px solid #ddd;
	line-height: 1.35em;
		}
	#home #local-nav {
	border-bottom:none;
		}
	#local-nav .content {
		padding:10px;
		margin:0 1px 15px 0;
		}
	#local-nav h2{
		margin:0 0 4px 0;
		font-size:11px;
		font-weight:bold;
		color: #333333;
		}
	#local-nav ul{
		margin:0;
		padding:0;
		list-style:none;	
		}	
	#local-nav ul li{
		margin:0;
		padding:0;
		list-style-position:inside;
		list-style-image:  url("images/arrow_right.gif");
		}		
	#local-nav ul.jump li{
		margin:0;
		padding:0;
		list-style-position:inside;
		list-style-image:  url("images/arrow_down.gif");
		}		
	#local-nav ul li a{
		text-decoration:none;
		}			
	#sub-local-nav ul{
		margin:0 0 0 10px;
		padding:0;
		list-style:none;	
		}	
	#sub-local-nav ul li{
		margin:0;
		padding:0;
		list-style-position:inside;
		list-style-image:  url("images/arrow_right_hollow.gif");
		}		
	#sub-local-nav ul li a{
		text-decoration:none;
		}			

	#local-nav a:link,
	#jumpdown-nav:link {
		color:#069;
		}
	#local-nav a:visited,
	#jumpdown-nav:visited {
		color:#069;
		}
	#local-nav a:hover,
	#jumpdown-nav:hover {
        background:#cff;
		text-decoration:underline;
	}
 	.loc0 #local-nav li.loc0 a:link,
    .loc0 #local-nav li.loc0 a:visited,
	
	.loc1 #local-nav li.loc1 a:link,
    .loc1 #local-nav li.loc1 a:visited,
	
	.loc2 #local-nav li.loc2 a:link,
    .loc2 #local-nav li.loc2 a:visited,
	
	.loc3 #local-nav li.loc3 a:link,
    .loc3 #local-nav li.loc3 a:visited,
	
	.loc4 #local-nav li.loc4 a:link,
    .loc4 #local-nav li.loc4 a:visited,
	
	.loc5 #local-nav li.loc5 a:link,
    .loc5 #local-nav li.loc5 a:visited,
	
	.loc6 #local-nav li.loc6 a:link,
    .loc6 #local-nav li.loc6 a:visited,

	.loc7 #local-nav li.loc7 a:link,
    .loc7 #local-nav li.loc7 a:visited
         {
            color:#000;
            }
	.arts0 #sub-local-nav li.arts0 a:link,
    .arts0 #sub-local-nav li.arts0 a:visited,
	.arts1 #sub-local-nav li.arts1 a:link,
    .arts1 #sub-local-nav li.arts1 a:visited,
	.arts2 #sub-local-nav li.arts2 a:link,
    .arts2 #sub-local-nav li.arts2 a:visited
         {
            color:#000;
            }
#jumpdown-nav ul{
	margin:0 0 1em 10px;
	padding:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
		}	
	#jumpdown-nav ul li{
		margin:0;
		padding:0;
		list-style-position:inside;
		list-style-image:  url("images/arrow_down.gif");
		}		
	#jumpdown-nav ul li a{
		text-decoration:none;
		}			

			
/* **** **** layout **** **** */
            
#mid-section {
	background-image: url("images/bg_green_mid2.gif");
	background-repeat: repeat-y;
    }
#page-body {
    background-color:#fff;
    margin:0 31px 0 31px;
    padding:34px 0 0 0;
    }
#page-body .col1 {
	border-top:1px solid #ddd;
	float:left;
	width:225px;
	}
#page-body .col2 {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	float:left;
	width:483px;
	}
	#page-body .col2 .pre-content {
		border-bottom:1px solid #fff;
		padding:0;
		margin:0;
		}
	#page-body .col2 .content {
		padding:0 15px 20px 10px;
		font-size:13px;
		color:#232323;
		margin: 0;
		line-height: 1.5em;
		}
.col3 {
	display:none;
	}
#home #page-body #homecols {
	background-image:  url("images/bg_home_cols.gif");
	background-repeat: repeat-y;
}
#home #page-body .col1,
#home #page-body .col2,
#home #page-body .col3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}	
#home #page-body .col1 {
	border-top:none;
	float:left;
	width:186px;
}
#home #page-body .col2 {
	border-top:none;
	border-left:none;
	float:left;
	width:337px;
}
#home #page-body .col3 {
	display:inline;
	float:left;
	width:186px;
}
#home #page-body .col1 .content,
#home #page-body .col2 .content,
#home #page-body .col3 .content {
	padding:5px 7px 20px 7px;
	line-height: 1.35em;
}
ul.progslist {
	float:left;
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#local-nav ul.progslist {
	margin-top: .5em;
}
#local-nav ul.progslist li {
	margin-left: .5em;
}
#article-3col .col1 {
	float:left;
	width:225px;
	}
#article-3col .col2 {
	float:left;
	width:484px;
	}	
	#article-3col .col2 .content {
	float:left;
	width:340px;
	padding:0 0 20px 0;
	font-size:13px;
	color:#000;
	}
#article-3col .sub-content {
	float:right;
	width:130px;
	}
	
#bottom-section {
	background-image: url("images/bg_green_bottom.gif");
	background-repeat: no-repeat;
    }
	#bottom-section .content {
		color:#FFFFFF;
		padding:6px 0 20px 0;
		margin:0 35px 0 35px;
    	}    
	#bottom-section a:link,
	#bottom-section a:visited {
		color:#FFFFFF;
		}
div.spacer{
	clear:both;
	height:1px;
	font-size:1px;
	overflow:hidden;
	}   
h1, h2, h3, h4, h5, h6	{
	margin:1.25em 0 .25em 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}	
p {
	margin-top: 0;
	padding-top: 0;
	}	
p.margintop, ul.margintop{
	margin-top: 1em;
}	
p.margin0{
	margin-bottom: 0;
}	
ul,ol,li {
	margin-top: 0;
	padding-top: 0;
}
ul.margintop{
	margin-top: 1em;
} 
form {
    margin:0;
    padding:0;
}
.toplink {
	text-align:right;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}
#home .toplink {
	padding:0 15px 20px 0;
}
address {
	font-style:normal;
}
ul.staff {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
ul.staff em {
	color:#666;
}
ul.funders {
	margin-left: 1.5em;
	padding-left: 0px;
	list-style-type: disc;
}
dl.staff dd {
	margin:0 0 1.25em 20px;
	color:#666;
}
.noborder {
	border:none;
}
#login{
	font-family: Arial, Helvetica, sans-serif;
}
#login dt,
#login dd {
	padding-top: 4px;
}
#login dt {
	float:left;
	width:100px;
	text-align:right;
	font-weight: bold;
	clear: left;
}
#login dd {
	padding-left:4px;
}
#mail .col2 .content {
	background-color:#DEEAF4;
}


/* **** **** video **** **** */
#video-menu {
	background-color:#000;
	padding: 14px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
}
#video-menu img {
	margin:0 5px 5px 0;
}
#video-menu .list {
	float:right;
	width:137px;
	color:#fff;
}
#video-menu .list a:link{
	color:#99ccff;
}
#video-menu .list a:visited{
	color:#999;
}
#video-menu .list a:hover{
    background:#036;
}
#video-menu .list ol {
	margin-left:1.5em;
	padding-right:5px;
	padding-left:0;
}
#video-menu .list ol li{
	margin-left:1em;
	padding-left:0;
}
#video-menu .list p {
	margin:0 5px 0 5px;
}
.video p.caption {
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	color:#999;	
	margin-top:4px;
}

/* **** **** thumbs **** **** */
.gallery-tb {
	float:left;
	width:131px;
	margin:0 10px 10px 0;
	text-align: center;
	font-size: 10px;
}
.link-tb {
	width:100px;
	font-size: 10px;
	color:777777px;
	line-height: normal;
}
.link-tb img {
	margin: 0 0 3px 0;
}

/* **** **** floats **** **** */
.float-l {
    float:left;
    margin:0 7px 0 0;
	padding:4px 0 0 0;
    }
.float-r {
	float:right;
	margin:0 0 0 7px;
	padding:4px 0 0 0;
    }


/* **** **** type **** **** */
h3 {
	margin:0 -15px 1em -10px;
	padding:15px 0 0 10px;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 18px;
	background-color: #CCCCCC;
	font-weight: normal;
}
h3 a:link,
h3 a:visited {
	color: #FFFFFF;
}
h3 a:hover {
    background:#FF9900;
}
#home h3 {
	margin:0 -7px 1em -7px;
	padding:5px 7px 0 7px;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 12px;
	background-color: #CCCCCC;
	font-weight: normal;
}
#home .col2 h3 {
	background-color: #AAAAAA;
}
h4 {
	margin:0 -15px 1em -10px;
	padding:10px 0 0 10px;
	font-size: 16px;
	border-top:dotted 1px #CCCCCC;
}
h5 {
	font-size: 12px;
}
.col2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.note {
	font-size: 10px;
}


/* **** **** links **** **** */
a {
	text-decoration:none;
}
a:link {
	color:#006699;
	}
a:visited {
	color:#666666;
	}
a:hover {
	text-decoration:underline;
}
a.blueLink, a.blueLink{
	color:#3366CC;
	font-family:Georgia, Times New Roman, Times, serif;
}
a.bigblueLink, a.bigblueLink{
	color:#3366CC;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:19px;
}