/* CSS FOR REMAINDER OF HU GALLERY */

* html {margin:0;padding:0;}
body {
	background-color: #666;
	margin: 0; padding: 0;
	font-family:calibri, arial, helvetica, sans-serif; color:#777; font-size:14px;
	}
a {font-size: 11px;}
a:link, a:visited {font-family:tahoma, arial, helvetica, sans-serif; color:#99cb32; text-decoration:none ;} 
a:hover, a:active {font-family:tahoma, arial, helvetica, sans-serif; color:#ffcc00; text-decoration:underline;}

/* container to hold all of the major elements 
	border:1px solid #ef4f01;
*/
#wrapper {
	width: 890px;
	display: block;
	margin: 0 auto;

	background-image: url('../images/root_img/wrapper_drop-shadow.png');
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0;
	border: 0px solid #ffcc00;
	}
#header {
	float: left;
	display: inline;
	width: 870px; height:135px;
	background-image: url(../images/root_img/header_background.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0 0 0 10px;
	padding: 0;	
	}
	
#header-logo {
	float: left;
	display: inline;
 	height: 90px;
	margin: 0 15px; padding:0;	
	}

#header-links {
	float: right; display: inline;
	width: 210px; height: 19px;
	margin: -88px 20px 0 0;
	padding: 0;
	border: 0px solid #666;
	}
#header-links ul {
	width: 210px;
	list-style: none;
	display: inline;
	margin: 0; padding: 0;
	}
#header-links li {
	display: inline;
	}
#header-links img {
	float: right;
	margin: 0; padding: 0;		
	}	
#header-links ul a {
	float: right;
	width: 45px; height: 19px;	
	margin: 0; padding: 0; 
	text-decoration:none;
	text-align: center; font-size: 11px;
	}
#header-links a:link, #header-links a:visited {
	background: url(../images/root_img/link_off-on.png) no-repeat left top;
	color:#99cb32; 
	line-height: 1.5em;
	}
#header-links a:hover, #header-links a:active {
	background: url(../images/root_img/link_off-on.png) no-repeat right top;
	color:#000; 
	line-height: 1.5em;
	}	

#header-logo img {
	margin-right: 135px;
	}

#header-logo .statement {
	float: left;
	display:block;
	text-indent: 295px;
	margin-top:-10px;
	font-family: calibri, arial, helvetica, sans-serif; font-style: italic;
	color:#eee; font-size: 22px;
	border: 0px solid #ffcc00;
	}

/*  menu bar */	
#header-menu {
	float: left;
	display: inline;
	padding:0; margin: 5px 0;
	width:869px; height: 30px;
	}

#header-menu ul {
	float: left;
	display: inline;
	list-style: none;	
	width: 842px;
	margin: 0 0 0 20px;
	padding: 0;
	border: 0px solid #999;	
	}

#header-menu li {	
	float: left;
	display: inline;
	}

#header-menu ul a {
	float: left;
	width: 100px; height: 30px;
	padding: 0;
	text-decoration: none; text-align: center;
	font-size: 13px;		
	}

#header-menu a:link, a:visited {
	background: url(../images/root_img/menu_off-on.png) no-repeat left top;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #99cb32;
	line-height: 2em;
	}
#header-menu a:hover, a:active {
	background: url(../images/root_img/menu_off-on.png) no-repeat 	right top;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #000; 
	line-height: 2em;
	}		
		
	
/*  page content*/	
#content {
	float: left;
	display: inline;
	width: 850px;
	margin: 0 20px; padding:0;	
   color: #777;
	}
#content-top {
	background: url(../images/content/content_top.png) left top no-repeat;
	width: 830px; height:15px;
	margin: 0 9px; padding: 0;
	}
#content-middle {
	background-image: url(../images/content/content_middle.png);
	background-position:  left top;
	background-repeat: repeat-y;
	background-color: #000; 
	width: 830px;
	margin: 0 9px;
	padding: 0;
	}
#content-middle p{
	margin: 0;
	padding: 12px 18px;	
	}
#content-middle a {
	margin: 0; padding: 0;
	background-image: none;
	}	
#content-middle p strong {	
	color: #fff; font-size: 17px; font-style: italic; font-weight: normal;
	}
#content-bottom {
	background: url(../images/content/content_bottom.png) left top no-repeat;
	width: 830px; height:15px;
	margin: 0 9px;	padding: 0;
	}		

	
#content-form {
	float: left; width: 95%;
	display: inline;
	background-color:#333; 
	margin: 20px; padding: 10px;
	border:1px solid #777;
	}	
#content-form .heading-title {	
	display: inline;
	padding: 0 1.1em;
	}
#content-form form {
	margin: 10px;
	}
#content-form input, #content-form textarea {
	margin: 0; padding: 0; 
	font-size:13px; color: #000;
	}

/*  container for image thumbs */	
#content-thumbs {
	float: left;
	display:inline;	
	width: 790px;
	background-color: #000;
	margin: 3px 17px;	
	padding: 0 2px;
	color:#777;
	line-height: 1.5em;
	}	
#content-thumbs p {
	margin: 0; padding: 0;
	}	
#content-thumbs ul {
	float:left; display: inline; 
	width: 91%;
	list-style: none; 
	padding: .5em 0; margin: 0 0 0 39px;
	}	
#content-thumbs li {
	float: left; display: inline;	
	width:100px; 	
	padding: 0; margin:0 .75em; 
	border:1px solid #777;
	}
#content-thumbs ul a {
	float:left;	display: block; text-align: center;
	}
#content-thumbs li, .imgholder {
	display: block;
	font-family:tahoma, arial, helvetica, sans-serif; 
	font-size:11px; color:#777;	
	text-align: center;
	}		
/*  search results */	
#content-results {
	float: left;
	display: inline;
	width: 790px;
	background-color:#333; 
	margin: 10px 20px; padding: 10px; 	
	border:1px solid #666;
	}		

/*  album stories */
#content-story {
	float: left;
	display:inline;	
	width: 790px;
	margin: 0 10px;
	padding: 0 5px 5px 5px;
	text-align: left; color: #efefef;
	line-height: 1.5em;
	}

	
/*  expandable content  */	
.header-title {
	color: #777; font-size: 13px; font-style: italic; font-weight: bold;
	text-indent: 12px; letter-spacing: .05em;
	margin: 0 10px;
	}
.header-title img {
	vertical-align:middle;padding-bottom:1px;	
	}	
.header-title a {
	color: #777; font-size: 14px; font-style: italic; font-weight: normal;
	line-height: 1.5em;
	text-decoration: underline;	
	}	
.switchgroup1 {
	width: 750px; background-color: #333; color: #ddd;
	margin: 0 auto; font-size:14px;
	padding: 12px 18px; z-index: 5;
	}
.switchgroup1 a:link, .switchgroup1 a:visited {
	font-size:14px; color:#7b9d29; text-decoration: underline;
	}
.switchgroup1 a:hover, .switchgroup1 a:active {
	font-size:14px; color:#ffcc00;	
	}
	
.switchgroup2 {
	width: 720px; background-color: #333; color: #000;
	margin: 0 auto; font-size:14px;
	margin: 3px 0 0 0;
	padding: 5px 12px; z-index: 5;
	}
.switchgroup2 ul {
	list-style: none;
	display: block;
	margin: 0 5px; padding:0;	
	}	
.switchgroup2 li {
	margin-left:20px;
	}	
.switchgroup2 a:link, .switchgroup2 a:visited {
	font-size:14px; color:#7b9d29; text-decoration: underline;
	}
.switchgroup2 a:hover, .switchgroup2 a:active {
	font-size:14px; color:#ffcc00;	
	}	

/*  locations */	
#content-locations {
	float: left;
	display:inline;	
	width: 730px;
	margin: 3px 10px 0 45px;	
	padding: 0 3px;
	text-align: left;
	line-height: 1.5em;		
	}	
#content-locations .smtext {
	display: block; 
	width: 220px !important; height: 25px;
	margin: 0 0 2px 0; padding:.25em 1em;
	text-align: left; border: 1px solid #777;
	}	
#content-locations a {
	margin-left:5px;	
	}	
	
/*  albums */	
#content-albums {
	float: left;
	display:inline;	
	width: 730px;
	margin: 3px 10px 0 45px;	
	padding: 0 3px;
	text-align: left;
	line-height: 1.5em;
	}
#content-albums  p {
	float: left;
	width: 727px;
	display: inline;
	padding: 0 3px 0 0; margin: 0 0 5px 0;
	border: 1px solid #222;
	}
#content-albums .intro {
	width: 724px;
	padding: 3px; margin-top: -10px;
	border: none;
	}	

#content-albums  p .heading-title {
	line-height: 2em
	}
#content-albums  p .albumdescription {
	line-height: 1.2em
	}
#content-albums  p .albumdetails {
	line-height: 1.95em;
	font-size: 11px;
	}	
#content-albums p img {
	padding: 2px 7px 2px 2px;
	}
#content-albums  p .listlocations {
	padding-left:15px;
	}	

/*  SCRIPTACULOUS FIND A PLAYER */
#hint ul.autoUpd {	
	list-style: none !important;
	background-color: #efefef; border: 1px solid #444;
	width: 300px;
	margin: 0; padding: 2px;
	}
	
#hint ul li.selected {
	background-color: #efefef; color: #0000cc;
	cursor: pointer;
	
/* OLD SITE STYLES - ELIMINATE  WHEN POSSIBLE */
.count {font-family:verdana, arial, helvetica, sans-serif; font-size:10px; color:#dedede; font-weight:bold;}
.smtext {font-family:tahoma, arial, helvetica, sans-serif; font-size:11px; color:#dedede; font-weight: normal;}
.heading-title {font-family:verdana, arial, helvetica, sans-serif;	font-size:11px; color:#ffcc00; font-weight:bold;}