/* HOUSTON MACPHERSON MAIN SITE CSS */

/* GENERAL */
body {
	scrollbar-face-color: #151515;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #0066FF;
	background-color: #000000;
	background-attachment: fixed;
	}
p {	
font-family: verdana;
	font-size: 11px;
	padding: 3px;
	color: #EEEEEE;
	/* text-align: justify; */
}
a { /* primary links */
	font-family: verdana;
	font-size: 10px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
a:active { 
	font-family: verdana;
	font-size: 10px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
a:visited { 
	font-family: verdana;
	font-size: 10px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
a:hover { 
	font-family: verdana;
	font-size: 10px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}

/* CONTAINERS */
div.container { /* Main grey container */
	width:950px;
	margin: 0px auto 0px auto;
	background-color:#000000;
	border:1px solid black;
  }
div.header { /* Site header container: see HTML for include script */
	width:942px;
	height:220px;
	margin:1px 1px 1px 1px;
	background-color:#151515;
  }  
div.nav { /* Loads in header div include */
	width:942px;
	height:30px;
	margin:0px 0px -3px 0px;
	background-color:#0066FF;
  }
div.navElement { /* Home, Audio, Performer, etc */
	float: left; 
	width: 115px;
	height: 20px; 
	margin: 10px 1px 0px 1px; 
  } 
div.indexBody { /* Index page body: see HTML for include script */
	width:347px;
	height: 540px;
	margin: 0px 1px 1px 0px;
	background-color: #151515;
	position: relative;
	float: left;
	left: 1px;
	text-align: left;
  }
div.indexRightRail { /* Index page right rail: see HTML for include script */
	width:600px;
	height: 540px;
	margin: 0px 0px 1px 0px;
	background-color: #151515;
	position: relative;
	left: 1px;
	text-align: left;
	float: left;
  }
		/* Sub page divs */
		div.subBody { 
			width:948px;
			margin: 0px 1px 1px 0px;
			background-color: #151515;
			position: relative;
			float: left;
			left: 1px;
			text-align: left;
  		  }
		div.subCenter {
			float: left; 
			width: 575px; 
			border-left: 1px dotted #202020;
			border-right: 1px dotted #202020;  
			margin: 2px 0px 5px 5px; 
			padding: 0px 5px 0px 5px;
		  }
		div.subLeft {
			float: left; 
			width: 165px;
		  }
		div.subRight { 
			width: 190px;
			margin: 2px 2px 5px 1px;
			position: relative;
			float: left;
			padding: 3px 0px 3px 3px;
  		  }	
div.footer { /* Footer: see HTML for include script */
	width: 948px;
	margin: 0px 1px 1px 1px;
	padding: 5px 0px 2px 0px;
	background-color: #151515;
	position: relative;
	text-align: center;
	clear: both;
  }  

/* NAV LINKS */
.navLink {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #151515;
	text-align: center;
	width: 115px;
	height: 25px;
	float: left;
	cursor:default;
}
.navLink:active {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #0066FF;
	text-align: center;
	background-color: #151515;
	width: 115px;
	height: 25px;
	float: left;
	cursor:default;
}
.navLink:visited {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #151515;
	text-align: center;
	width: 115px;
	height: 25px;
	float: left;
	cursor:default;
}
.navLink:hover {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #0066FF;
	text-align: center;
	background-color: #151515;
	width: 115px;
	height: 25px;
	float: left;
	cursor:default;
}

/* LINKS */
.linkcopy { /* primary links manual class */
	font-family: verdana;
	font-size: 10px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopy:active { 
	font-family: verdana;
	font-size: 10px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
.linkcopy:visited { 
	font-family: verdana;
	font-size: 10px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopy:hover { 
	font-family: verdana;
	font-size: 9px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyDark { /* smaller link copy */
	font-family: verdana;
	font-size: 9px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyDark:active { 
	font-family: verdana;
	font-size: 9px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyDark:visited { 
	font-family: verdana;
	font-size: 9px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyDark:hover { 
	font-family: verdana;
	font-size: 9px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyMed { /* medium size link copy */
	font-family: verdana;
	font-size: 12px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyMed:active { 
	font-family: verdana;
	font-size: 12px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyMed:visited { 
	font-family: verdana;
	font-size: 12px;
	color: #0066FF;
	text-decoration: none;
	cursor:default;
}
.linkcopyMed:hover { 
	font-family: verdana;
	font-size: 12px;
	color: #4F95FF;
	text-decoration: none;
	cursor:default;
}

/* TEXT AND BODY STYLES */
.bodycopy { /* primary text manual class */
	font-family: verdana;
	font-size: 10px;
	padding: 3px;
	color: #EEEEEE;
}
.bodycopyMed { /* medium sized text */
	font-family: verdana;
	font-size: 12px;
	padding: 3px;
	color: #EEEEEE;
}
.bodycopyLarge { /* large sized text */
	font-family: verdana;
	font-size: 14px;
	padding: 3px;
	color: #EEEEEE;
}
.bodycopyDark { /* small grey text */
	font-family: verdana;
	font-size: 9px;
	padding: 3px;
	color: #666666;
}
.bodycopyDarkMed { /* medium sized blue text */
	font-family: verdana;
	font-size: 10px;
	padding: 3px;
	color: #0066FF;
}
.header {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0066FF;
	padding: 3px;
}
.headerSub { /* grey header */
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	padding: 3px;
}
.headerSubSub { /* blue header */
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #0066FF;
	padding: 3px;
}

/* IMAGES */
.imageBorder { /* image border */
	margin: 3px;
	float: left;
	border: 1px solid #0066FF;
}
.imageBorder2 { /* image border */
	margin: 3px;
	border: 1px solid #0066FF;
}
.borderborder {
	border:1px dotted #333333;
	padding:2px;
}
#listen
{
  display: block;
  width: 155px;
  height: 50px;
  background: url("images/listen.gif") no-repeat 0 0;
}
#listen:hover
{ 
  background-position: 0 -50px;
}
#listen span
{
  display: none;
}

/* GALLERY PAGINATION */
.paginationstyle { /* Style for demo pagination divs */
	width: 140px;
	position: relative;
	float: left;
	text-align: center;
	padding: 0px 0;
	margin: 0px 0;
}
.paginationstyle a { /* Pagination links style */
	text-decoration: none;
	/* border: 1px solid #CBD6E7;
	padding: 2px; */
	color: #0066FF;
	font-family: verdana;
	font-size: 9px;
	background-color: white;
}
.paginationstyle a:hover, .paginationstyle a.selected{ /* prev next text */
	color: #0066FF;
	background-color: #151515;
}
.paginationstyle .flatview a:hover img, .paginationstyle .flatview a.selected img { /* Pagination div "flatview" links style */
	position: relative;
	float: left;
	color: #0066FF;
	background-color: #151515;
	border:1px solid #0066FF;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	padding:1px;
}
.paginationstyle .flatview img { /* Pagination div "flatview" links style */
	position: relative;
	float: left;
	background-color: #151515;
	border:1px solid #0066FF;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	padding:1px;
}

/* END CSS */