/*
Stylesheet for Relationships Australia - Victoria, Good Connecting

CSS by Evan Sanders
esandersdesign.com

===== Notes =====

Background grey - #656352
Orange - #e06501
Gold - #f2ac03
Grey =- #4a483b
Green = #abb602
Medium Green = #8a9300
Dark Green = #7c8226
Light Yellow = #ffc


*/

body {
	background:#656352;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	color:#4a483b;
	}

.clear {
	clear:both;
	}

/* ===== Basic Text Rules ===== */

a {
	color:#8a9300;
	text-decoration:underline;
	}
	
a:hover {
	color:#e06501;
	}

h1 {
	font-size:1.5em;
	margin:0 0 20px 0;
	}

h2 {
	font-size:1.3em;
	}
	
li {
	margin:5px 0;
	}

/* ===== Misc Elements ===== */

hr {
	color:#e06501;
	}


/* ===== Wrapper ===== */

#wrapper {
	width:960px;
	margin:0 auto;
	padding:20px 0 100px 0;
	border:0;
	text-align:left;
	}

/* ===== Header Rules ===== */

#header {
	height:186px;
	}

#header h1, #header h2 {
	display:none;
	}

/* ===== NavBar Rules ===== */

#navBar {
	height:25px;
	padding:5px 0 0 0;
	background:url('../images/navbar.png') top left no-repeat;
	}

#navBar p {
	margin:0;
	padding:0;
	}

#slogan {
	float:right;
	width:500px;
	text-align:right;
	padding:0 80px 0 0;
	}

#slogan p {
	padding:2px 0 0 0;
	color:#fff;
	font-weight:600;
	font-style:italic;
	font-size:1em;
	}

#navButtons {
	width:360px;
	padding:3px 0 0 20px;
	float:left;
	}

#navButtons a {
	padding:0 0 0 20px;
	margin: 0 5px 0 0;
	text-decoration:none;
	font-size:1.1em;
	color:#fff;
	}

#navButtons a:hover {
	color:#4a483b;
	}

#navButtons a.homelink {
	background:url('../images/homelink_bullet.png') top left no-repeat;
	}

#navButtons a.homelink:hover {
	background:url('../images/homelink_rollover_bullet.png') top left no-repeat;
	}

#navButtons .logoutlink a {
	background:url('../images/logoutlink_bullet.png') top left no-repeat;
	}

#navButtons .logoutlink a:hover {
	background:url('../images/logoutlink_rollover_bullet.png') top left no-repeat;
	}

/* ===== Inner Wrapper ===== */

#innerWrapper {
	min-height:500px;
	}

/* ===== Main Sidebar ===== */

#mainSidebar a {
	color:#fff;
	}

#mainSidebar a:hover {
	color:#000;
	}
	
#mainSidebar li {
	margin:0;
	}

#mainSidebar {
	float:left;
	color:#fff;
	}

#mainSidebar div.top {
	height:7px;
	}

#mainSidebar div.middle {
	height:100%;
	}

#mainSidebar div.bottom {
	height:8px;
	}

#mainSidebar.wide {
	width:268px;
	}

#mainSidebar.wide div.top {
	background:url('../images/mainSidebarTop_wide.png') top left no-repeat;
	}

#mainSidebar.wide div.middle {
	padding:20px;
	background:url('../images/mainSidebarMiddle_wide.png') top left repeat-y;
	}

#mainSidebar.wide div.bottom {
	background:url('../images/mainSidebarBottom_wide.png') top left no-repeat;
	}

#mainSidebar.narrow {
	width:181px;
	}

#mainSidebar.narrow div.top {
	background:url('../images/mainSidebarTop_narrow.png') top left no-repeat;
	}

#mainSidebar.narrow div.middle {
	padding:20px;
	background:url('../images/mainSidebarMiddle_narrow.png') top left repeat-y;
	}

#mainSidebar.narrow div.bottom {
	background:url('../images/mainSidebarBottom_narrow.png') top left no-repeat;
	}

/* ===== Menu ===== */

#menu ol {
	margin:0;
	padding:0 0 0 20px;
	border:0;
	}

#menu li {
	list-style-type:none;
	}
	

#menu li a{
	display:block;
	margin:0 0 0 -35px;
	padding:5px 0 0 30px;
	border-top:2px solid #656352;
	width:147px;
	height:25px;
	vertical-align:middle;
	font-weight:600;
	font-size:0.95em;
	text-decoration:none;
	color:#fff;
	}

#menu a:hover, #menu li.active a {
	color:#e06501;
	}

#menu_2 a {
	background:url('../images/menu_1.png') 9px 5px no-repeat;
	}

#menu_2 a:hover, #menu_2.active a {
	background:#fff url('../images/menu_1_hover.png') 9px 5px no-repeat;
	}

#menu_3 a {
	background:url('../images/menu_2.png') 9px 5px no-repeat;
	}

#menu_3 a:hover, #menu_3.active a {
	background:#fff url('../images/menu_2_hover.png') 9px 5px no-repeat;
	}

#menu_4 a {
	background:url('../images/menu_3.png') 9px 5px no-repeat;
	}

#menu_4 a:hover, #menu_4.active a {
	background:#fff url('../images/menu_3_hover.png') 9px 5px no-repeat;
	}

#menu_5 a {
	background:url('../images/menu_4.png') 9px 5px no-repeat;
	}

#menu_5 a:hover, #menu_5.active a {
	background:#fff url('../images/menu_4_hover.png') 9px 5px no-repeat;
	}

#menu_6 a {
	background:url('../images/menu_5.png') 9px 5px no-repeat;
	}

#menu_6 a:hover, #menu_6.active a {
	background:#fff url('../images/menu_5_hover.png') 9px 5px no-repeat;
	}

#menu_7 a {
	background:url('../images/menu_6.png') 9px 5px no-repeat;
	}

#menu_7 a:hover, #menu_7.active a {
	background:#fff url('../images/menu_6_hover.png') 9px 5px no-repeat;
	}

#menu_8 a {
	background:url('../images/menu_7.png') 9px 5px no-repeat;
	}

#menu_8 a:hover, #menu_8.active a {
	background:#fff url('../images/menu_7_hover.png') 9px 5px no-repeat;
	}

#menu_9 a {
	background:url('../images/menu_8.png') 9px 5px no-repeat;
	}

#menu_9 a:hover, #menu_9.active a {
	background:#fff url('../images/menu_8_hover.png') 9px 5px no-repeat;
	}



/* ===== Content ===== */

#content {
	}

#content div.top {
	height:7px;
	}

#content div.middle {
	padding:20px;
	min-height:500px;
	}

#content div.bottom {
	height:8px;
	}

#content.narrow {
	width:491px;
	margin:0 0 0 268px;
	}

#content.narrow div.top {
	background:url('../images/contentTop_narrow.png') top left no-repeat;
	}

#content.narrow div.middle {
	background:url('../images/contentMiddle_narrow.png') top left repeat-y;
	}

#content.narrow div.bottom {
	background:url('../images/contentBottom_narrow.png') top left no-repeat;
	}

#content.wide {
	width:578px;
	margin:0 0 0 181px;
	}

#content.wide div.top {
	background:url('../images/contentTop_wide.png') top left no-repeat;
	}

#content.wide div.middle {
	background:url('../images/contentMiddle_wide.png') top left repeat-y;
	}

#content.wide div.bottom {
	background:url('../images/contentBottom_wide.png') top left no-repeat;
	}

#content h1, #content h2, #content h3 {
	color:#e06501;
	}

#content h1 {
	border-bottom:2px solid #e06501;
	}

/* ===== Supp Sidebar ===== */

#suppSidebar {
	width:201px;
	float:right;
	color:#fff;
	}

#suppSidebar p {
	margin:3px 0 3px 0;
	}

#suppSidebar a {
	color:#fff;
	}
	
#suppSidebar a:hover {
	color:#e06501;
	}

#suppSidebar h1 {
	color:#4a483b;
	font-size:1.3em;
	padding:0 0 0 20px;
	margin:0 0 3px 0;
	background:url('../images/suppSidebar_bullet.png') top left no-repeat;
	}

#suppSidebar .top {
	width:100%;
	height:7px;
	background:url('../images/suppSidebarTop.png') top left no-repeat;
	}

#suppSidebar .middle {
	background:url('../images/suppSidebarMiddle.png') top left repeat-y;
	padding:10px;
	}

#suppSidebar .bottom {
	width:100%;
	height:8px;
	background:url('../images/suppSidebarBottom.png') top left no-repeat;
	}

#suppSidebar form {
	width:170px;
	}

#suppSidebar input.text {
	border:1px inset #abb602;
	width:105px;
	}

#suppSidebar input.button {
	border:1px outset #abb602;
	background:#7c8226;
	color:#fff;
	}

#suppSidebar a.passwordReminder {
	font-size:0.9em;
	}

/* ===== Info Box ===== */

.infoBox {
	width:178px;
	height:auto;
	}

#suppSidebar .infoBox h1 {
	color:#e06501;
	background:url('../images/infoBox_bullet.png') top left no-repeat;
	padding:0 0 0 20px;
	}

#suppSidebar .infoBox .top {
	height:7px;
	background:transparent url('../images/infoBoxTop.png') top left no-repeat;
	}

#suppSidebar .infoBox .middle {
	padding:10px;
	background:transparent url('../images/infoBoxMiddle.png') top left repeat-y;
	}

#suppSidebar .infoBox .bottom {
	height:8px;
	background:transparent url('../images/infoBoxBottom.png') top left no-repeat;
	}

/* ===== Footer ===== */

#footer {
	text-align:center;
	margin:0;
	}

#footer a {
	color:#ccc
	}

/* ===== Ditto Pagination ===== */

#ditto_pages {
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
	font-size:1.1em;
	}

#ditto_pages, #ditto_pages a {
	color:#abb602;
	}

#ditto_pages a {
	text-decoration:none;
	}

#ditto_pages a.ditto_page, #ditto_pages span.ditto_currentpage {
	margin:0 5px 0 5px;
	padding:0 10px;
	}

#ditto_pages a.ditto_page {
	background:#abb602;
	color:#fff;
	}

#ditto_pages span.ditto_currentpage {
	background:#fff;
	color:#abb602;
	border:1px solid #abb602;
	}

#ditto_pages a.ditto_previous_link, #ditto_pages a.ditto_next_link, #ditto_pages span.ditto_off {
	font-weight:600;
	font-size:1.2em;
	}

#ditto_pages span.ditto_off {
	color:#fff;
	}

/* ===== Tabs ===== */

#tabs {
	float:right;
	margin:-44px 0 0 0;
	}

#tabs a {
	margin:0 0 0 5px;
	padding:5px;
	background:#fdc;
	border-top:1px solid #e06501;
	border-right:1px solid #e06501;
	border-left:1px solid #e06501;
	color:#e06501;
	text-decoration:none;
	font-weight:600;
	}
	
#tabs a.active {
	background:#ffc;
	}

/* ===== Tables ===== */

table {
	border-collapse:collapse;
	}

table.quiz {
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	}

table.quiz td {
	padding:10px;
	border:1px solid #4a483b;
	}

td.right {
	text-align:right;
	}

td.emphasis {
	color:#8a9300;
	width:30%;
	}

table.course_outline td {
	border-bottom:1px solid #e06501;
	padding:5px;
	}

#webSignup table td {
	padding:5px 0;
	}

/* ===== Page Footer ===== */

#pagefooter {
	width:100%;
	margin:10px 0 0 0;
	padding:10px 0;
	border-top:2px solid #f2ac03;
	text-align:center;
	}

#pagefooter a {
	color:#f2ac03;
	padding:0 10px;
	}

/* ===== Forms ===== */

#webSignup select {
	width:200px;
	}

#webSignup input.postcode {
	width:100px;
	}

#webSignup a {
	color:#abb602;
	}

fieldset {
	margin:20px 0;
	}

legend {
	font-weight:600;
	}

input.wide {
	width:95%;
	}

/* ===== Message Boxes ===== */

div.warning, div.info {
	padding:10px;
	margin:10px 0;
	font-weight:600;
	text-align:center;
	}

div.warning {
	border:2px solid #e06501;
	background:#ffc;
	color:#e06501;
	}
	
div.info {
	border:2px solid #8a9300;
	background:#cfc;
	color:#8a9300;
	}
	
/* ===== Sliders ===== */

div.slider {
	padding:0 0 0 30px;
	}