.none{ /* fixes a netscape4 issue */
}

body {
	text-align: center;
	min-width="770";
	background-color: #000000;
}

#popblock {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: left;
    color: #FFFFFF;
	background-color: #666666;
	padding: 25px;
}

	#popblock a {
	 	text-decoration: none;
		color: #FFCC66;
	}
	
	#popblock a:hover {
	 	text-decoration: underline;
	}


#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(path/to/image1.png);
       background-image: url(path/to/image2.png);
       background-image: url(path/to/image3.png);
       background-image: url(path/to/image4.png);
       background-image: url();
}

#toplink {
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: small-caps;
	background-color: #000000;
	text-align: right;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #FFFFFF;
}

	#toplink a {	
		text-decoration: none;
		color: #FFFFFF;
	}
	
	#toplink a:hover {
		text-decoration: underline;
	}


#wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;		
}

/******************************* Navigation Menu *******************************/

	
	/*** Navigation Bar Block Areas***/
	#menuNavBar1 {
		width: 750px;
		position: relative;
		top: -25px;	
		_top: -29px;
		z-index: 10;
		float: left;
	}
	
	#menuNavBar2 {
		width: 750px;
		height: 60px;
		position: relative;
		top: -25px;
		_top: -29px;
		float: left;
		padding-top: 2px;
		background-color: #FFFFFF;
	}
	
	#homeNavBar2 {
		width: 750px;
		height: 80px;
		position: relative;		
		float: left;
		padding-top: 2px;
		background-color: #FFFFFF;
	}
	
	/*** Top Row Nav Buttons ***/
	div#imgBar1 ul{
		margin: 0;
		padding: 0;
		width: 750px;
		list-style: none;
		float: left
	}
	
	div#imgBar1 a {
		display: block;
		width: 150px;
		float: left;
		filter: alpha(opacity=80);
		-moz-opacity:.70;
		opacity: .70;
	}
	
	div#imgBar1 li {
		float: left;	
		display: inline;
	}

	/*** Bottom Row Nav Buttons ***/
	div#imgBar2 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 750px;
		float: left;	
	}
	
	div#imgBar2 a {
		display: block;
		width: 150px;
		float: left;
	}
	
	div#imgBar2 li {
		float: left;	
		display: inline;
	}
				
	
	#imgBar1 .festival a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_festival.gif) no-repeat left top; }
	#imgBar1 .youth a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_youth.gif) no-repeat left top; }
	#imgBar1 .overseas a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_overseas.gif) no-repeat left top; }
	#imgBar1 .newsletter a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_newsletter.gif) no-repeat left top; }
	#imgBar1 .about a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_about.gif) no-repeat left top; }
	#imgBar2 .sponsors a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_sponsors.gif) no-repeat left top; }
	#imgBar2 .advertise a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_advertise.gif) no-repeat left top; }
	#imgBar2 .volunteer a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_volunteer.gif) no-repeat left top; }
	#imgBar2 .donate a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_donate.gif) no-repeat left top; }
	#imgBar2 .join a { display: block; width: 150px; height: 25px; float: left; background: url(/imgs/btn_join.gif) no-repeat left top; }
	
	#imgBar1 .festival a:hover,
	#imgBar1 .youth a:hover,
	#imgBar1 .overseas a:hover,
	#imgBar1 .newsletter a:hover,
	#imgBar1 .about a:hover	{ 
		background-position: right top; 
		filter: alpha(opacity=85); 
		-moz-opacity:.85; opacity: .85; 
	}
	
	#imgBar2 .sponsors a:hover,
	#imgBar2 .advertise a:hover,
	#imgBar2 .volunteer a:hover,
	#imgBar2 .donate a:hover,
	#imgBar2 .join a:hover	{ 
		background-position: right top;
	}


	/*** Highlight Top Nav Buttons of Current Page ***/
	body.festival #imgBar1 .festival a,
	body.youth #imgBar1 .youth a,
	body.overseas #imgBar1 .overseas a,
	body.newsletter #imgBar1 .newsletter a,
	body.about #imgBar1 .about a {
		color: #6699CC;
		background-position: right top;
		filter: alpha(opacity=85);
		-moz-opacity: 0.85;
		opacity: 0.85;
		cursor: default;
	}
	
	/*** Highlight Lower Nav Buttons of Current Page ***/
	body.sponsors #imgBar2 .sponsors a,
	body.advertise #imgBar2 .advertise a,
	body.volunteer #imgBar2 .volunteer a,
	body.donate #imgBar2 .donate a,
	body.join #imgBar2 .join a {
		background-position: right top;
		cursor: default;
	}

/******************************* HomePage *******************************/


	/*** Branding Banner Block in Wrapper Block ***/
	#brandingHome {
		width: 750px;
		height: 291px;
		_height: 196px;
	}
	
	/*** Main Content Block ***/
	#mainContentHome {
		position: relative;
		top: -25px;	
		_top: -29px;
		width: 750px;
		float: left;
		background-color: #FFFFFF;
		background: url(/imgs/wpixel.gif) repeat;
	}

		#mainContentHome h4 {
			color: #6699CC;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
			
		#mainContentHome p {
			color: #444444;
			font-family: "Times New Roman", Georgia, Times, serif;
			font-size: 12px;
		}
		
		#mainContentHome h2 {
			color: #444444;
			font-family: "Times New Roman", Georgia, Times, serif;
			font-size: 20px;
		}
		
		#mainContentHome a {
			color: #666666;
		}
		
		#mainContentHome a:hover {
			color: #6699CC;
		}
	
	/*** Sub Splash Content within Main Content Block ***/
	#subSplashContent {
		position: relative;
		float: left;
		width: 690px;
		padding-right: 30px;
		padding-left: 30px;
		background: #000000;
		color: #FFFFFF;
		font-family: "Times New Roman", Georgia, Times, serif;
		font-size: 12px;
	}
	
		#subSplashContent a {
			color: #FFCC00;
		}
		
		#subSplashContent a:hover {
			color: #FFFF00;
		}
		
		#subSplashContent h1 {
			font-size: 48px;
			color:#FF9900;
		}
	
	#videoBox {
		position: relative;
		width: 429px;
		height: 352px;
		background:#777777;
		padding-top: 2px;
	}
	
	/*** Sub Content #1 within Main Content Block ***/
	#subContent1 {
		width: 220px;
		float: left;
		min-height: 950px;
		padding-right: 10px;
		padding-left: 20px;
		background: #FFFFFF url(/imgs/vertical.gif) top right repeat-y;
	}
	
	/*** Sub Content #2 within Main Content Block ***/
	#subContent2 {
		width: 215px;
		float: left;
		min-height: 950px;
		padding-right: 15px;
		padding-left: 20px;
		background: #FFFFFF url(/imgs/vertical.gif) top right repeat-y;
	}
	
	/*** Sub Content #3 within Main Content Block ***/
	#subContent3 {
		width: 210px;
		float: right;
		min-height: 950px;
		padding-left: 10px;
		padding-right: 20px;
		background-color: #FFFFFF;
	}
	
	.thumb {
		padding-bottom: 15px;
		padding-right: 10px;
	}
	
	

/******************************* Style For Sub Pages *******************************/



	/*** Branding Banner Block in Wrapper Block ***/
	#branding {
		width: 750px;
		height: 200px;
		_height: 196px;
	}


	/*** SubMenu Block/Style in Wrapper Block ***/
	#subNav {
		position: relative;
		top: -25px;	
		_top: -29px;
		width: 170px;
		float: left;
		background-color: #E6EEF7;
	}
	
	#subNav a {
		display: block;
		width: 150px;
		line-height: 1.4;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-right: 5px;
		padding-left: 5px;
		margin-left: 7px;
		border-bottom: solid 1px #A9BCDB;
		background-color: #E6EEF7;
		color: #777777;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		text-decoration: none;
	}
	
	#subNav a:hover {
		color:#000000;
	}
	
	/* #subNav a .menuOn{
		display: block;
		width: 142px;
		line-height: 1.4;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 7px;
		background-color: #FFFFFF;
		color: #777777;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		text-decoration: none;
		cursor: default;
	}*/
	
	#subNav a .menuOn{
		display: block;
		width: 150px;
		line-height: 1.4;
		color: #000000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		text-decoration: none;
		cursor: default;
	}
		
	#subNav .navHeader  a {
		display: block;
		width: 162px;
		padding: 4px;
		margin-left: 0px;
		line-height: 1.4;
		background-color: #6699CC;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
	}
	
	#subNav .navHeader a:hover {
		color: #FFFFFF;
	}
		
	/*** SubMenu Color Column ***/
	body.festival #wrapper,
	body.youth #wrapper,
	body.overseas #wrapper,
	body.newsletter #wrapper,
	body.about #wrapper,
	body.sponsors #wrapper,
	body.advertise #wrapper,
	body.volunteer #wrapper,
	body.donate #wrapper,
	body.join #wrapper {	
	background:url(/imgs/submenu.gif) repeat-y left;
	}


	/*** Content Block Area ***/
	#content {
		position: relative;
		top: -25px;	
		_top: -29px;
		width: 560px;
		float: right;
		display: inline;
	}
	
	#content a {
		color: #666666;
	}
		
	#content a:hover {
		color: #6699CC;
	}
	
	#content h4 {
		color: #6699CC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
			
	#content p {
		color: #444444;
		font-family: "Times New Roman", Times, serif;
		font-size: 12px;
	}
	
	#content strong {
		color: #333333;
		font-weight: bold;
		font-size: 12px;
	}
	
	#content li {
		color: #666666;
		font-family: "Times New Roman", Times, serif;
		font-size: 12px;
	}

			/*** MainContent Block/Styles in Content Block ***/
			#mainContent {
				position: relative;
				top: 10px;
				_top: 25px;
				width: 505px;
				float: right;
				margin-left: 0px;
				margin-right: 30px;
				padding-left: 15px;
				padding-right: 25px;
				display: inline;
			}
			
			/*** MainContent Block/Styles in Content Block ***/
			#primaryContent {
				position: relative;
				top: 10px;
				_top: 25px;
				width: 315px;
				float: left;
				padding-right: 10px;
				background: #FFFFFF url(/imgs/vertical.gif) top right repeat-y;				
			}
			
			
			/*** SecondaryContent Block/Styles in Content Block ***/
			#secondaryContent {
				position: relative;
				top: 10px;
				_top: 25px;
				width: 206px;
				float: right;
				padding-left: 5px;
				padding-right: 15px;
			}			


/******************************* Footer / Clear Blocks *******************************/


	/*** Clear Block ***/
	#clear {	
		width: 750px;
		height: 1px;
		clear: both;
	}
	
	/*** Footer Block/Style ***/
	#footer {	
		width: 750px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-variant: small-caps;
		background-color: #000000;
		text-align: left;
		margin: 0 auto;
		color: #FFFFFF;
	}
	
	#footer p {		
		line-height: 14px;
		_line-height: 17px;
		text-align: center;
		margin-top: 12px;
	}
 	
	#footer a {	
		text-decoration: none;
		color: #FFFFFF;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	

/******************************* Form Style *******************************/

	fieldset {
		width: 420px;
		margin: 15px;		
		padding: 20px;
		border: 1px solid #CCCCCC;
		background: #F5F5F5;
	}
	
	legend {
		color: #666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		float: left;
		width: 150px;
	}
	
	input: focus {
		background: #FFFFCC;
	}
	
	input[type="text"] {
		width: 200px;
		border-top: 1px solid #BBBBBB;
		border-left: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;		
	}
	
	.required {
	 	color: #990000;
		font-size: 10px;
		font-weight: normal;
	}