body { 
	text-align: center; 
	background-color: #271E27;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, verdana, Helvetica, Geneva, SunSans-Regular, sans-serif;
	COLOR: #000000;
	}

img { border: 0px; }

p.white { color: white; }

td, p, span { font-size: 11px; margin: 1em 0px }

input, select, textarea { font-size: 9px }

table { border-collapse: collapse; }

a:link  { color: #000000  }
a:visited  { color: #000000  }
a:hover { color: #ff6600 }
a:active  { color: #000000  }

h1 { font-size: 16px; font-weight: bold;  margin-right: 5px; margin-left: 5px;}
h2 { font-size: 14px; font-weight: bold; margin-right: 5px; margin-left: 5px;}
h3 { font-size: 12px; font-weight: bold;  margin-right: 5px; margin-left: 5px;}
p.content-header { font-size: 16px; font-weight: bold; color: purple}
p.content-subheader { font-size: 12px; font-weight: bold; color: purple}
p.content-subheader-gray { font-size: 12px; font-weight: bold; color: gray}
span.gray { font-weight: normal; color: gray}
span.gray-b { font-weight: bold; color: gray}
span.purple-b { font-weight: bold; color: purple}
span.red-b { font-weight: bold; color: red}

/* MAIN CONTAINERS - used in every page  */

	#container-content  {
		width:720px;
		margin:0px auto;
		text-align:center;
		padding: 0px;
		background: url(/images/con_main_bg.gif) repeat-y;	
		background-color: #ffffff;
		}


/* HEADER ELEMENTS - used in every page  */

/* CONTENT CONTAINER WRAP - used in every page  */


	#container-content-wrap {
		width:700px;
		margin:0px auto;
		padding: 0px;
		border: 0px;
		text-align: center;
		background: #ffffff;
		}

	.clearer { clear: both; line-height: 0px; height: 0px; font-size: 0px; /*for IE*/ }


	/*  CONTENT-CONTAINER-HOME - used in home page - 2 column layout */
	
		#container-content-home {
			width: 100%;
			text-align: center;
			padding: 1px 0px 1px 0px;
			margin: 0px;
			}
	
		#container-content-home-left {
			width:348px;
			margin: 0px;
			padding: 0px 1px 0px 1px;
			float:left;
			text-align: left;
			}

		#container-content-home-right {
			width:349px;
			padding: 0px 1px 0px 0px;
			margin: 0px;
			float:left;
			text-align: left;
			}
		#contentbar-home {
			width:100%;
			height: 320px;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: center;
			}	
		#contentbar-home p{	margin-right: 5px; margin-left: 5px;}
		#imagebar-home { 
			width:100%;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: center;
			height: 486px; 
			}

	/*  CONTENT-CONTAINER-SUB - used in sub pages - 1 column layout */
	
#container-content-sub  {
			width: 100%;
			text-align: center;
			padding: 1px 0px 1px 0px;
			margin: 0px;
			}
	
		#container-content-sub-header {
			width: 698px;
			margin: 0px;
			padding: 0px 1px 0px 1px;
			float:left;
			text-align: center;
			}

		#container-content-sub-left {
			width: 110px;
			margin: 0px;
			padding: 0px 0px 0px 10px;
			float:left;
			text-align: left;
			}
			
		#container-content-sub-right {
			width:578px;
			padding: 0px 0px 0px 0px;
			margin: 0px;
			float:left;
			text-align: left;
			}
			
		#contentbar-sub-spacer {
			width:100%;
			padding: 5px 0px 0px 0px;
			margin: 0px;
			float:left;
			text-align: left;
			}


		#contentbar-sub {
			width:100%;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: left;
			border-left: 1px dotted #6A6A6A;			
			}			
		* html #contentbar-sub {
			text-align: left;
			float: left;
			border-left: none;
			padding: 1px;
			background: url(/images/spacer_dot_ver.gif) repeat-y left;				
			}			


		* html hr {
			border-bottom: none;
			padding: 1px;
			background: url(/images/spacer_dot_horz.gif) repeat-x bottom;				
			}		


		#contentbar-sub-menu {
			width:100%;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: left;
/*			border-top: 1px dotted #6A6A6A;			*/
			}			
/*			
		* html #contentbar-sub-menu {
			border-left: none;
			padding: 1px;
			background: url(/images/spacer_dot_horz.gif) repeat-x bottom;				
			}			
*/			
		#contentbar-sub p, #contentbar-sub-spacer p{ margin-right: 5px; margin-left: 5px;}

		#contentbar-sub-menu p.menu-main, #contentbar-sub-menu a.menu-main {font-size: 14px; }


#headerbar    {
			width:100%;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: left;
			}			
		#headerbar-blue {
			width:100%;
			height: 66px;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: center;
			background-color: #302E40;			
			}	
		#headerbar-white {
			width:100%;
			height: 1px;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: left;
			background-color: #ffffff;			
			}			
		#headerbar-gray{
			width:100%;
			height: 16px;
			padding: 0px;
			margin: 0px;
			float:left;
			text-align: center;
			background-color: #6a6a6a;			
			}




	#gallerybar{
		width:568px;	/* Total width of slideshow */
		padding: 0px 5px 0px 5px;

	}
	
	#previewPane{
	/*  border:1px solid #000;  */
		margin: 0px 5px 0px 0px; 
		text-align:center;
		vertical-align:middle;
		padding:35px 0px 35px 0px;
		
		
		/* CSS HACK */
		height: 350px;	/* IE 5.x */
		height/* */:/**/350px;	/* Other browsers */
		height: /**/350px;
		
		width:440px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:500px;
		top:350px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 360px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/360px;	/* Other browsers */
		height: /**/360px;
		
		/* CSS HACK */
		width: 120px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:1px solid #312E41;	/* Black border */		
		padding: 0px 0px 0px 0px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:290px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding: 1px 0px 0px 0px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		FONT-SIZE: 11px;
		FONT-FAMILY: Arial, verdana, Helvetica, Geneva, SunSans-Regular, sans-serif;		
	}
	#theImages .imageCaption{
		display:none;
		FONT-SIZE: 11px;
		FONT-FAMILY: Arial, verdana, Helvetica, Geneva, SunSans-Regular, sans-serif;
	}
	.LargeViewContainer { color: #ffffff; float: left; text-align: center; }