*{margin:0;padding:0;}

body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: "Helvetica", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto 1em;
    width: 850px;
    padding: 0;
    z-index:0;
    }
    
h1	 {margin:2% 0 0; padding:0;}
h2 		{padding:2% 0; margin:0;}
h2.date 	{border-bottom:6px solid; margin-bottom: 2%; padding-bottom:2%; font-weight: bold;}

ul{list-style: none;margin:0;}

img {
    border: medium none;
}

img.logo {
	width: 850px;
	margin:50px 0 50px;
}

a:visited {
    color: #000000;
    text-decoration:none;
}

a:hover {
    color: #000000;
    text-decoration: none;
    border-bottom: 2px solid black;
}

a {
    color: #000000;
	text-decoration: none;
}


/* --------------------------------------------------- SLIDESHOW -------------*/

		#slides a { text-decoration:none;}
		#slides a:hover {border-bottom:none;}
		#slides p a:hover {border-bottom: 1px dotted white;}
	
		/*
			Load CSS before JavaScript
		*/
		
		#slides{
			position: relative;
			display: none;
		}

		.caption {
			z-index:500;
			position:absolute;
			left:0;
			background:#fff;
			background:rgba(0,0,0,.5);
			width:850px;
			font-size:1.3em;
			color:white;
			text-shadow:none;
			bottom: 0;
			display: none;
		}
		.caption p.title {margin:6px 12px 12px 12px;font-weight: bold; width: 80%; min-height:65px; line-height: 27px; }
		.caption p.date {margin: 12px 12px 6px 12px; font-weight: normal; font-size: 12px;  color:#bbb; text-transform: uppercase;}
		.caption p a {color:white; border-bottom: 1px dotted gray;}

			html.touch .caption {
				display: block;
			}

		.slidesjs-navigation {
			display:block;
			bottom: 65px;
			position: absolute;
			z-index: 1000; 
			display: none;
			padding:4px 5px;
			color:white;
			cursor:pointer;
			font-size:24px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: -moz-none;
				-ms-user-select: none;
				user-select: none;
		}

			html.touch #slides .slidesjs-navigation{
				display: block;
			}

		#slides span:active{
			color:orangered;
		}

		.slidesjs-previous{
			right:38px;
		}

		.slidesjs-next{
			right:10px;			
		}

		#slides img {
			min-height:450px;
			min-width: 850px;
		}



@media screen and (max-height:915px){

			img.logo{
				margin:37px 0 40px;
			}

			/* 
			DROP DOWN NAV BAR LEVEL ONE
			*/
			.dropdown {
				font-size: 12px; 
				position: relative; 
				height: 23px; 
				width:850px; 
				margin: 22px 0 0; 
				padding: 0; 
				background-color: #fff;
				border-top:none; 
				border-bottom: 1px solid #ccc; 
				z-index:100;
				line-height: 18px;
				font-weight: normal;
			}
			.dropdown a, .dropdown span{ 
				text-decoration: none;
				color:#999;
			}
			.dropdown a:hover{
				padding-bottom:0;
				border-bottom:none;
			}

			.dropdown li{
				float: left;
				zoom: 1;
				padding: 0 56px 0 0;
			}
			.dropdown li.menu{
				cursor:default;
			}

			.dropdown li:last-child{
				padding-right:0;
				float:right;
			}

			.dropdown li.menu a{
				padding-bottom:0;
			}

			.dropdown li:hover{
				position: relative;
			}
			.dropdown li.menu:hover a, .dropdown li.menu:hover span{
				color: black;
			}

			.dropdown li.menu:hover{
				padding-bottom:3px;
			}
			.dropdown li:hover > ul 			{ visibility: visible; }

		/* 
			LEVEL TWO
		*/
			.dropdown ul {
				margin: -4px 0 0 0;
				padding: 6px 8px 8px 15px;
				background: white;
				width: 150px;
				visibility: hidden;
				position: absolute;
				top: 23px;
				left: -16px;
				border-top: 3px solid black;
				box-shadow: 0 2px 6px #555;
			}

					.sub_menu.programs	{width:195px;}
					#subscribe  {width: 129px;}
					#about {width:165px;}
											
			.dropdown ul li{
				font-weight: normal;
				float: none;
				line-height:20px;
				margin:5px 0;
				padding:0;
			}
			.dropdown ul li:last-child{
				float:none;
			}
												  
            /* IE 6 & 7 Needs Inline Block */
			.dropdown ul li a{ 
				font-size:14px;
				display: inline-block;
				color:#999;
				border-bottom:2px solid white;
			}
			.dropdown ul li a:hover{
				padding-bottom:0;
				border-bottom:2px solid black;
			}

		/* 
			LEVEL THREE
		*/
			.dropdown ul ul{
				left: 100%;
				top: 0; 
			}

			.menu-arrow{
				float:right;
				margin-left:4px;
				font-size:.45em;
				color:#ccc;
			}

		.caption{
			bottom:auto;
			top:0;
		}
		.slidesjs-navigation {
			bottom: auto;
			top:4px;
		}


}

@media screen and (min-height:916px){

			.dropdown {
				font-size:13px; 
				height: 21px; 
				position: fixed;
				bottom: 13%; 
				background-color: rgba(255,255,255,1); 
				padding:0 0 13px; 
				list-style: none; 
				overflow: visible; 
				width: 850px; 
				border-top: 3px solid #bbb;
				z-index: 1000;
				color: #aaa; 
				font-weight: bold; 
			}

			.dropdown a { 
				padding-bottom: 2px; 
				text-decoration: none; 
			}

			.dropdown li{
				float:left;
				zoom: 1;
				margin:0;
				text-align: left; 
				margin:0 51px 0 0; 
				padding:8px 0 0;
			}
			.dropdown li.menu{
				cursor:default;
				margin-right:0;
				margin-left:-10px;
				padding-right:51px;
				padding-left:10px;
			}

			.dropdown li.last{
				float:right; 
				margin-right:0;
				width: 54px; /* fix for last dropping down */
			}

			.dropdown li.secondlast {
				margin-right:0
			}

			.dropdown li a{
				color:#aaa;
			}

			.dropdown a:hover	{
				border-bottom:2px solid #999; 
				padding-bottom:0;
			}

			.dropdown li:hover{
				position: relative; 
			}

			.dropdown li:hover a {
				color: #666;
			}

			.dropdown li.menu:hover {
				border-bottom:none;
			}

			/* 
				LEVEL TWO
			*/
			.dropdown ul	{
				margin:0;
				background-color: rgba(255,255,255,1);
				width: 150px; 
				visibility: hidden;
				position: absolute;
				padding: 8px 0 8px 8px;
				z-index:1000;
				bottom:21px;
				left:-6px;
				box-shadow: 0 1px 6px #555;
			}

			.sub_menu.programs	{width:195px;}
			#subscribe  {width: 126px;}
			#about {width: 180px;}						
											
			.dropdown ul li {
				font-weight: normal;
				font-size:14px;
				float: none; 
				padding:0; 
				line-height:1em; 
				margin:8px 7px;
			}
			                                    /* IE 6 & 7 Needs Inline Block */
			.dropdown ul li a{
				display: inline-block;
			} 

			/* 
				LEVEL THREE
			*/
			.dropdown ul ul {
				left: 100%; top: 0;
			}
			.dropdown li:hover > ul{ 
				visibility: visible;
			 }


}

