@charset "UTF-8";

body  {
	font: 84% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #1b1f21;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
	text-decoration: none;
}

/* ------------------------------------------------ layout  ----------------------------*/

#container {
	width:940px; /* set to fit MT wide template */
/*background: #FFFFFF; ----Edit aid-----  */
/*border: 1px solid #000000; ----Edit aid-----  */
	/* text-align: left; this overrides the text-align: center on the body element. */
	margin: 0 auto;
	margin-top: 15px;
	padding: 0;

}

#container-inner{
	margin: 0px auto;
	background:#000; /* mid section BG colour*/
	padding: 0;
}

#content{
	margin: 0 auto;
	width:900px;

}

#content-inner{
	margin: 0 auto;
	width:850px;
}


/* ------------------------------------------------ header  (container-inner)----------------------------*/


#header{
	background:#1b1f21;
	height:85px; /* Set header height*/
	margin:0;
	padding:0 5px;
	border-bottom:1px solid #606060;
}
#header-inner {
	margin:0;
}

#navigation{
	display:block;
	float:right;
	margin-top:50px; /*---- set navigation panel position-----  */
}

/* ------------------------------------------------- logo  ----------------------------*/
/* ------------------------------------------------------------------------------------*/
#logo {
	display:block;
	height:80px;
	margin:0;
	padding:0;
	background-image: url(../images/mnLogo.png);
	background-repeat: no-repeat;
	background-position: left;
} 		

#logo.hidetext{
	text-indent: -999em;
}


/* --------------------------------------- Background Images --------------------------*/
/* ------------------------------------------------------------------------------------*/
#floorscape-bg-image {
	background-image: url(../images/mn_floorscape.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 430px;	
}

#songs-bg-image {
	background-image: url(../images/voice-squad.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	margin-bottom: 60px;	
}
#installation-bg-image {
	background-image: url(../images/panel-strip.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 260px;	
}

#media-still-intro {
	margin: 40px 0px 45px 17px;
	background-image: url(../images/mosquitonight-brochure320.jpg);
	background-repeat: no-repeat;
	width:280px;
	height:300px;
	float: left;
}

#media-still-project {
	margin: 42px 0px 0px 40px;
	background-image: url(../images/stephensi.jpg);
	background-repeat: no-repeat;
	width:280px;
	height:300px;
	float: left;
}

/* ------------------------------------------------ content  ----------------------------*/


#alpha {
	margin: 0 auto; /* Set margins for narrow beta*/
/* margin: 0 10px; - set this to allow for wide beta */
	width:680px;
	height:1%;
	background:#000;
	float:left;
}

#alpha-inner {
	margin: 0 auto;
	width:650px;
	/*text-align:center;*/
	background:#000;
}


#beta {
	float: right; /* since this element is floated, a width must be given */
	 width: 160px; /*(the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width) - REMOVED  */
	padding:  0px;
	margin-top: 70px;
	text-align:left;
	text-decoration:none;
}


#entry-body {
	float: right; /* since this element is floated, a width must be given */
	width:260px;
	padding:  0px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 15px;
	text-align:left;
}

#entry-body p.intro {
	font:1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#bbb;
	text-align:left;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

#entry-body p.project-info {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#bbb;
	text-align:left;
	margin-top: 15px;
	padding: 0px;
}
p.alpha-text {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#bbb;
	text-align:left;
	margin-top: 0px;
	padding: 0px;
}

p.alpha-text a:link, p.alpha-text a:visited{
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#8D8765;
}
p.alpha-text a:hover{
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:red;
}

#panel1 {
	font:1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	margin: 10px auto;
	width:630px;
	/*background-color: #999999;----Edit Aid-----  */
}

#panel1 h1 {
	font-size:1.8em;
	color:#666;
	text-align:center;
	margin: 20px;
}
#panel1 h1.entry-title{
	color:#666;
}

#panel1 h2 {
	font-size:1.3em;
	color:#ddd;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 20px;
	padding: 25px;
}
#panel1 h3 {
	font-size:1.1em;
	color:#ddd;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 25px;
}

#panel2 {
font:1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#ddd;
	margin: 10px auto;
		/*width:600px; --set equal width for gallery */
	width:630px; /*set width for index pages*/
}


#panel3 {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	margin: 10px auto;
	width:630px;
	clear:left;
}

#panel4 {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	margin: 15px auto 30px;
	width:630px;
	clear:right;
}

#news-panel {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#666;  /*ALT=>9F3231 6666bb;*/
	text-align:left;
	margin: 5px auto 30px;
	width:630px;
	clear:left;
}

#news-panel h4{
color:#999;
}

#panel1 p.alpha-text, #panel3 p.alpha-text {
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#ddd;
	text-align:left;
}

#panel1 a, #panel3 a{
	text-decoration:none;
}

#panel1 a:link, #panel1 a:visited, #panel3 a:link, #panel3 a:visited{
	color:#8D8765;
}

#panel1 a:hover, #panel3 a:hover {
	color:red;
}


#p1-entry, #p3-entry{
width:500px;
margin:0px auto;
padding:0;
}

#p1-entry h1, #p3-entry h1{
	font:1.8em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	text-align:center;
	color:#ccc;
	margin:0;
	padding:0;
}

#p1-entry p.caption, #p3-entry p.caption{
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	text-align:left;
	color:#ccc;
}

#p1-entry p.text-lyric, #p3-entry p.text-lyric{
	font:1.1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height: 1.4em;
	color:#f1f1f1;
	font-style: italic;
}

#p1-entry p.caption-large, #p3-entry p.caption-large{
	font:1.2em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	text-align:left;
	color:#ccc;
	padding:10px;
}
span.text-italic{
	font:1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height: .9em;
	color:#f1f1f1;
	font-style: italic;
}

/* ----------------- primary navigation  (container-inner>header) ----------------------*/
/* ------------------------------------------------------------------------------------*/
ul#primary-nav{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 10px 0;
}

ul#primary-nav li{
	display:inline;
	list-style-type:none;
}

/*  ----------------------------------------------nav links ---------------------------*/
#primary-nav li a{
	color:#fff;
	background-color:#1b1f21;
	padding:2px 3px;
	border:1px solid #606060;
	text-decoration:none;
}

#primary-nav li a.project:hover{
	background:#d1d151;
	color:#000;
}
#primary-nav li a.songs:hover{
	background:#6666bb;
	color:#000;
}
#primary-nav li a.images:hover{
	background-color:#99CC33;
	color:#000;
}
#primary-nav li a.resources:hover{
	background-color:#3399CC;
	color:#000;
}
#primary-nav li a.contact:hover{
	background-color:#FFBB66;
	color:#000;
}
#primary-nav li a.return:hover{
	background-color: #cc5b41;
	color:#000;
}

/* ----------------------------------------- Primary Nav - landed pages  ----------------------------*/

#primary-nav li a.thispage{
	color:#999;
	background-color: #1b1f21;
	padding:2px 3px;
	/*border:1px solid #8D8765; - alt */	
	border:1px solid;
	border-color: #999;
	text-decoration:none;
}

/* -----------------------------------------  secondary navigation  (beta) ----------------------------*/

#beta-nav{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	display:block;
	text-align: left;
	color: #8D8765;
	margin: 0;
	padding:0;
	text-decoration: none;
}
	
ul#beta-nav li{
	display:block;
	list-style-type:none;
	padding: 4px 5px;
	text-decoration: none;
}

#beta-nav a.thislink{
	color: #ccc;
	text-decoration: none;
}

#beta-quicklinks li.a, #beta-latest li.a{
	color: #8D8765;
	text-decoration: none;
}

#beta-info p{
font-size: .8em;
color: #ccc;
margin-top: 30px;
}
a.beta-menu:link, a.beta-menu:visited{
	color: #8D8765;
	text-decoration: none;
	margin-top: 15px;
	/*padding-left: 10px;*/
}

a.beta-menu:hover{
	color: red;
	text-decoration: none;
}

a.beta-menu:active{
	color: #ffcc33;
	text-decoration: none;
}


/* --------------------------------------  submenu navigation (beta) ----------------------------*/	


a.submenu:link, a.submenu:visited{
	color: #8D8765;
	text-decoration: none;
	margin-top: 15px;
}

a.submenu:hover{
	color: red;
	text-decoration: none;
}

a.submenu:active{
	color: #ffcc33;
	text-decoration: none;
}

li.thislink{
	color: #ccc;
	text-decoration: none;
}


/* ------------------------------------------------ gallery rollovers (content-inner>alpha>alph-inner>stills-gallery)----------------------------*/
#stills li a:link { 
	color: #333;
	text-decoration:none;
}

#stills li a:hover { 
	color: #C9D5DD;
	text-decoration:none;
}

#stills li a:visited { 
	color: #333;
	text-decoration:none;
}

#stills {
	margin: 0 auto;
	width:650px;
}

#three-column {
	display: inline;
	margin: 0 auto;
}

#three-column span{
	display: inline;
	list-style-type:none;
	/* margin: 10px 0;*/
	/*padding: 0px; */
}

span img{
	display: inline;
	margin: 2px 2px;
	padding: 0px;
	list-style-type:none;
}

/* ---------------------------------- stills rollover Safari/IE --------------------*/

#stills a:link img{
	border:1px solid #333;
}

#stills a:visited img{
	border:1px solid #333;
}
#stills span a:hover img {
	border:1px solid #f1f1f1;
}



/* ------------------------------------------------ footer  (container-inner)----------------------------*/

#footer{
	clear:both;
 	position:relative;
	bottom: 0; 
	font: .9em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.6;
	background:#1b1f21;
	text-align:center;
	width:100%;
	border-top:1px solid #555;	
	margin:20px 0 20px;
	padding: 20px 0 0; 
}

#footer a{
	text-decoration:none;
}

#footer a:link, #footer a:visited{
	color:#8D8765;
}

#footer a:hover{
	color:red;
}


#news-panel a{
	text-decoration:none;
}
#news-panel a:link, #news-panel a:visited{
	color:#8D8765;
}
#news-panel a:hover{
	color:red;
}