@charset "utf-8";
/* CSS Document */

/*midsummer energy festival stylesheet. Nichola Musgrove 2009 */

img, div, a { behavior: url(iepngfix.htc) }

* {
	margin: 0;
}
html{
	height:100%;
	}

body{
	margin:0px;
	padding: 0px;
	text-align: left;
	font-size: 80%;
	font-family: trebuchet MS, arial, Helvetica, sans-serif;
	background:url(images/background.jpg) no-repeat top;
	color: #000000;	
	background-color:#ffffff;
	background-attachment:fixed;
	line-height:22px;
	/*height:100%;*/
	}

/* visual styling: common tags*/

p {}


p a {
	color:#E74380;
	text-decoration: none;
}
a {
	color:#257f11;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
}

h1{
	color: #6DA949;
	font-size: 180%;
	font-weight: normal;
	line-height: 30px;
}
h2{
	color: #88B535;
	font-size: 140%;
	font-weight: normal;
	line-height: 26px;
}

h3{
	color: #E74380;
	font-size: 115%;
	font-weight: bold;
	line-height: 26px;
}
h4{
	color: #3CA470;
	font-size: 100%;
}

.orangeText{
	color:#F60;
	font-size:130%}

.hidden /*hides html text for when stylsheet is turned off*/
{
	display: none;
}

/* END visual styling: common tags*/

/* layout */

#wrapper {
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	width:956px;
	background-image:url(images/bg_slice.png);
	background-repeat:repeat-y top;
	
	}
#topSlice{
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	width:956px;
	background:url(images/top_slice.png) no-repeat top;
	}
	
#logo{
	height:215px;
	width:427px;
	margin-bottom:30px;
	background-image:url(images/midsummer_logo.png);
	margin-left:60px;
	margin-top:10px;
	float:left;
	}
	
#toplogoRight {
	height:153px;
	width:216px;
	background-image:url(images/2009.png);
	float:left;
	margin-left:0px;
	}
	
#borderTop {border-top: 1px dashed #88B535;}
/* ------------ Navigation ---------------*/

#navigation {
	
	margin-left:38px;
	margin-top:30px;
	width:186px;
	float:left;
	}
a.navigationLink-home{ width:186px; height:28px; display:block; background-image:url(images/nav-home.gif); background-position:bottom;}
a.navigationLink-home:hover{background-position:top;}

a.navigationLink-1{ width:186px; height:28px; display:block; background-image:url(images/nav-about.gif); background-position:bottom;}
a.navigationLink-1:hover{background-position:top;}

a.navigationLink-2{ width:186px; height:28px; display:block; background-image:url(images/nav-music.gif); background-position:bottom;}
a.navigationLink-2:hover{background-position:top;}

a.navigationLink-3{ width:186px; height:28px; display:block; background-image:url(images/nav-activities.gif); background-position:bottom;}
a.navigationLink-3:hover{background-position:top;}

a.navigationLink-4{ width:186px; height:28px; display:block; background-image:url(images/nav-getthere.gif); background-position:bottom;}
a.navigationLink-4:hover{background-position:top;}

a.navigationLink-5{ width:186px; height:28px; display:block; background-image:url(images/nav-contact.gif); background-position:bottom;}
a.navigationLink-5:hover{background-position:top;}

a.navigationLink-6{ width:186px; height:28px; display:block; background-image:url(images/nav-team.gif); background-position:bottom;}
a.navigationLink-6:hover{background-position:top;}

/*a.navigationLink-7{ width:186px; height:28px; display:block; background-image:url(images/nav-transition.gif); background-position:bottom;}
a.navigationLink-7:hover{background-position:top;}*/


/* ------------ END Navigation ---------------*/
	

/* home page green bordered box*/

#contentBoxcontainerLt{
	width:464px;
	float:left;
	margin-left:60px;
	margin-bottom:30px;
	}
#contentBoxleft-top{
	height:16px;
	width:464px;
	background-image:url(images/green-slice-top.gif);
	background-repeat:no-repeat;
	}
#contentBoxleft{
	width:464px;
	background-image:url(images/green-slice-bg.gif);
	}

#contentBoxleft-bottom{
	height:20px;
	width:464px;
	background-image:url(images/green-slice-bottom.gif);
	background-repeat:no-repeat;
	float:left;
	}
/* END home page green bordered box*/



/* home page orange bordered box*/

#contentBoxcontainerRt{
	width:334px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	}
#contentBoxright-top{
	height:16px;
	width:334px;
	background-image:url(images/orange-slice-top.gif);
	background-repeat:no-repeat;	
	}
#contentBoxright{
	width:334px;
	background-image:url(images/orange-slice-bg.gif);
	}
#contentBoxright-bottom{
	height:20px;
	width:334px;
	background-image:url(images/orange-slice-bottom.gif);
	background-repeat:no-repeat;
	}
	
/* END home page orange bordered box*/



/* Horizontal content box - full width of container*/

#contentBoxhoriz-top{
	width:831px;
	height:16px;
	background-image:url(images/pink-slice-top.gif);
	margin-left:60px;
	clear:both;
	}
#contentBoxhoriz{
	width:831px;
	background-image:url(images/pink-slice-bg.gif) ;
	margin-left:60px;
	}

#contentBoxhoriz-bottom{
	width:831px;
	height:20px;
	background-image:url(images/pink-slice-bottom.gif);
	margin-left:60px;
	}
	
#miniHorzi-box{
	width:240px;
	float:left;
	}
	
/* END Horizontal content box - full width of container*/


#textBoxmain{
	margin-left:30px;
	margin-right:30px;
	}



#footer{
	background:url(images/bottom_slice.png) no-repeat top;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	width:956px;
	font-size: 85%;
	color:#000;
	text-align:right;
	}
#footer a {
	color:#E52B6F;
}
#footer a:hover {
	color:#999999;
}

#footerNav{
	text-align:center;}

#tn_logo{
	width:90px;
	height:100px;
	margin-top:20px;
	margin-right:30px;
	float:right;
	}
#footerText{
	float:left;}
	
#boxAfter{
	clear:both;
}

#sponsors{
	width:400px;
	float:left;
	text-align:left;
	margin-left: 40px;
	margin-top:20px;
	}
#pageImages{
	width:250px;
	margin-left:10px;
	margin-bottom:10px;
	float:right;
	}

