/**
		 *	CSS BASE file
		 *	
		 *	@author Roy Scheepens
		 */		

		body {
			font:0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
			background:#fff;
			text-align:center;
			}

		/**
		 *	Wrapper
		 *	
		 */
		
		#wrapper {
			width:900px;
			margin:0 auto;
			text-align:left;
			padding-bottom:15px;
			}
			
		#accessibility {
			width: 0; 
			height: 0; 
			overflow: hidden;
			}
			
		#header {
			width:100%;
			height:130px;
			position:relative;
			}
			
		h1#logo a,
		h1#logo a:active,
		h1#logo a:visited,
		h1#logo a:hover {
			position:absolute;
			bottom:22px;
			display:block;
			width:553px;
			height:53px;
			background:url('../images/layout/logo-csca.gif') no-repeat top right;
			text-indent:-3000px;
			}
			
		/**
		 *	Navigation
		 *	
		 */
			
		#navigation {
			height:40px;
			width:100%;
			overflow:hidden;
			}

		#navigation ul {
			list-style-type:none;
			margin-left:0;
			}

		#navigation ul li {
			display:block;
			float:left;
			height:40px;
			width:223px;
			margin-left:2px;
			}
			
		#navigation ul li.first {
			width:225px;
			margin-left:0;
			} 

		#navigation ul li a,
		#navigation ul li a:visited {
			display:block;
			width:100%;
			height:100%;
			line-height:40px;
			text-indent:10px;
			color:#fff;
			font-size:130%;
			font-weight:normal;
			text-decoration:none;
			background:url('../images/layout/nav-btn.gif') repeat-x top left;
			}

		#navigation ul li.first a,
		#navigation ul li.first a:visited {
			background:url('../images/layout/nav-btn.gif') repeat-x 0 -80px;
			}
			
		#navigation ul li a:hover,
		#navigation ul li a.active,
		#navigation ul li a.active:visited, 
		#navigation ul li a.active:hover,
		
		#navigation ul li.first a:hover,
		#navigation ul li.first a.active,
		#navigation ul li.first a.active:visited, 
		#navigation ul li.first a.active:hover {
			background:url('../images/layout/nav-btn.gif') repeat-x 0 -40px;
			}

		#navigation ul li.first a,
		#navigation ul li.first a:visited,
		#navigation ul li.first a:hover {
			color:#000;
			}

		/**
		 *	Top navigation
		 *	
		 */
		 
		#top-navigation {
			border-top:2px solid #f60;
		 	width:673px;
			position:absolute;
			right:0;
			top:25px;
		 	}

		#top-navigation ul {
			float:right;
			}

		#top-navigation ul li {
			display:block;
			float:left;
			margin:0;
			line-height:25px;
			}

		#top-navigation ul li a,
		#top-navigation ul li a:visited {
			color:#000;
			font-size:85%;
			text-decoration:none;
			}
			
		#top-navigation ul li a:hover,
		#top-navigation ul li a.active,
		#top-navigation ul li a.active:visited,
		#top-navigation ul li a.active:hover {
			text-decoration:none;
			color:#f60;
			}

		#top-navigation ul li span {
			padding:0 5px;
			}

		/**
		 *	Main
		 *	
		 */

		#main {
			width:673px;
			float:right;
			}

		/**
		 *	Sidebar
		 *	
		 */

		#sidebar {
			width:215px;
			float:left;
			}

		/**
		 *	Sub navigation
		 *	
		 */
		 
		#sub-navigation {
			width:100%;
			height:50px;
			background:url('../images/layout/subnav-bg.gif') repeat-x bottom left;
			overflow:hidden;
			}
		
		#sub-navigation ul {
			margin-left:10px;
			}
			
		#sub-navigation ul li {
			display:block;
			float:left;
			height:50px;
			line-height:52px;
			margin:0;
			}

		#sub-navigation ul li a,
		#sub-navigation ul li a:visited {
			color:#000;
			font-size:110%;
			text-decoration:none;
			}
			
		#sub-navigation ul li a:hover {
			text-decoration:none;
			color:#f60;
			}

		#sub-navigation ul li a.active,
		#sub-navigation ul li a.active:visited,
		#sub-navigation ul li a.active:hover {
			text-decoration:none;
			font-weight:bold;
			}

		#sub-navigation ul li span {
			padding:0 8px;
			}

		/**
		 *	Breadcrumb
		 *	
		 */
			
		#breadcrumb {
			width:100%;
			height:25px;
			margin-bottom:15px;
			}
		
		#breadcrumb ul {
			list-style-type:none;
			}
			
		#breadcrumb ul li {
			display:block;
			float:left;
			line-height:25px;
			}
			
		#breadcrumb ul li {
			font-size:85%;
			color:#000;
			}
			
		#breadcrumb ul li a,
		#breadcrumb ul li a:visited {
			color:#000;
			text-decoration:none;
			}

		#breadcrumb ul li a:hover {
			color:#999;
			}

		#breadcrumb ul li span {
			padding:0 5px;
			}

		/**
		 *	Content
		 *	
		 */
		 
		#content {
			
			}

		/**
		 *	Footer
		 *	
		 */
		 
		#footer {
			border-top:2px solid #f60;
			padding-top:5px;
			font-size:85%;
			margin:15px 0;
			}	
			
		#footer a,
		#footer a:visited {
			color:#f60;
			text-decoration:none;
			}	
			
		#footer a:hover {
			color:#000;
			text-decoration:none;
			}

		/**
		 *	Sidebar navigation
		 *	
		 */


		#sidebar-navigation {
			list-style-type:none;
			margin-top:90px;
			}
			
		#sidebar-navigation ul {
			list-style-type:none;
			margin:0 0 15px 15px;
			}
		
		#sidebar-navigation ul ul {
			margin-bottom:0;
			}
		
		#sidebar-navigation li {
			line-height:130%;
			}
		
		#sidebar-navigation li span {
			padding-right:5px;
			}
		
		#sidebar-navigation li a,
		#sidebar-navigation li a:visited {
			color:#000;
			text-decoration:none;
			}

		#sidebar-navigation li a:hover,
		#sidebar-navigation li a.active,
		#sidebar-navigation li a.active:visited,
		#sidebar-navigation li a.active:hover {
			color:#f60;
			text-decoration:underline;
			}

		/**
		 *	Columns
		 *	
		 */


		#columns {
			margin-top:10px;
			}
			
		.column {
			width:203px;
			padding:0 10px;
			float:left;
			border-left:2px solid #222;
			}

		#columns .first {
			border-left:none;
			}

		/**
		 *	Messages
		 *	
		 */

		#notification {
			margin:					10px 0;
			line-height:			26px;
			padding:				2px 6px 2px 10px;
			font-size:				12px;
			border-bottom-width:	2px;
			font-weight:			normal;
			text-align:				left;
			}
		
		#notification strong {
			font-weight:			bold;
			}
			
		.secure {
			background: 			#ffffc4;
			border:					1px solid #e4e482;
			color:					#46400c;
			font-weight:			bold;
			}
		
		.success {
			background: 			#edffe4;
			border:					1px solid #9cd580;
			color:					#386522;
			font-weight:			bold;
			}
			
		.error {
			background: 			#ffe1d3;
			border:					1px solid #cd6951;
			color:					#842310;
			font-weight:			bold;
			}
			
		.info {
			background: 			#f7f9fa;
			border:					1px solid #afd1f5;
			color:					#294b6e;
			}

		/**
		 *	external links
		 *	
		 */
		 
		 a.offsite {
		 	padding-right:15px;
			background:url('../images/icons/external.png') center right no-repeat;
		 
			}
			
		a.rss-link,
		a.rss-link:visited,
		a.rss-link:hover {
			float:left;
			padding-right:5px;
			}

		/**
		 *	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;
		}