/* CONTENT.CSS */



* {
  margin:0;
  padding:0;
  /*border: .5px solid black;*/
}
html, body {
  height: 100%;
}

body {
	/* background-color: #333333; */
	/* background-image: url("/images/background.jpg"); */
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
			
/* 100% height for compliants, enwraps content */
#wrapper {
  margin: 0 auto;
  width: 800px;
  min-height:100%;
  margin-left:auto; 
  margin-right:auto;
}

/* and feed IE6 what it needs via the star-html hack */
* html #wrapper{
  height: 100%;
}


.image_info {
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align:center;
	padding-top:5px;
}

#image_info {
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align:center;
	margin-top:8px;
}

#content_table{
	table-layout:fixed; 
	position:absolute;
	left:170px;
	top:80px;
}

/* content header graphic */
#content_header {
	padding-bottom:38px;
}

#footer_new {
  	margin: -60px auto 0;
  	width: 560px;
  	height: 1.6em;
  	position: relative;
  	text-align:center;
	font-size: 9px;
	padding: 9px;
}



/* do not show border link */
a img {
	border: none; 
	}

.asset
	{
		text-align: center;
		height: 450px;
		width: 100%;
		padding: 0px;
	}


.layout
	{
		width: 100%;
		height: 730px;
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

.main
	{
		text-align: left;
		margin-left: 180px;

	}
	

	
.img.floatRight { 
    float: right; 
    margin: 4px; 
}
	
	
	/* Image at right of text on content pages */
.image_float { 
	vertical-align: top;
	float: right; 
	padding-left:8px;
	padding-bottom:2px;
	padding-right:8px;
	padding-top:0px;
}

	/* Image at right of text on content pages */
.image_float_left { 
	vertical-align: top;
	float: left; 
	padding-left:8px;
	padding-bottom:2px;
	padding-right:8px;
	padding-top:0px;
}


/* 
.content
	{
		vertical-align: top;
		text-align: left;
		height: 450px;
		width: 86%;
		padding: 0 120px;
	}
*/
	
.image {
    padding-top:16px;
    }

/* Box above page content: */

.heading_text { 
	
	font-size:24px;
	letter-spacing: 3px;

	


	}
	
	
.sub_text { 
	
	font-size:13px;
	margin-top:20px;
	


	}

#header_graphic {
	margin-top: 34px;
}

	

/* Body Text and Hyperlink decoration: */

.body_text { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding-left:4px;
	padding-top:4px;
	}
	

/* Home Page Heading */
.index_heading {
    margin-left: auto;
	margin-right: auto;
	font-size:30px;
	letter-spacing: 3px;
	font-family:Verdana, Helvetica, sans-serif;
	color:#999;
	padding-bottom: 0px;
}


/* Message above index list */
#index_message {
	font-size:13px;
	font-family:Verdana, Helvetica, sans-serif;

}

/* List of galleries generated by gallery.php */
#index_list {
	margin-left: 23px;
	line-height: 18px;
}

/* NEW_MENU_DETAILS.CSS */


/* Add a margin and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:4px 0 0px 8px; position:absolute; width:1px; height:20px; z-index:100;text-align:left;top: 0;left: 0;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type:none;}

/* Set up the link size, color and borders - changing color didn't seem to do much */
#pmenu a, #pmenu a:visited {display:block; width:130px; font-size:11px; color:#666666; height:16px; line-height:16px; text-decoration:none; text-indent:4px; border-width:1px 0 1px 1px;outline:none;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 0px 0px 0px;}

#pmenu li a.menu_nolink, #pmenu li a.menu_nolink:visited {border-width:0px; background:transparent url(/images/transparent.gif);}

#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0px; background:transparent url(/images/transparent.gif);}

/* sets color of active item */
#pmenu li a.enclose2, #pmenu li a.enclose2:visited, #pmenu li a.enclose2:hover, #pmenu li a.enclose2:active, #pmenu li a.enclose2:focus {border-width:0px; background:transparent url(/images/transparent.gif);}



/* Set up the list items */
#pmenu li {float:left; background:#242424;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}

/* SETS COLOR FOR MENU ROLLOVER Make the hovered list color persist */
#pmenu li:hover > a {background:transparent url(/images/transparent.gif);}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none; background:transparent url(/images/transparent.gif)}
/* controls background color of menu */
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:60px; padding:10px 0px 30px 30px; background:transparent url(/images/transparent.gif); width:140px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:transparent url(/images/transparent.gif);}

/* Color of active item!!! For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:transparent url(/images/transparent.gif);}

/*#pmenu li.fly3 {color:black;background:#FFFFFF; no-repeat right center; width:140px;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;font-weight:500;} */


/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:transparent url(/images/transparent.gif); background-repeat: repeat; margin:0px 0 0px 2px;}
#pmenu li.fly2 {background:transparent url(/images/transparent.gif); background-repeat: repeat; margin:0px 0 0px 8px;} 
#pmenu li.fly3 {background:#FFFFFF; width:140px;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
#pmenu li.fly4 {background:transparent url(/images/transparent.gif); background-repeat: repeat; margin:10px 0 0px 2px;}
#pmenu li.fly5 {background:transparent url(/images/transparent.gif); background-repeat: repeat; margin:6px 0 0px 8px;}
#pmenu li.fly6 {background:transparent url(/images/transparent.gif); background-repeat: repeat; margin:4px 0 0px 8px;}
#pmenu li.drop {background:transparent url(/images/transparent.gif); background-repeat: repeat;}

/* #pmenu li.fly {background:#FFFFFF url(fly.gif) background-repeat: repeat;}
#pmenu li.drop {background:#FFFFFF url(drop.gif) background-repeat: repeat;} */

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(/images/transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */