/*
Junction Arts Festival
2007-8 Design: Deborah Torr / paris123@yahoo.com
2007 Build: Adam Campbell / adam@hotmeteor.com
2008 Updates: Paul Reynolds / paul@radiognosis.net

Layout
*/

* {
	margin:0;
	padding:0;
}

body { 
	behavior:url("/junction/includes/csshover.htc");
	background-image:url('../images/side_bg.gif');
	background-position:top center;
	background-repeat:repeat-y;
 }

/* General Layout -------------*/

#container {
	margin:0 auto;
	width:auto;
}

#main_body {
	margin:0 auto;
	width:800px;
	background-color:#ffffff;
}

#header {
	background:url(../images/full_header.jpg) no-repeat right top;
}

#header,
#page,
#full,
#footer {
	clear:both;
	width:100%;
}

#nearfull {
	clear:both;
	margin:30px 20px 20px 20px;
}

#page {
	position:relative;
}

#sidebar {
	float:left;
	margin:20px;
	padding:0;
	width:155px;
}

#main {
	float:left;
	margin-right:20px;
	padding:20px 0 50px;
	width:580px;
}

#full {
	padding:20px 0 50px;
}

#footer {
	background-color:#EFAA21;
	height:28px;
}

/* Navigation -----------------*/

#header ul {
	background-color:#E9A93C;
	height:24px;
}

#header li {
	display:block;
	float:left;
	font-size:1.2em;
	line-height:24px;
	list-style-type:none;
	position:relative;
	text-align:center;
	width:114px;
	z-index:9;
}

#header li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
}

	#header li a:link,
	#header li a:visited {
		color:#000;
	}

	#header li a:hover {
		color:#fff;
	}
	
#header li ul {
	display:none;
	position:absolute;
	top:24px;
	left:15px;
}

	#header li:hover ul {
		background-color:#cedcb8;
		display:block;
		width:160px;
		z-index:1000;
	}

#header li:hover ul li {
	background-color:#EFAA21;
	border-bottom:1px solid #fff;
	display:block;
	float:none;
	font-size:1em;
	height: 100%;
	line-height:1.6em;
	text-align:left;
	width:100%;
}

#header li ul li a {
	border:0 !important;
	display:block;
	float:none;
	height:100%;
	padding:2px 6px;
	width:100%;
}

	#header li ul>li,
	#header li ul li>a { width:auto; } /* others */

/* Footer Nav */
	
#footer ul {
	height:28px;
	background-color:#E9A93C;
	width:100%;
}

#footer li {
	float:left;
	font-size:1.2em;
	line-height:28px;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	width:114px;;
}		

#footer a {
	text-decoration:none;
	font-weight:bold;
}

	#footer a:link,
	#footer a:visited {
		color:#000;
	}
	
	#footer a:hover {
		color:#fff;
	}