/* simple reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, dl, dt, dd, form, a, fieldset, input, th, td {  
	margin: 0; padding: 0; outline: none; list-style:none;
}

/* html5 for IE */

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block; 
}

body {
	margin:0;
	padding:0;
	text-align:center;
	font:0.8em Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear {
	clear:both;
}

#body {
	background:url(../images/body-bg.png) repeat-x top left;
	background-color:#f0ebd5;
	padding:20px 0 30px 0;
}

.container { /* apply this class to any div outwith the main wrapper */
	width:930px;
	margin:0 auto 0 auto;
	text-align:left;
}

#wrapper {
	background-color:#fff;
	text-align:left;
	padding:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	box-shadow:0px 3px 5px #98906d;
}

/* ========================================== USEFUL LINKS (very top of page) */

nav#useful-links ul {
	font-size:0.85em;	
	margin:0 0 20px 20px;
}

nav#useful-links ul li {
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #fff;
}

nav#useful-links ul li:last-child {
	border-right:none;
}

nav#useful-links ul li a, nav#useful-links ul li a:visited {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

nav#useful-links ul li a:hover {
	color:#e5ddb5;
}

#header {
}

#logo-container {
	margin:5px 0 0 20px;
}

/* ========================================== SEARCH FORM */

#site-search {
	margin-top:27px;
}

#site-search input#SearchForm_SearchForm_Search {
	padding:5px;
	border:none;
	background-color:#fff;
	background-image:url(../images/search-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#666;
	width:230px;
}

input#SearchForm_SearchForm_action_results {
	background-color:#fff;
	vertical-align:top;
	padding:9px 8px 9px 8px;
}

input.action {
	margin-top:-8px;
}

/* ========================================== PRIMARY NAV (tabs) */

nav#top-nav {
	position:relative;
	z-index:20;
	margin:0;
	padding:0px 0 0 0;
	height:31px;
}

nav#top-nav ul {
	margin:0;
}

nav#top-nav ul li {
	text-transform:uppercase;
	font-size:0.85em;
	margin:0;
}

nav#top-nav ul li a.level1, nav#top-nav ul li a.level1:visited {
	padding:10px 10px 10px 13px;
	background-color:#006555;
	color:#fff;
	border-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	text-decoration:none;
}

nav#top-nav ul li.restored a.level1, nav#top-nav ul li.restored a.level1:visited {
	background-color:#006555;
}

nav#top-nav ul li.restored a.level1:hover {
	background-color:#005648;
}

nav#top-nav ul li.learn a.level1, nav#top-nav ul li.learn a.level1:visited {
	background-color:#a08500;
}

nav#top-nav ul li.learn a.level1:hover {
	background-color:#907900;
}

nav#top-nav ul li.visit a.level1, nav#top-nav ul li.visit a.level1:visited {
	background-color:#556c11;
}

nav#top-nav ul li.visit a.level1:hover {
	background-color:#495d0e;
}

nav#top-nav ul li.study a.level1, nav#top-nav ul li.study a.level1:visited {
	background-color:#77a22f;
}

nav#top-nav ul li.study a.level1:hover {
	background-color:#688f28;
}

/* ========================================== MAIN FEATURE BANNER */

#banner, #homepage-banner {
	margin:20px -15px 0 -15px; 
}

#banner img, #homepage-banner {
	position:relative;
}

#banner-quote {
	margin:-245px 0 0 650px;
	z-index:101;
	position:absolute;
	width:290px;
	color:#fff;
	font-size:0.9em;
}

#banner-quote.homepage h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:2em;
	font-weight:100;
}

#banner-quote h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
}

#banner-quote a, #banner-quote a:visited {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

#banner-quote a:hover {
	text-decoration:underline;
}

/* ========================================== SUB SECTION (homepage) */

#sub-section {
	margin-bottom:15px;
}

/* additional links (appears on left hand side) */

#additional-links ul {
	font-size:0.85em;	
	margin:10px 0 10px 20px;
}

#additional-links ul li {
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #57585a;
}

#additional-links ul li:last-child {
	border-right:none;
}

#additional-links ul li a, #additional-links ul li a:visited {
	color:#57585a;
	text-transform:uppercase;
	text-decoration:none;
}

#additional-links ul li a:hover {
	color:#333;
}

/* quick links (appears on right hand side) */

#quick-links ul {
	font-size:0.85em;	
	margin:-40px 60px 10px 20px;
	z-index:101;
	position:relative;
}

#quick-links ul li {
	padding:0 5px 0 5px;
}

#quick-links ul li:last-child {
	border-right:none;
}

#quick-links ul li a, #quick-links ul li a:visited {
	color:#4ebfa3;
	display:block;
	padding:2px 30px 2px 10px;
	text-transform:uppercase;
	text-decoration:none;
}

#quick-links ul li a:hover {
	color:#444f4b;
	background-color:#cae8de;
	background-image:url(../images/quick-links-li-hover.jpg);
	background-position:170px 4px;
	background-repeat:no-repeat;
}

/* ========================================== BREADCRUMB */ 

#breadcrumb {
	border-bottom:1px dotted #669b9f;
	padding-bottom:8px;
	color:#666;
	font-size:0.85em;
}

#breadcrumb a, #breadcrumb a:visited {
	text-decoration:none;
	color:#333;
}

#breadcrumb a:hover {
	color:#000;
}


/* ========================================== LEFT CONTENT */ 

#left-content {
	width:200px;
	background-color:#f3ead8;
	margin-left:-15px;
}

#left-content ul {
	font-size:0.9em;
}

#left-content ul li {
	zoom:1;
	margin:0;
	padding:0;
}

#left-content ul li a, #left-content ul li a:visited {
	display:block;
	padding:10px 10px 10px 15px;
	border-bottom:2px solid #fff;
	text-transform:uppercase;
	outline:none;
	color:#333;
	text-decoration:none;
	zoom:1;
}

#left-content ul li a:hover {
	text-decoration:none;
	background-color:#bea74b;
	color:#fff;
}

#left-content ul li.current a {
	background-color:#b59c38;
	color:#fff;
}

#left-content ul ul {
	font-size:0.95em;
	margin-top:-1px;
}

#left-content ul ul li {
	margin:0;
}

#left-content ul ul li a, #left-content ul ul li a:visited {
	padding-left:25px;
	color:#333;
	background-color:#fffaf0;
	border-bottom:2px solid #fff;
	/*background-image:url(../images/leftcontent_li_bullet.png);	 */
	background-position: 25px 13px;
	zoom:1;
}

#left-content ul ul li a:hover {
	background-color:#bea74b;
	color:#FFF;	
}

#left-content ul ul li a.current {
	background-color:#B59C38;
	color:#FFF;
}

#left-content ul ul ul {
	font-size:1em;
}

#left-content ul ul ul li a, #left-content ul ul ul li a:visited {
	padding-left:35px;
	border-bottom:1px dotted #FFF;
	/*background-image:url(../images/leftcontent_li_bullet.png);	 */
	background-position: 25px 13px;
	zoom:1;
}

#left-content ul ul ul ul {
	font-size:1em;
}

#left-content ul ul ul ul li a, #left-content ul ul ul ul li a:visited {
	padding-left:55px;
	color:#333;
	border-bottom:1px solid #fff;
	/*background-image:url(../images/leftcontent_li_bullet.png);	 */
	background-position: 25px 13px;
	zoom:1;
}

#left-content ul ul ul ul li a:hover {
	background-color:#77a5aa;
}

/* ========================================== CENTER CONTENT */ 

#center-content {
	width:490px;
	margin-left:20px;
	padding-bottom:15px;
}

#page-quick-links-container {
	border-top:1px dotted #76a4a4;
	padding-top:10px;
	margin-top:10px;
	font-size:0.8em;
	line-height:1.3em;
}

.page-quick-link {
	width:120px;
	padding-top:7px;
	float:left;
	margin-right:0px;
}

.page-quick-link img {
	float:left;
	margin-top:-7px; 
	padding-right:3px;
}

/* ========================================== RIGHT CONTENT */

#right-content {
	width:200px;
	background-color:#eff8f3;
	border-top:1px dotted #76a4a4;
	margin-top:-10px;
}

#twitter-widget {
	min-height:350px;
	margin:15px;
}

#sidebar-videos {
	width:170px;
	margin-left:auto;
	margin-right:auto;
	color:#666;
}

#sidebar-videos h3 {
	padding:15px 0 15px 0;
	background-image:url(../images/icons/sidebar-video-icon.jpg);
	background-position:20px 12px;
	background-repeat:no-repeat;
}

.sidebar-video {
	background-color:#dae5df;
	padding:10px;
	margin-top:10px;
	font-size:0.85em;
	box-shadow: 0 0 1px 1px #c0ccc5;
}

#right-content .sidebar-video h4 {
	color:#666;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:100;
	text-shadow:1px 1px #efefef;
	margin-bottom:3px;
}

/* ========================================== FOOTER */

#footer {
	margin-top:30px;
	padding:00px 0 20px 0;
}

#supporter-logos {
	width:500px;
	height:66px;
	background-image:url(../images/supporters.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#social-links {
	width:200px;
	text-align:right;
}

#social-links a, #social-links a:visited {
	color:#666;
	text-decoration:none;
}

/* pagination */

.pagination {
	padding:1px;
	border:1px solid #DDD;
	margin-bottom:10px;
}

.typography .pagination p {
	float:left;
	margin:0px;
	padding:7px;
}

.pagination nav {
	float:right;
}

.pagination nav a, .pagination nav strong, .pagination nav span, .pagination nav a:visited {
	padding:7px 9px 7px 9px;
	display:block;
	float:left;
	border:1px solid #FFF;
	background:#F3EAD8;
	font-size:0.9em;
	color:#968114;
	font-weight:bold;
	border-radius:2px;
	box-shadow:0 1px 0px #FFF;
}

.pagination nav a {
	text-shadow:0 1px 0px #EEE;
}

.pagination nav strong {
	background-color:#EEE;
	color:#444;
}

.pagination nav span {
	background:none;
	color:#AAA;
}

.pagination nav a:active {
	background:#EFF8F3;
}

.typography .pagination nav p {
	margin:0;
	padding:5px 9px 5px 9px;
	float:right;
}

.pagi-info {
	float:left;
	padding:5px 5px 5px 2px;
}

/* search results */

#search-results {
	margin:0;
	list-style:none;
}

#search-results hgroup * {
	margin:0;
}

#search-results li {
	padding:10px;
}

#search-results li.even {
	background-color:#EFF8F3;
}