/**
		 *	CSS BASE file
		 *	
		 *	@author Roy Scheepens
		 */	
		 
		html {
			overflow-y:scroll;	
			}
		 
		html, body {
			width:100%;	
			height:100%;
			}

		body {
			font:0.8em/1.4em Arial, Helvetica, sans-serif;
			background:#f6f1e5 url('../images/layout/body-bg.gif') repeat-y top center;
			text-align:center;
			}

		#wrapper {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
			}

		.wrap {
			width:960px;
			margin:0 auto;
			text-align:left;
			}

		/**
		 *	Top
		 */

		#top {
			height:70px;
			width:100%;
			background:#55146d;
			border-bottom:1px solid #903ea4;
			}
			
		#top h1 {
			width:240px;
			height:35px;
			position:absolute;
			top:15px;
			left:18px;
			}
			
		#top h1 a, 
		#top h1 a:visited, 
		#top h1 a:hover {
			display:block;
			width:100%;
			height:100%;
			background:url('../images/layout/logo-studieplus.gif') no-repeat top left;
			text-indent:-3000px;
			}
			
		#top-links {
			list-style-type:none;
			position:absolute;
			top:20px;
			left:290px;
			z-index:80;
			}
			
		#top-links li {
			float:left;
			margin-right:12px;
			}

		#top-links li a,
		#top-links li a:visited {
			display:block;
			height:30px;
			line-height:30px;
			background: #9419B2;
			border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			padding:0 12px;
			color:#fff;
			text-decoration:none;
			
			text-transform:uppercase;
			font-size:85%;
			font-weight:bold;
			
			}

		#top-links li a:hover,
		#top-links li a.active,
		#top-links li a.active:visited,
		#top-links li a.active:hover{
			background:#2d0a3a;
			color:#fff;
			}

		/**
		 *	Header
		 */

		#header {
			width:100%;
			height:360px;
			background:url('../images/layout/header-bg.jpg') repeat-x 125% 0;
			}	
			
		#header .wrap {
			position:relative;
			}
		
		#header-image {
			position:absolute;
			top:-1px;
			right:-30px;
			z-index:50;
			}
	
		/**
		 *	Slogan
		 */
		 

		#slogan {
			width:620px;
			padding-top:35px;
			color:#fff;
			margin-left:10px;
			text-shadow: 0px 2px 1px #260030;
			}
			
		#slogan h2 {
			font-size:28px;
			line-height:36px;
			letter-spacing:-1px;
			font-weight:normal;
			}
			
		#slogan h2 span {
			font-size:60px;
			display:block;
			padding-bottom:25px;
			letter-spacing:-2px;
			}
		
		#slogan h2 em {
			text-decoration:underline;	
			font-style:normal;
			}
			
			

		/**
		 *	Container
		 */
		 
		#container {
			position:relative;
			margin-top:-60px;		
			}
			
		#container .wrap {
			background:#fff url('../images/layout/container-bg.gif') repeat-y top right;	
			}
		
		#main {
			float:left;	
			width:720px;
			overflow:hidden;
			}

		#nav {
			width:100%;
			height:88px;	
			background:#350b45 url('../images/layout/nav-bg.gif') repeat-x top left;
			}

		/**
		 *	Sections
		 */

		#sections {
			list-style-type:none;
			}
			
		#sections li {
			width:238px;
			height:88px;
			float:left;	
			position:relative;
			background:url('../images/layout/nav-inset.gif') no-repeat top left;
			padding-left:2px;
			}

		#sections li .active-arrow {
			width:19px;
			height:9px;
			position:absolute;
			bottom:0;
			border:0;
			left:50%;
			margin-left:-9px;
			visibility:hidden;
			}

		#sections li a,
		#sections li a:visited {
			display:block;
			width:100%;
			height:100%;
			overflow:hidden;
			color:#fff;
			text-decoration:none;
			}
			
		#sections li:first-child {
			background:none;
			padding-left:0;
			width:240px;
			}
		
		#sections li a strong {
			font-size:24px;
			display:block;
			margin:15px 0 0 20px;
			font-weight:normal;
			}
			
		#sections li a strong em {
			color:#f80;	
			font-style:normal;
			}
			
		#sections li a span {
			display:block;
			line-height:18px;	
			margin:5px 0 0 20px;
			padding-right:10px;
			}

		#sections li a:hover,
		#sections li a.active,
		#sections li a.active:visited, 
		#sections li a.active:hover {
			background:transparent url('../images/layout/nav-active.gif') repeat-x 2px 2px;
			}

		#sections li a:hover .active-arrow,
		#sections li a.active .active-arrow,
		#sections li a.active:visited .active-arrow, 
		#sections li a.active:hover .active-arrow {
			visibility:visible;	
			}	

		/**
		 *	SECTION ITEMS
		 */

		#section-items {
			list-style-type:none;	
			margin:20px 0 0 20px;
			}
			
		#section-items li {
			float:left;
			margin-right:10px;
			margin-bottom:10px;
			}

		#section-items li a,
		#section-items li a:visited {
			display:block;
			height:30px;
			line-height:30px;
			background: #DECCAD;
			border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			padding:0 12px;
			color:#2c0b2e;
			text-decoration:none;
			}

		#section-items li a:hover,
		#section-items li a.ative,
		#section-items li a.active:visited,
		#section-items li a:hover{
			background:#2d0a3a;
			color:#fff;
			}

		/**
		 *	SUBSECTION ITEMS
		 */
		
		#content #subsection-items {
			list-style-type:none;	
			margin:5px 0 10px 0;
			}
		
		#content #subsection-items:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
		
		#content #subsection-items li {
			float:left;
			margin-right:5px;
			margin-bottom:5px;
			margin-left:0;
			}

		#subsection-items li a,
		#subsection-items li a:visited {
			display:block;
			height:26px;
			line-height:26px;
			background: #DECCAD;
			border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			padding:0 10px;
			color:#2c0b2e;
			text-decoration:none;
			font-size:95%;
			font-weight:bold;
			}

		#subsection-items li a:hover,
		#subsection-items li a.ative,
		#subsection-items li a.active:visited,
		#subsection-items li a:hover{
			background:#2d0a3a;
			color:#fff;
			}

		/**
		 *	Content
		 */

		#content {
			padding:5px 20px 10px 20px;	
			color:#111;
			line-height:190%;
			font-size:90%;	
			
			}
			
		#content h2 {
			font-size:220%;	
			line-height:150%;
			letter-spacing:-2px;
			color:#2d0a3a;
			width:100%;
			border-bottom:1px solid #dedede;
			padding-bottom:3px;
			margin-bottom:10px;
			font-weight:normal;
			}

		#content h3 {
			font-size:160%;	
			line-height:140%;
			letter-spacing:-1px;
			color:#2d0a3a;
			width:100%;
			margin-bottom:5px;
			font-weight:normal;
			}

		#content h4 {
			font-size:120%;	
			line-height:120%;
		
			color:#2d0a3a;
			width:100%;
			margin-bottom:3px;
			font-weight:bold;
			}

		#content p,
		#content ul, 
		#content ol{
			margin-bottom:15px;
			}
			
		#content ul, 
		#content ol {
			margin-left:36px;	
			}

		a, 
		a:visited {
			color:#560A82;	
			}

		a:hover {
			text-decoration:none;
			}
			
		.index-helper {
			margin:0;
			
			line-height:18px;
			padding:8px 10px;
			text-align:center;
			background:#FFDAAF;
			border-bottom:1px solid #FF981F;
			color:#3F2608;
		
			}
			
		.index-helper.left-align {
			text-align:left;
			padding-left:20px;
			font-weight:bold;
		}
			
		.index-helper a,
		.index-helper a:visited {
			color:#3F2608;
			font-weight:bold;
			text-decoration:none;		
			}
			
		.index-helper a:hover {
			text-decoration:underline;		
			}

		/**
		 *	Sidebar
		 */

		#sidebar {
			width:238px;
			float:right;
			overflow:hidden;
			}

		.sidebar-block {
			margin:10px 5px 0 5px;
			padding:15px;
			background:#fff;
			border:1px solid #d3c2a4;
			border-radius:4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			/* -moz-box-shadow: 0px 1px 0 #a9946e;*/
			}

		#sidebar h3 {
			font-size:140%;	
			line-height:140%;
			letter-spacing:-1px;
			color:#2d0a3a;
			width:100%;
			margin-bottom:5px;
			font-weight:normal;
			}
			
		.sidebar-block ul {
			margin-left:15px;
			}

		.sidebar-block a,
		.sidebar-block a:visited {
			color:#560A82;
			text-decoration:underline;
			}

		.sidebar-block a:hover {
			text-decoration:none;
			}

		.sidebar-block ul li a,
		.sidebar-block ul li a:visited {
			color:#BF6016;
			font-weight:bold;
			text-decoration:none;
			}
			
		.sidebar-block ul li a:hover {
			text-decoration:underline;
			}

		/**
		 *	Search
		 */

		#search {
			width:100%;
			height:85px;
			background:#f2e4cb;
			border-bottom:3px solid #ccba9a;
			overflow:hidden;
			position:relative;
			}
			
		#search span {
			position:absolute;
			left:10px;
			top:16px;
			font-weight:bold;
			color:#2d0a3a;
			letter-spacing:-1px;
			font-size:140%;
			font-weight:lighter;

			}
		
		#search-form {
			width:217px;
			height:35px;
			background:url('../images/layout/search-bg.gif') no-repeat top left;
			position:absolute;
			left:10px;
			bottom:10px;
			}
			
		#search-form #search-query {
			width:165px;
			padding:9px 0 0 6px;
			
			border:0;
			background:none;
			
			color:#777;
			font-style:italic;
			font-size:110%;
			}
			
		#search-form #search-button {
			width:39px;
			height:100%;
			position:absolute;
			right:0;
			top:0;
			border:0;
			background:none;
			cursor:pointer;
			text-indent:-3000px;
			overflow:hidden;
			}

		/**
		 *	Search Results
		 */

		#content #search-results {
			list-style-type:decimal;
			margin-left:20px;
			font-weight:bold;
			}
			
		#search-results li {
			margin-bottom:25px;
			
			}
		
		#search-results li a.page-title,
		#search-results li a.page-title:visited {
			font-size:140%;	
			color:#74198B;
			font-weight:normal;
			}
		
		#search-results li .blurb {
			font-weight:normal;
			}
		
		#search-results li a.page-title:hover {
			text-decoration:none;
			}
		
		#search-results li .highlight {
			font-weight:bold;
			background:#FFFF80;
			}

		#search-results li a.view,
		#search-results li a.view:visited {
			display:inline-block;
			height:22px;
			line-height:22px;
			background: #DECCAD;
			border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			padding:0 7px;
			color:#2c0b2e;
			text-decoration:none;
	
			font-size:95%;
			margin-top:5px;
			font-weight:bold;	

			}
	
		#search-results li a.view:hover {
			background: #BF6016;
			color:#fff;
			}


		/**
		 *	Footer
		 */
		 
		.push {
			height:100px;		
			}
		
		#footer {
			width:100%;
			height:100px;
			background:#F6F1E5 url('../images/layout/footer-bg.gif') no-repeat top center;
			}

		/**
		 *	Clearers
		 */

		.clearer {
			width:100%;
			height:1px;
			clear:both;

			}
			
		.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
			
		.clearfix {
			display:inline-block;
			}
			
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */


		.left         { float:left; }
		.right        { float:right; }
		img.left      { margin-right:1em; margin-bottom:1.8em; }
		img.right     { margin-left:1em; margin-bottom:1.8em; }
		.text-right   { text-align:right; }
		.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
		
		.hide{ /* Hide stuff without resorting to display:none; */
			visibility:hidden;
			width:0!important;
			height:0!important;
			line-height:0!important;
			padding:0!important;
			margin:0!important;
		}