/*  
Description: Michigan Film Festival
Author: You&I Studio 
		Grand Rapids, MI
		david@youandistudio.com
		ryan@youandistudio.com
Author URI: http://www.youandistudio.com/
*/

html {
	font-size: 62.5%;
	padding: 0px;
	margin: 0px;
	}

body {
	padding: 0px;
	margin: 0px;
	font-family: 'Georgia', Georgia, serif;
	color: #333;
	text-align:left;
	}


/*Reset*/
img { border: none; outline: none;}

a { outline:none;}

ul, ul li {
	padding:0px;
	margin:0px;
	}		

p {
	margin: 0px;
	padding: 0px;
	}	
	
.clear {
	clear: both;
	}	



/*Typography*/	
	
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-family: 'Helvetica', Helvetica, Arial, sans-serif;
	font-weight:normal;	
	text-align:left;
	}	

h1 {
	color: #333;
	}

h1#logo a{
	background: url(../images/logo.gif) no-repeat;
	height:110px;
	width:184px;
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	}

h2 {
	color: #60b0e6;
	font-size: 2.4em;
	letter-spacing:-2px;
	float:left;
	}	
	
h2.black {
	color: #333;
	}	

h3, h6 {
	font-size: 1.8em;
	margin-top:8px;
	}

h4 {
	color: #c3c3c3;
	}
	
h5 {
	color: #333;
	font-size: 1.2em;
	font-family: 'Georgia', Georgia, serif;
	}
	
a:link, a:visited {
	color: #60b0e6;
	text-decoration: none;
	}	
	
a:hover {
	color: #60b0e6;
	text-decoration: underline;
	}	

hr {
	border: 1px transparent;
	border-top: 1px dotted #d3d3d3;
	margin:4px 0;
	}


/*Layout*/
div#wrapper {
	margin: 20px auto;
	width: 1000px;
	}
	
div#wrapper div#header {
	width: 1000px;
	}

div#wrapper div#content {
	width: 767px;
	border-top: 1px dotted #d3d3d3;
	float: left;
	}

div#wrapper div#content div#title {
	width: 767px;
	float: left;
	padding: 19px 0 18px;
	}
	
div#wrapper div#content div#page {
	padding-top: 36px;
	border-top: 1px dotted #d3d3d3;	
	clear:both;
	}
	
div#wrapper div#content div#page div.column {
	width: 364px;
	float: left;
	}
	
div#wrapper div#content div#page div.column.blue {
	margin-right: 36px;
	}	
	
div#wrapper div#sidebar {
	width: 197px;
	float: left;
	margin-left: 36px;	
	}
	
div#wrapper div#footer {
	width: 1000px;
	clear: both;
	}		

div#wrapper div#footer {
	margin: 36px 0 48px;
	}




/* Main Navigation */
div#header div.sidebar {
	width:196px;
	float:left;
	margin:0 0 0 36px;
	}
		

div#header div#nav {
	width: 768px;
	height: 27px;
	}

div#header ul#main_navigation li {
	float: left;
	}
	
div#header ul#main_navigation {
	list-style-type: none;
	width:768px;
	height: 27px;
	display:block;
	float:left;
	margin:108px 0 12px 0;	
	}
	
div#header ul#main_navigation li a{
	float: left;
	background: url(../images/main_nav.gif) no-repeat;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin: 0 18px 0 0;
	height:27px;
	}


div#header ul#main_navigation li#promo a{
	background-position: -375px 0px;
	height: 27px;
	width: 84px;
	}
	
div#header ul#main_navigation li#promo a:hover, div#header ul#main_navigation li#promo.currentpage a {
	background-position: -375px -27px;
	}

	
div#header ul#main_navigation li#events a{
	background-position: 0px 0px;
	height: 27px;
	width: 60px;
	}
	
div#header ul#main_navigation li#events a:hover, div#header ul#main_navigation li#events.currentpage a {
	background-position: 0px -27px;
	}
	
div#header ul#main_navigation li#schedule a{
	background-position: -60px 0px;
	height: 27px;
	width: 89px;
	}
	
div#header ul#main_navigation li#schedule a:hover, div#header ul#main_navigation li#schedule.currentpage a {
	background-position: -60px -27px;
	}
	
div#header ul#main_navigation li#competition a {
	background-position: -149px 0px;
	height: 27px;
	width: 117px;
	}
	
div#header ul#main_navigation li#competition a:hover, div#header ul#main_navigation li#competition.currentpage a {
	background-position: -149px -27px;
	}
	
div#header ul#main_navigation li#contact a {
	background-position: -268px 0px;
	height: 27px;
	width: 77px;
	}
	
div#header ul#main_navigation li#contact a:hover, div#header ul#main_navigation li#contact.currentpage a {
	background-position: -268px -27px;
	}

div#header ul#main_navigation li#home a {
	background-position: -345px 0px;
	height: 27px;
	width: 27px;
	}
	
div#header ul#main_navigation li#home a:hover, div#header ul#main_navigation li#home.currentpage a {
	background-position: -345px -27px;
	}


/*Content*/

div#content div#title a#schedule {
	background: url(../images/homepage_viewourschedule.gif) no-repeat;
	height: 37px;
	width: 213px;
	display:block;
	overflow:hidden;
	text-indent: -1000em;
	float: right;
	z-index:100;
	cursor:pointer;
	}

div#content div#title a#schedule:hover {
	background-position: 0 -37px;
	cursor:pointer;
	
	}

div#content div#page {
	background: url(../images/shadow.gif) no-repeat top center;
}

div#content div#page div.column p {
	font-size:1.2em;
	line-height:1.8em;
	}

div#content div#page div.column.blue h3 {
	color: #60b0e6;
	}

div#content div#page div.column.blue a:link, div#content div#page div.column.blue a:hover, div#content div#page div.column.blue a:visited, {
	color: #60b0e6;
	}	
	
div#content div#page div.column.green h6 {
	color: #76b700;
	}	

div#content div#page div.column.green a:link, div#content div#page div.column.green a:hover, div#content div#green div.column.blue a:visited, {
	color: #76b700;
	}
	
div#content div#page div.column div.item {
	background: url(../images/item_bk.gif) no-repeat;
	height:80px;
	width:364px;
	margin-top:5px;
	}	

div#content div#page div.column div.item img{
	margin:4px;
	float: left;
	}	

div#content div#page div.column div.item ul {
	font-size:1.1em;
	list-style-type: none;
	float: left;
	margin: 6px;
	overflow:hidden;
	}
	
div#content div#page div.column div.item ul li {
	line-height:1.5em;
	width: 230px;}
	
div#content div#page div.column h5 {
	margin:18px 0 0 0;
	}				
	
	
	
/*Sidebar*/

div#sidebar p {
	font-size: 1.2em;
	line-height:1.8em; 
	}
	
div#sidebar div {
	border-top: 1px dotted #d3d3d3;
	padding: 18px 0;
	}

div#sidebar div#address {
	}	
	
div#sidebar div#date {
	padding: 12px 12px 22px 0;
	}
		
div#sidebar div#date p{
	/* background: url(../images/sidebar_august28.gif) no-repeat; */
	color: #8EC641 !important;
	font-family: sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	}			
	
div#sidebar div#callout {
	padding: 18px 0 12px;
	}	
	
div#sidebar div#news {
	}
	
div#sidebar div#news p {
	color: #777;
	}	

div#sidebar div#news h4#news_title {
	background: url(../images/sidebar_news.gif) no-repeat;
	width: 34px;
	height: 10px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	}
	
div#sidebar div#news h5 {
	margin-top: 12px; 
	}
		
/*Footer*/
div#footer {
	padding-bottom: 36px;
	}

div#footer p {
	color: #76b700;
	font-size: 1.2em;
	}

div#footer div.column {
	border-top: 1px dotted #d3d3d3;
	width: 300px;
	float: left;
	padding-right: 36px;
	margin-top: 8px;
	}
	
div#footer div.column h4 {
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin-top: 12px;	
	}

div#footer div.column h4#partners {
	background: url(../images/footer_ourpartners.gif) no-repeat;
	height: 10px;
	width: 89px;
	}
	
div#footer div.column h4#collaborators {
	background: url(../images/footer_ourcollaborators.gif) no-repeat;
	height: 10px;
	width: 136px;
	}
	
div#footer div.column h4#sponsors a {
	background: url(../images/footer_oursponsors.gif) no-repeat;
	height: 10px;
	width: 96px;
	display:block;
	}
	
div#footer div.column h4#competition {
	background: url(../images/footer_competitions.gif) no-repeat;
	height: 10px;
	width: 93px;
	}
	
div#footer div.column div a	{
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin: 12px 27px 0 0;
	float: left;
	}

div#footer div.column div#dgr a {
	background: url(../images/footer_dgr.gif) no-repeat;
	height: 36px;
	width: 62px;
	}
	
div#footer div.column div#dgr a:hover {
	background-position: 0 -37px;
	}		
	
div#footer div.column div#sl a:hover {
	background-position: 0 -37px;
	}
	
div#footer div.column div#sl a {
	background: url(../images/footer_sl.gif) no-repeat;
	height: 37px;
	width: 107px;
	}

div#footer div.column div#citizen a {
	background: url(../images/footer_citizen.gif) no-repeat;
	height: 37px;
	width: 107px;
	}
	
div#footer div.column div#citizen a:hover {
	background-position: 0 -40px;
	}
	
div#footer div.column div#andrews a {
	background: url(../images/footer_andrews.gif) no-repeat;
	height: 40px;
	width: 100px;
	}
	
div#footer div.column div#andrews a:hover {
	background-position: 0 -40px;
	}
	
div#footer div.column div#clarkhill a {
	background: url(../images/footer_clarkhill.gif) no-repeat;
	height: 16px;
	width: 100px;
	}
	
div#footer div.column div#clarkhill a:hover {
	background-position: 0 -16px;
	}
	
div#footer div.column div#intent a {
	background: url(../images/footer_intent.gif) no-repeat;
	height: 40px;
	width: 120px;
	}
	
div#footer div.column div#intent a:hover {
	background-position: 0 -40px;
	}
	

div#footer div.column div#activesite a {
	background: url(../images/footer_activesite.gif) no-repeat;
	height: 35px;
	width: 32px;
	}
	
div#footer div.column div#activesite a:hover {
	background-position: 0 -35px;
	}



div#footer div.column div#gorilla a {
	background: url(../images/footer_gorilla.gif) no-repeat;
	height: 24px;
	width: 100px;
	}
	
div#footer div.column div#gorilla a:hover {
	background-position: 0 -24px;
	}
	
div#footer div.column div#spambully a {
	background: url(../images/footer_spambully.gif) no-repeat;
	height: 77px;
	width: 100px;
	}
	
div#footer div.column div#spambully a:hover {
	background-position: 0 -77px;
	}
	
div#footer div.column div#withoutabox a {
	background: url(../images/footer_withoutabox.gif) no-repeat;
	height: 23px;
	width: 100px;
	}
	
div#footer div.column div#withoutabox a:hover {
	background-position: 0 -23px;
	}
	
div#footer div.column div#quality a {
	background: url(../images/footer_quality.gif) no-repeat;
	height: 60px;
	width: 89px;
	}
	
div#footer div.column div#quality a:hover {
	background-position: 0 -60px;
	}
	
div#footer div.column div#hopcat a {
	background: url(../images/footer_hopcat.gif) no-repeat;
	height: 108px;
	width: 90px;
	}
	
div#footer div.column div#hopcat a:hover {
	background-position: 0 -108px;
	}
	
div#footer div.column div#calvin a {
	background: url(../images/footer_calvin.gif) no-repeat;
	height: 22px;
	width: 110px;
	margin-top:16px;
	}
	
div#footer div.column div#calvin a:hover {
	background-position: 0 -22px;
	}
	
div#footer div.column div#uica a {
	background: url(../images/footer_uicalogo.gif) no-repeat;
	height: 32px;
	width: 33px;
	}
	
div#footer div.column div#uica a:hover {
	background-position: 0 -33px;
	}
		
		
div#footer div.column div#bardivani a {
	background: url(../images/footer_bardivani.gif) no-repeat;
	height: 45px;
	width: 80px;
	}
	
div#footer div.column div#bardivani a:hover {
	background-position: 0 -45px;
	}
		
div#footer div.column div#bells a {
	background: url(../images/footer_bells.gif) no-repeat;
	height: 49px;
	width: 80px;
	}
	
div#footer div.column div#bells a:hover {
	background-position: 0 -49px;
	}
	
			
div#footer div.column div#dvs a {
	background: url(../images/footer_dvs.gif) no-repeat;
	height: 43px;
	width: 90px;
	}
	
div#footer div.column div#dvs a:hover {
	background-position: 0 -43px;
	}
	
			
div#footer div.column div#kairo a {
	background: url(../images/footer_kairos.gif) no-repeat;
	height: 34px;
	width: 200px;
	}
	
div#footer div.column div#kairo a:hover {
	background-position: 0 -34px;
	}
				
div#footer div.column div#amway a {
	background: url(../images/footer_amway.gif) no-repeat;
	height: 37px;
	width: 80px;
	margin-top:18px;
	}
	
div#footer div.column div#amway a:hover {
	background-position: 0 -37px;
	}
	
	
div#footer div.column div#gram a {
	background: url(../images/footer_gramlogo.gif) no-repeat;
	height: 22px;
	width: 68px;
	margin: 18px 27px 0 0;
	}

div#footer div.column div#gram a:hover {
	background-position: 0 -22px;
	}	

div#footer div.column div#grnow a {
	background: url(../images/footer_grnow.gif) no-repeat;
	height: 42px;
	width: 60px;
	}

div#footer div.column div#grnow a:hover {
	background-position: 0 -42px;
	}	
	
div#footer div.column div#wmfilm a {
	background: url(../images/footer_wwmvalogo.gif) no-repeat;
	height: 37px;
	width: 78px;
	}		

div#footer div.column div#wmfilm a:hover {
	background-position: 0 -37px;
	}

div#footer div.column div#cfa a {
	background: url(../images/footer_cfa.gif) no-repeat;
	height: 38px;
	width: 74px;
	margin:0px;
	}		

div#footer div.column div#cfa a:hover {
	background-position: 0 -39px;
	}
	
div#footer div.column div#sb a {
	background: url(../images/footer_schulerslogo.gif) no-repeat;
	height: 27px;
	width: 120px;
	margin-top:24px;
	}		

div#footer div.column div#sb a:hover {
	background-position: 0 -27px;
	}

	
div#footer div.column div#wnj a {
	background: url(../images/wnj.gif) no-repeat;
	height: 27px;
	width: 121px;
	}		

div#footer div.column div#wnj a:hover {
	background-position: 0 -27px;
	}	
	
div#footer div.column div#godiy a {
	background: url(../images/footer_godiy.gif) no-repeat;
	height: 24px;
	width: 100px;
	}		

div#footer div.column div#godiy a:hover {
	background-position: 0 -24px;
	}	

div#footer div.column div#mp a {
	background: url(../images/footer_mp.gif) no-repeat;
	height: 42px;
	width: 53px;
	}		

div#footer div.column div#mp a:hover {
	background-position: 0 -42px;
	}	
div#footer div.column div#kent a {
	background: url(../images/footer_kent.gif) no-repeat;
	height: 42px;
	width: 100px;
	}		

div#footer div.column div#kent a:hover {
	background-position: 0 -42px;
	}	
div#footer div.column div#row a {
	background: url(../images/footer_row.gif) no-repeat;
	height: 53px;
	width: 50px;
	}		

div#footer div.column div#row a:hover {
	background-position: 0 -53px;
	}	

div#footer div.column div#gvsu a {
	background: url(../images/footer_gvsu.gif) no-repeat;
	height: 26px;
	width: 90px;
	}		

div#footer div.column div#gvsu a:hover {
	background-position: 0 -26px;
	}	
	
	div#footer div.column div#sn a {
	background: url(../images/footer_sn.gif) no-repeat;
	height: 55px;
	width: 100px;
	}		

div#footer div.column div#sn a:hover {
	background-position: 0 -55px;
	}	


div#footer div.column div#mitten a {
	background: url(../images/footer_mittens.gif) no-repeat;
	height: 27px;
	width: 54px;
	}		

div#footer div.column div#mitten a:hover {
	background-position: 0 -27px;
	}								

div#footer div.column.last {
	padding-right:0px;
	}
	
div#footer div.sidebar {
	border-top: 1px dotted #d3d3d3;
	width: 196px;
	float:left;
	margin-left:36px;
	}
	
div#footer div.sidebar {
	margin-top: 8px;
	}	

div#footer div.sidebar h4 {
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin-top: 12px;	
	}
		
div#footer div.sidebar h4#designer {
	background: url(../images/footer_layoutanddesign.gif) no-repeat;
	height: 10px;
	width: 107px;
	}
	
div#footer div.sidebar div a	{
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	margin: 12px 27px 0 0;
	float: left;
	}
	
div#footer div.sidebar div#youandi a {
	background: url(../images/footer_youandilogo.gif) no-repeat;
	height: 22px;
	width: 73px;
	}		
	
div#footer div.sidebar div#youandi a:hover {
	background-position: 0 -22px;
	}		

a#btn_guideline {
	background: url(../images/btn_guideline.gif) no-repeat;
	width: 91px;	
	height: 30px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
	margin: 12px 5px 0 0;
	}
	
a#btn_guideline:hover {
	background-position: 0 -31px
	}
	
a#btn_press {
	background: url(../images/btn_press.gif) no-repeat;
	width: 58px;	
	height: 30px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
	margin: 12px 5px 0 0;
	}
	
a#btn_press:hover {
	background-position: 0 -31px
	}
	
a#btn_submission {
	background: url(../images/btn_submission.gif) no-repeat;
	width: 134px;	
	height: 30px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
	margin: 12px 5px 0 0;
	}	
	
a#btn_submission:hover {
	background-position: 0 -31px
	}
	
#dev-bar {
background: transparent url(../images/bg-dev-bar.png);
font-family: sans-serif;
color: #fff;
height: 20px;
left: 0;
font-size: 1.2em;
padding: 5px 0;
z-index: 10;
}
	#dev-bar p {
	background: url(../images/error.png) left center no-repeat;
	padding: 0 0 0 20px;
	}
.devcontainer {width:830px;margin:0 auto;}

#notice10 {
text-align: center;
font-weight: bold;
color: #000;
font-size: 2.0em;
padding: 10px 0px 20px 0px;
}