/* @override http://mie.siteiscentral.com/cms/front/css/structure.css */

/*  
Skin:  Moving Image Education
Description: Three column centered layout with horizontal primary nav layers and first-column nav.
Client: Scottish Screen
Client URI: http://www.scottishscreen.com/
Production Team:
	Designer: Russell Kyle
	Coder: Gavin Montague
Production Team URI: http://www.designiscentral.com/
*/

/* = Global Reset */
/* ===================== */
* {
	border:0;
	list-style:none;
	margin:0;
	padding:0;
}
.skiplink {
	display:none;
}

/* = Superstructure	   */
/* =================== */
body {
	background:url('/cms/front/images/page_background.gif') bottom left repeat-x #312929;	
	color:#312929;
	font-family: "Lucida Grande", "Trebuchet MS", arial;
	font-size:62.5%;

}
.block_wrapper {
	background:#FFFDF9;
	margin:0 auto;
	width:800px;
}

#header {
	background:url('/cms/front/images/header.gif') bottom left repeat-x #FFFCF9;
	height:90px;
}
	#header h1 {
		display:none;
	}
	#page_content {
		margin:0px 16px;
	}
	
	#header .searchForm {
		float:right;
		margin-top:60px;
		margin-right:20px;
	}
	
	
	
#footer {
	background:#F0F3C1;
	border-top:solid 4px #312929;
	clear:both;
	line-height:2em;
	padding:0 16px;
	text-align:right;
}
#footer a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer li {
	display:inline;
	margin-left:10px;
	
}
#footer li.site_link {
	float:left;
	margin-left:3px;
	margin-right:10px;
}

/* = Navigation		   */
/* =================== */
#nav_wrapper {
	background:url("/cms/front/images/secondary_nav_background.gif") top left repeat-x #4B4545;
	text-align:center;
	clear:both;
}

#secondary_nav_wrapper {
	background:url("/cms/front/images/secondary_nav_background.gif") top left repeat-x #534D4D;
}
#primary_nav, #secondary_nav {
	background:url("/cms/front/images/primary_nav_background.gif") bottom left repeat-x #C6C6C6;
	border-top:solid 1px #FFFFFF;
	line-height: 1.8em;
	list-style: none;
	margin:0 auto;
	text-align:center;
	width:800px;
}
#secondary_nav {
	background:#D9D9D9;
}
	#primary_nav li, #secondary_nav li {
		display:inline;
		font-size:1.2em;	
	}

	#primary_nav a, #secondary_nav a {
		color:#312929;
		font-weight:bold;
		line-height: 2.2em;
		padding: .4em 6px .6em 6px;
		text-decoration:none;
	}
	#secondary_nav a {
		padding-bottom:.5em;
	}
	
	#primary_nav a.selected, #secondary_nav a.selected  {
		background:#D9D9D9;
		color:#3366CC;
	}
	
	#primary_nav a:hover {
		background:#D9D9D9;
		color:#3366CC;
		text-decoration:underline;

	}
	#secondary_nav a:hover {
		color:#3366CC;
		text-decoration:underline;

	}
	/************/
	
	#context_nav {
		float:left;
		margin-top:-40px;
	}
	#context_nav_wrapper {
		background:url(/cms/front/images/context_nav_bottom.gif) bottom left no-repeat;
		float:left;
		padding-bottom:5px;
	}
	
	/**Inheritable search form styles: added Aug18th 2008**/
	#nav_search{
	clear:  both;
	padding: 5px;
	}
	#nav_search legend{
	font-size:  1.2em;
	font-weight:  bold;
}

	#nav_search input.search_field{
	border: 1px solid #999999;
	width:  140px;
	padding:  5px;
}

	#nav_search input.button{
	padding: 5px;
	border: 1px solid #c0c0c0;
}
	
	/****/
	
	#tertiary_previous_next_nav {
		margin-left:4px;
	}
	#tertiary_previous_next_nav li{
		float:left;
	}
	#tertiary_previous_next_nav a, #tertiary_previous_next_nav span {
		background:#DCDC52;
		color:#312929;
		display:block;
		font-size:1.2em;
		font-weight:bold;
		line-height: 2.4em;
		text-align:center;
		text-decoration:none;
		width:88px;
		border:solid 1px #FFFFFF;
		border-width:1px 1px 0 1px;
	}
	#tertiary_previous_next_nav a.next {
		border-left:0px;
		width:89px;
	}
	
	#tertiary_previous_next_nav a:hover {
		color:#3366CC;
		text-decoration:underline;
	}
	
	#tertiary_nav {
		width: 188px
	}
	
	#tertiary_nav, #tertiary_nav ul, #tertiary_nav li {
		float:left;
		clear: both;
	}
	
	#tertiary_nav h2 {
		width:180px;
		padding: 0;
		background:url("/cms/front/images/context_nav_split.gif") top left repeat-y #DCDC52;
		color:#312929;
		padding: 26px 9px 0px 9px;
		font-size:1.2em;
		font-weight:bold;
		line-height: 2.4em;
	}
		
	#tertiary_nav > li {
		width:188px;
		padding: 0;
	}
	
	#tertiary_nav ul li {
		background:url("/cms/front/images/context_nav_background.png") top left repeat-y;
		width:188px;
		padding: 0 4px;
		display: block;
	}
	
	#tertiary_nav li a {
		border-bottom:solid 1px #F2F9DB;
		color:#312929;
		display:block;
		font-size:1.2em;
		font-weight:normal;
		line-height: 2em;
		padding:2px 5px;
		width: 170px;
		text-decoration:none;
	}
		
	#tertiary_nav li.group_split a {
		border-bottom: none;
	}
	
	#tertiary_nav a:hover {
		background:#F0F3C1;
		color:#3366CC;
	}
	
	#tertiary_nav li a.selected {
		background:#F0F3C1;
	}
	
	/*******************/
	#quaternary_nav li{
		margin:0 0px;
	}
	
	#quaternary_nav li a {
		background:url("/cms/front/images/list_arrow.gif") center left no-repeat;	
		border:0;
		font-weight:normal;
		padding-left:24px;
		line-height:1.5em;
	}
	#quaternary_nav li a:hover {
		background:url("/cms/front/images/list_arrow_hover.gif") center left no-repeat #F0F3C1;
		color:#3366CC;		
	}
	
	/* = Content		   */
	/* =================== */	
	#content_header {
		background:#F0F3C1;
		border-top:solid 2px #312929;
		clear:both;
		color:#282828;
		margin:0 -16px;
		padding:10px 0 10px 15px; /* 215 + margin*/
	}
	.with_nav #content_header {
		padding-left:215px;
	}