.none{ /* fixes a netscape4 issue */

}



body {

	
	text-align: center;

	min-width:770px;

	background-color: #000999;




}



#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: 11px;

	font-variant: small-caps;

	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: 85px;

		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=70);

		-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 .home a { display: block; width: 149px; height: 20px; padding-top:5px; float: left; background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold}

	#imgBar1 .about a { display: block; width: 149px; height: 20px; padding-top:5px; float: left; background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }

	#imgBar1 .gallery a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }

	#imgBar1 .video a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }

	#imgBar1 .shop a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }

	#imgBar2 .donations a { display: block; width: 149px; height: 20px; padding-top:5px; padding-top:5px; float: left; background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold }

	#imgBar2 .outreach a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  text-align:center; font-weight:bold}

	#imgBar2 .events a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold}

	#imgBar2 .links a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  text-align:center; font-weight:bold}

	#imgBar2 .contact a { display: block; width: 149px; height: 20px; padding-top:5px; float: left;  background-color:#2D3E7B; color:#FFFFFF; font-size:11px; border-right:1px solid #FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold}

	

	#imgBar1 .home a:hover,

	#imgBar1 .about a:hover,

	#imgBar1 .gallery a:hover,

	#imgBar1 .video a:hover,

	#imgBar1 .shop a:hover	{ 

		background-color:#3060B8; 
		  
		color:#FFFFFF; 
		  
		font-size:11px; 
				  
		border-right:1px solid #FFF; 

		filter: alpha(opacity=85); 

		-moz-opacity:.85; opacity: .85; 

	}

	

	#imgBar2 .donations a:hover,

	#imgBar2 .outreach a:hover,

	#imgBar2 .events a:hover,

	#imgBar2 .links a:hover,

	#imgBar2 .contact a:hover	{ 

		background-color:#3060B8; 
		
		color:#FFFFFF;

	}





	/*** Highlight Top Nav Buttons of Current Page ***/

	body.home #imgBar1 .home a,

	body.about #imgBar1 .about a,

	body.gallery #imgBar1 .gallery a,

	body.video #imgBar1 .video a,

	body.shop #imgBar1 .shop a {

		background-color:#000099; 
		  
		color:#FFFFFF; 

		filter: alpha(opacity=85);

		-moz-opacity: 0.85;

		opacity: 0.85;

		cursor: default;

	}

	

	/*** Highlight Lower Nav Buttons of Current Page ***/

	body.donations #imgBar2 .donations a,

	body.outreach #imgBar2 .outreach a,

	body.events #imgBar2 .events a,

	body.links #imgBar2 .links a,

	body.contact #imgBar2 .contact a {

		background-color:#000099; 
		
		color:#FFFFFF;

		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: url(http://www.dancesilkroad.org/images/wpixel.gif) repeat;

	}



		#mainContentHome h4 {

			color: #000999;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 14px;

		}

			

		#mainContentHome p {

			color: #444444;

			font-family:Verdana, Tahoma, Arial, Serif;

			font-size: 12px;

		}

		

		#mainContentHome a {

			color: #666666;

		}

		

		#mainContentHome a:hover {

			color: #000999;

		}

	

	

	/*** Sub Content #1 within Main Content Block ***/

	#subContent1 {

		width: 220px;

		float: left;

		padding-right: 10px;

		padding-left: 20px;

		background: #FFFFFF url(http://www.dancesilkroad.org/images/vertical.gif) top right repeat-y;

	}

	

	/*** Sub Content #2 within Main Content Block ***/

	#subContent2 {

		width: 215px;

		float: left;

		padding-right: 15px;

		padding-left: 20px;

		background: #FFFFFF url(http://www.dancesilkroad.org/images/vertical.gif) top right repeat-y;

	}

	

	/*** Sub Content #3 within Main Content Block ***/

	#subContent3 {

		width: 210px;

		float: right;

		padding-left: 10px;

		padding-right: 20px;


	}

	

	



/******************************* 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 #000099;

		background-color: #E6EEF7;

		color: #000099;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 11px;

		text-decoration: none;

	}

	#subNav .expanded a {

		display: block;

		width: 150px;

		line-height: 1.05;

		padding-top: 9px;

		padding-bottom: 9px;

		padding-right: 5px;

		padding-left: 5px;

		margin-left: 7px;

		border-bottom: solid 0px;

		background-color: #E6EEF7;

		color: #000000;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 11px;

		text-decoration: none;

	}

	#subNav .subSubNav a {

		display: block;

		width: 150px;

		line-height: 0.5;

		padding-top: 9px;

		padding-bottom: 9px;

		padding-right: 5px;

		padding-left: 10px;

		margin-left: 7px;

		border-bottom: solid 0px;

		background-color: #E6EEF7;

		color: #000099;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 11px;

		text-decoration: none;

	}

	#subNav .subSubNavLast a {

		display: block;

		width: 150px;

		line-height: 0.5;

		padding-top: 9px;

		padding-bottom: 14px;

		padding-right: 5px;

		padding-left: 10px;

		margin-left: 7px;

		border-bottom: solid 1px #000099;

		background-color: #E6EEF7;

		color: #000099;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 11px;

		text-decoration: none;

	}

	
	#subNav a:hover {

		color:#000000;

	}

	

	#subNav .menuOn a{

		display: block;

		width: 150px;

		line-height: 1.4;

		color: #000000;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 11px;

		text-decoration: none;

		cursor: default;

	}

		

	#subNav .navHeader  a {

		display: block;

		width: 162px;

		padding: 4px;

		padding-left: 8px;

		margin-left: 0px;

		line-height: 1.4;

		background-color: #2D3E7B;

		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.about #wrapper,

	body.video #wrapper,

	body.gallery #wrapper,

	body.contact #wrapper,

	body.donations #wrapper,

	body.outreach #wrapper,

	body.shop #wrapper,

	body.events #wrapper,

	body.links #wrapper,

	body.home #wrapper {	

	background:url(http://www.dancesilkroad.org/images/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: #000999;

		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 14px;

	}

			

	#content p {

		color: #444444;

		font-family:Verdana, Tahoma, Arial, Serif;

		font-size: 12px;

	}

	

	#content strong {

		color: #333333;

		font-weight: bold;

		font-size: 12px;

	}

	

	#content li {

		color: #666666;

		font-family:Verdana, Tahoma, Arial, 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(http://www.dancesilkroad.org/images/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;

		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: #EEEEEE;

	}

	

	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: 11px;

		font-weight: normal;

	}