body {
margin:0 auto;
background:url(../images/mirbg.jpg);
background-repeat:repeat-x;
background-position:top center;
margin-top:0px;
text-align: center; /* for IE */
}



/* ----- HEADER ----- */
#headerwrap {
height:173px;
background-color:#000;
}

#header {
margin:0 auto;
width:850px;
height:173px;
margin: 0 auto;
}



/* FAUX LAYOUT WRAPPER */

/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_4.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapperwrap{
background:#fff;
width:850px;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin: 0 auto;
}

#wrapper{
width:855;
background-color:
margin: 0 auto;
display:inline;
padding-bottom:15px;
}

/* ----- NAVIGATION ----- */
#navigationwrap {
width:100%;
align:center;
min-height:30px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:30px; /* for IE5.x and IE6 */

}

#navigation {

background:url(../images/45navbg.gif);
margin: 0 auto;
width:850px;
height:30px; /* for IE5.x and IE6 */
}


/* ----- MAIN CONTENT ----- */
#thisweek {
float:left;
width:840px;
height:auto !important; /* for modern browsers */
height:100%; /* for IE5.x and IE6 */
}

#homeblurbbox {
float:left;
width:850px;
margin-bottom:3px;

}

#mainlinkbox {
float:left;
width:169px;
margin-bottom:3px;

}

#flashbox {
float:left;
width:425px;
margin-bottom:3px;
}

#featuredbox {
float:left;
width:420px;
margin-bottom:3px;
border-left:dotted;
border-color:#339933;
}

#greenbox {
float:left;
width:420px;
margin-bottom:3px;
margin-right:5px;
}

#newsbox {
float:left;
width:840px;
margin-bottom:3px;

}

#moreinfobox {
float:left;
width:840px;
margin-bottom:3px;
border-top:dotted;
border-color:#339933;
padding-top:10px;
}

#frontbox1 {
float:left;
width:400px;
margin-right:15px;
margin-left:15px;

}

#frontbox2 {
float:left;
width:400px;
margin-right:5px;
}

#frontbox3 {
float:left;
width:550px;
margin-right:5px;
margin-left:15px;
}

#frontbox4 {
float:left;
width:800px;
margin-right:5px;
}

#frontbox5 {
float:left;
width:200px;
margin-right:5px;
}

/* ----- FOOTER ----- */
#footerwrap { 
width:100%;
height:45px;
margin-top:0px;
margin-bottom:10px;
background:url(../images/45footbg.gif);
}

#footer {
padding-top: 10px;
margin: 0 auto;
width:850px;
height:20px;
background-color:#339933;
font-family:"arial";
font-size:0.8em;
}

#legal {
width:850px;
padding-top: 1px;
margin: 0 auto;
}

/* ----- TEXT FORMATTING ----- */

p {
color:black;
font-family:arial;
font-size:0.8em;
padding-left:10px;
padding-top:0px;
margin-top:0px;
text-align:left;
}

h1 {
text-decoration:none;
color:#339933;
font-style:normal;
font-family:"arial";
font-size:1.6em;
margin-top: 0;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 10px;	
text-align:left;
}

h2 {
text-decoration:none;
color:#green;
font-family:"arial";
font-size:1em;
margin-top: 0;
padding-top: 3px;
padding-left: 10px;
text-align:left;
}


h3 {
text-decoration:none;
color:#339933;
padding-left:5px;
text-align:left;
font-family:"arial";
font-size:12pt;
margin-bottom: 0;
padding-bottom: 3px;
margin-top: 0;
padding-top: 3px;
}

h4 {
text-decoration:none;
float:right;
color:#990000;
margin-top:0px;
text-align:left;
font-family:"arial";
font-size:0.8em;
}

h5 {
text-decoration:none;
color:#000;
text-align:center;
font-family:"arial";
font-size:0.4em;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
}

h6 {
text-decoration:none;
color:#339933;
text-align:center;
font-family:"arial";
font-size:0.8em;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
}

h7 {
text-decoration:none;
color:#339933;
float:left;
text-align:left;
font-family:"arial";
font-size:0.9em;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
}

a:link {
	color:#ffcc00;
	text-decoration:none;
	border:none;
}


a:visited {
	color:#fff;
	text-decoration:underline;
}

a:hover { }
a:active { } 

a.red:link {
	color: #ff0000;

}


/* ----- IMAGE FORMATTING ----- */


textunder {
color: #000;
font-size: 0.8em;
padding: 5px;
text-align: center;
}


img.mhll {
	text-decoration:none;
	margin-right: 5px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	float: left;
}

img.imleft {
	text-decoration:none;
	margin-right:5px;
	padding-left:5px;
	padding-bottom:0px;
	float: left;
}

img.imleft2 {
	text-decoration:none;
	margin-right:5px;
	padding-left:5px;
	padding-bottom:15px;
	float: left;
}

img.imright {
	text-decoration:none;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	float: right;
}

img.galthumb {
	text-decoration:none;
	margin-right: 5px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	float: left;
}

img.mirgalthumb {
	text-decoration:none;
	margin-right: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

img.front {
	text-decoration:none;
	margin-right: 5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:30px;
	float: left;
}


img.mtv {
	text-decoration:none;
	margin-right: 55px;
	float: right;
}


/* ----- episodebox ----- */
img.episode {
float:left;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 0px;
border-style:solid;
border-color: #d1d1d1;	
}


ul.mirlist {
	list-style-image: url("../images/check.jpg");
	text-align: left;
	font-family: arial;
	font-size: 0.8em;
	margin-left:0px;
	margin-top:-1px;
}

#navcontainer ul
{
padding-top:10px;
margin: 0;
list-style-type: none;
text-align: left;
font-family: Helvetica;
font-size: 0.8em;
line-height: 0.9em;
vertical-align: middle;
height: 45px;
}

#navcontainer ul li {
	display: inline;
 }

#navcontainer ul li a
{
text-decoration: none;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
color: #000;

}

#navcontainer ul li a:hover
{
color:#339933;
background:#fff;
text-decoration: none;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 7px;
background-position: 0 -82px;

}

/* ----- COntact CSS ----- */

#contact-area {
	width: 600px;
	margin:0 auto;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: arial;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #339933;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background: #339933;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-family: arial;
	font-size: 1em;
}