/* CSS Document */

/* Body and Universal Reset */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/backgrounds/bg.gif) top center no-repeat;
	background-color:#231f20;
}

#containerWrapper {
	margin:0 auto; width:980px;
}

#container {
	margin:0 auto;
	width: 980px;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	/*height:1px;*/
}

img {
	border: none;
}


/* Typography */

h1 {
	margin-left: 30px;
}

.blogDate {
	margin: -10px 0 5px;
	display: block;
}


/* Headers */

#header {
	margin: 0 auto;
	width: 980px;
	height:145px;
	display:block;
	position: relative;
}

.logo {
	margin:0 0 0 17px;
	float:left;
}

#headerNavigation{
	float:right;
	margin:100px 11px 0 0;
}

#headerNavigation .facebook, .twitter{
	margin-right:5px;
	width: 29px;
	height:29px;
	float:left;
}

#headerNavigation .competitorLogin{
	min-width:107px;
	float:left;
	margin:0 0 0 5px;
}

#headerNavigation .welcome {
	background:url(/images/backgrounds/welcome-bg.jpg) top left no-repeat;
	padding:16px 0 0 20px;
	float:left;
	min-width:87px;
	font-size:12px;
	margin:0 0 0 5px;
}

#headerNavigation .welcome a {
	text-decoration: none;
	color: white;
}

#CountdownTicker {
	position: absolute;
	margin-top: 10px;
	color: #FCAF17;
	top: 10px;
	right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

#CountdownTicker a {
	color: #FCAF17;
}

#CountdownTicker #CountdownTime {
	margin-bottom: 5px;
	font-size: 20px;
}

.siteSearch {
	float:left;
	padding:3px 10px 0 0;
}

.siteSearch input.textinput, .siteSearch input.textinputhover {
	background:#363636;
	width:124px;
	color:#fff;
	padding-right:26px;
}

.siteSearch .searchSubmit {
	margin:0 0 0 -28px;
	cursor:pointer;
	width:28px;
	padding:0;
	background:url(/images/icons/search.gif) no-repeat 3px 0;
	text-indent:1000px;
	overflow:hidden;
	border:none;
}


/* Main Navigation */

#mainNav {
	height:443px;
	width:193px;
	float:left;
	background-color:#373637;
	margin:0 0 9px;
}

#navWrapper{
	background:url(/images/backgrounds/nav-top.png) top left no-repeat;
	padding:10px 10px 0 0;
	float:left;
	margin:6px 0 0;
}

#mainNavigation{
	float:left;
	width:193px;
	min-height:300px;
	margin: 0 0 5px 0;
}


/* Navigation */

#mainNavigation a{
	margin:-6px 0 -5px;
	float:left;
	text-indent:-200px;
	overflow:hidden;
	white-space:nowrap;
	width:203px;
}

a.navOne{
	background:url(/images/nav/home.png) 0 0 no-repeat;
	height:35px;
	margin:-11px 0 -7px !important;
}

a.navOne:hover, .downOne a {
	background:url(/images/nav/home.png) 0 -34px no-repeat;
}

#navTwo a{
	background:url(/images/nav/kokoda-challenge.png) 0 0 no-repeat;
	height:49px;
}

#navTwo a:hover, #navTwo a.down  {
	background:url(/images/nav/kokoda-challenge.png) 0 -49px no-repeat;
}

#navThree a{
	background:url(/images/nav/kokoda-brisbane.png) 0 0 no-repeat;
	height:44px;
}

#navThree a:hover, #navThree a.down  {
	background:url(/images/nav/kokoda-brisbane.png) 0 -45px no-repeat;
}

#navFour a{
	background:url(/images/nav/kokoda-melbourne.png) 0 0 no-repeat;
	height:45px;
}

#navFour a:hover, #navFour a.down  {
	background:url(/images/nav/kokoda-melbourne.png) 0 -45px no-repeat;
}

#navFive a{
	background:url(/images/nav/school-challenge.png) 0 0 no-repeat;
	height:34px;
}

#navFive a:hover, #navFive a.down  {
	background:url(/images/nav/school-challenge.png) 0 -34px no-repeat;
}

#navSix a{
	background:url(/images/nav/whats-on.png) 0 0 no-repeat;
	height:32px;
}

#navSix a:hover, #navSix a.down {
	background:url(/images/nav/whats-on.png) 0 -32px no-repeat;
}

#navSeven a{
	background:url(/images/nav/participants.png) 0 0 no-repeat;
	height:45px;
}

#navSeven a:hover, #navSeven a.down {
	background:url(/images/nav/participants.png) 0 -45px no-repeat;
}

a.navEight{
	background:url(/images/nav/teams.png) 0 0 no-repeat;
	height:32px;
}

a:hover.navEight, .downEight a  {
	background:url(/images/nav/teams.png) 0 -32px no-repeat;
}

#navNine a {
	background:url(/images/nav/youth-programs.png) 0 0 no-repeat;
	height:46px;
}

#navNine a:hover, #navNine a.down {
	background:url(/images/nav/youth-programs.png) 0 -46px no-repeat;
}

#navTen a {
	background:url(/images/nav/spirit.png) 0 0 no-repeat;
	height:33px;
}

#navTen a:hover, #navTen a.down {
	background:url(/images/nav/spirit.png) 0 -33px no-repeat;
}

#navEleven a {
	background: url(/images/nav/kokoda-association.png) no-repeat scroll 0 0 transparent;
	height: 45px;
}

#navEleven a:hover, #navEleven a.down {
	background:url(/images/nav/kokoda-association.png) 0 -45px no-repeat;
}

#navTwelve a {
	background: url(/images/nav/donate-online.png) no-repeat scroll 0 0 transparent;
	height: 32px;
}

#navTwelve a:hover, #navTwelve a.down {
	background:url(/images/nav/donate-online.png) 0 -32px no-repeat;
}

#navThirteen a {
	background: url(/images/nav/contact.png) no-repeat scroll 0 0 transparent;
	height: 32px;
}

#navThirteen a:hover, #navThirteen a.down {
	background:url(/images/nav/contact.png) 0 -32px no-repeat;
}

#navContact{
	float:left;
	padding:0 0 0 23px;
	color:#FFFFFF;
}

#navContact h4 {
	margin:0 0 5px;
}

.links{
	float:left;
	padding:5px 0 0;
	margin:5px 0 0;
	border-top: #FCAF17 1px dotted;
	width:150px;
	color:#FCAF17;
}

#navContact .links a {
	padding:5px 0 0;
	color:#FCAF17;
}

#mainNav li {
	list-style:none;
	display:block;
}

#navBanner{
	float:left;
	margin:0 0 10px;
	height:147px;
}


/* Sidebar */

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


/* Latest News */

#latestNews, #challengeChat {
	background:url(/images/backgrounds/latest-news.jpg) top left no-repeat;
	height:135px;
	margin:0 0 10px;
	padding: 30px 10px 0 15px;
	overflow: hidden;
}

#latestNews {
	background:url(/images/backgrounds/latest-news.jpg) top left no-repeat;
}

#challengeChat {
	background:url(/images/backgrounds/challenge-chat-bg.jpg) top left no-repeat;
}

#latestNews .newsText, #challengeChat .newsText {
	position: relative;
	*position: auto;
	height: 134px;
	margin-bottom: 10px;
}

#latestNews h4 , #challengeChat h4 {
	color:#5E5A26;
	font-size:13px;
	line-height:16px;
	text-align:right;
	text-transform:uppercase;
}

#latestNews p, #challengeChat p {
	text-align:right;
	color:#333;
	font-size:11px;
	line-height:14px;
}

#latestNews a {
	color:#333;
	font-weight:bold;
}

#challengeChat a {
	color:#fff;
	font-weight:bold;
}

#latestNews .read-more, #challengeChat .read-more {
	bottom: 0px;
	right: 0;
	text-align: right;
}


/* Donation Tallies */

#tally{
	width:191px;
	height:153px;
	background:url(/images/backgrounds/money-raise.jpg) top left no-repeat;
	color:#FFFFFF;
}

.tallyLabel{
	float:right;
	margin:30px 15px 0 0;
	width:176px;
}

.tallyLabel p {
	margin: 0;
	text-align:right;
}

.tallyTotal{
	width:194px;
	height:65px;
	background:url(/images/backgrounds/tally-total.jpg) top left no-repeat;
	float:left;
	margin:0 0 0 12px;
}

.tallyScroll{
	width: 98%;
	float:left;
	padding:3px 1%;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	height: 17px;
}

#donation-ticker {
	padding: 0;
	height: 50px;
	overflow: hidden;
}

#donation-ticker div {
	padding: 0;
	margin: 0;
	height: 50px;
}


/* Content */

#contentWrapper{
	float:left;
	width:586px;
}

#content {
	float:left;
	background: url(/images/backgrounds/green-lower.jpg) bottom left no-repeat #f4f3ef;
	border:4px #5e5b25 solid;
	margin:0 10px 10px 0;
	min-height:450px;
	width:567px;
	position: relative;
}

#contentWrapper .borderYP{
	border:#db2d29 4px solid;
	background: url(/images/backgrounds/red-lower.jpg) bottom left no-repeat #f4f3ef;
}

#contentWrapper .borderBKC{
	border:#f7941e 4px solid;
	background: url(/images/backgrounds/orange-lower.jpg) bottom left no-repeat #f4f3ef;
}

#contentWrapper .borderMKC{
	border:#7ac142 4px solid;
	background: url(/images/backgrounds/light-green-lower.jpg) bottom left no-repeat #f4f3ef;
}

#contentWrapper .borderSC{
	border:#009fdb 4px solid;
	background: url(/images/backgrounds/blue-lower.jpg) bottom left no-repeat #f4f3ef;
}

#contentWrapper .borderKS{
	border:#cca33d 4px solid;
	background: url(/images/backgrounds/mustard-lower.jpg) bottom left no-repeat #f4f3ef;
}

#contentWrapper p {
	font-size:12px;
}

p, #content ul, #content ol {
	margin:0 0 18px 0;
}

#content ul, #content ol {
	margin-left:18px;
}

.homeBanner{
	height:450px;
}

#contentBanner{
	margin:0 0 10px;
	float:left;
}

.contentBannerHolder{
	float:left;
	margin:0 10px 0 0;
}

.contentBannerHolder img{
	height:165px;
	width:185px;
}


/* Teams */

#teamsWrapper {
	width:567px;
	margin:-30px 0 0 -30px;
	position:relative;
	z-index:3;
	background:url(/images/backgrounds/teams-bg.jpg) top left repeat-y;
}

#teamsWrapper p {
	font-size:11px;
	line-height:15px;
	margin:0 0 10px 0;
}

#teamsWrapper h5 {
	margin:0px;
	font-weight: bold;
	text-transform:uppercase;
	line-height:12px;
}

#leftTeams {
	width:181px;
	float:left;
}

#rightTeams {
	width:378px;
	float:right;
	margin:-17px 0 0;
	min-height:180px;
}

#importantInfo {
	background:url(/images/backgrounds/teams/important-info.jpg) top left no-repeat;
	padding:42px 10px 00px 10px;
	min-height:177px;
	margin:0 0 -8px;
}

#teamsNews {
	background:url(/images/backgrounds/teams/news.jpg) top left no-repeat;
	width:161px;
	padding: 43px 10px 0px 10px;
	min-height:186px;
	margin:0 0 -8px;
}

#teamProfile {
	background:url(/images/backgrounds/teams/team-profiles.jpg) top left no-repeat;
	padding:45px 10px 0px 10px;
	width:358px;
	float:left;
	min-height:286px;
	background-color:#F4F3EF;
}

.profileImage {
	margin:-5px 0 10px 0;
	-webkit-transform: rotate(357deg);
	-moz-transform: rotate(357deg);
	float:left;
	background-color: #fff;
    height: 115px;
    text-align: center;
    width: 150px;
	line-height:115px;
}

#teamProfile img {
    margin: -1px 0 0;
    vertical-align: middle;
}

#teamProfile table {
	width:190px;
	float:right;
	margin:0px;
}

#teamProfile ul {
	margin:0 0 0 18px;
}

.profileTitle {
	font-weight:bold;
	width:105px;
}

#lowerRight {
	float:left;
	width:378px;
	background-color:#d2d0c0;
}

#teamTally {
	background:url(/images/backgrounds/teams/tally.jpg) no-repeat top left;
	padding:50px 10px 0px 10px;
	min-height:90px;
	float:left;
	width:164px;
	background-color:#f4f3ef;
}

#teamButtons {
	background:url(/images/backgrounds/teams/button-top.jpg) top left no-repeat;
	padding:15px 0 0 9px;
	float:left;
	width:185px;
}

.teamPictures{
	height:61px;
	display:block;
}

.fundraising {
	height:52px;
	display:block;
}

#bottomBorder{
	background:url(/images/backgrounds/teams/teams-bottom-float.png) top left no-repeat;
	width:567px;
	height:27px;
	margin:-8px 0 0 0;
	position:relative;
	z-index:5px;
}

/* Brisbane Team Styles */

.brisbaneNews {
	background:url(/images/backgrounds/teams/brisbane-news.jpg) top left no-repeat #F4F3EF !important;
}

.brisbaneProfile{
	background:url(/images/backgrounds/teams/brisbane-profile.jpg) top left no-repeat #F4F3EF !important;
}

.brisbaneTally{
	background:url(/images/backgrounds/teams/brisbane-tally.jpg) no-repeat top left #F4F3EF !important;
}

/* Melbourne Team Styles */

.melbourneNews {
	background:url(/images/backgrounds/teams/melbourne-news.jpg) top left no-repeat #F4F3EF !important;
}

.melbourneProfile{
	background:url(/images/backgrounds/teams/melbourne-profile.jpg) top left no-repeat #F4F3EF !important;
}

.melbourneTally{
	background:url(/images/backgrounds/teams/melbourne-tally.jpg) no-repeat top left #F4F3EF !important;
}



/* Footer */

#footer {
	clear: both;
	margin:0 auto;
	width:980px;
	text-align:right;
	background-color:#282829;
	padding:7px 0;
	font-size:9px;
	color:#FFF;
}

#footer a {
	padding:0 10px;
	color:#FFF;
	font-size:9px;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin: 0;
}

#footer li {
	display: inline;
	list-style: none;
	margin:0 12px 0 0;
}

#footerBanner{
	padding:20px 10px;
	width:964px;
	margin:0 auto;
}

#footerBanner .marginRight {
	margin-right:20px;
}


/* Team Profile Thumbs */

div.imgBox {
	float: left;
	margin:0 19px 20px 0;
	text-align: center;
}

div.profileImg {
	width: 150px;
	height: 115px;
	background: white;
	margin-bottom: 5px;
}


/* Online Enquiry Form */

.formTable, .formTableBorder {
	width:100%;
}

.formTable td {
	padding-bottom:5px;
}

.yourDetails {
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:4px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	padding-left:15px;
	padding-right:5px;
}

.required img {
	vertical-align:middle;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

select {
	padding: 4px 5px;
}

optgroup {
	padding: 5px;
}

optgroup option {
	padding-left: 10px;
}

.formTable textarea {
	width:325px;
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
	width:325px;
}

.textinputhover {
	border:1px solid #5E5A26;
	padding:3px;
	width:325px;
}

.submit {
	padding:0 0 0 143px;
}

.errorText {
	color:#FF0000;
}

input.hintText {
	color: #999999;
}

.label {
	width:140px;
}

.formTableBorder {
	border-collapse: collapse;
}

.formTableBorder td, .formTableBorder th {
	padding: 5px 10px;
	border: 1px solid #CEBFAA; /* OLD #5f5a21 */
}

.formTableBorder th {
	background-color: #EBE3D9; /* OLD #CBA23B */
}


/***** Error / Info / Caution Boxes *****/

.error_box, .info_box {
	margin:0 0 15px 0;
	padding:15px;
	border-width: 3px;
	border-style: solid;
}

.error_box {
	border-color: #CC0000;
	background-color: #f3d8d8;
	color:#CC0000;
}

.info_box {
	border-color: #C5E4ED;
	background-color: #E1F2F7;
	color:#000;
}

#content .error_box ul {
	margin-bottom:0;
}

/* LOGIN AREA */

.loginContainer {
	display:block; border:1px solid #DDD; display:block; padding:10px; width:221px; float:left; margin: 0 0 20px 0;
}

a:hover.loginContainer{
	background-color:#DDD; text-decoration: none;
}

a:hover.logoutContainer {
	text-decoration: none;
}

#contentWrapper .loginContainer p {
	width:150px; float:left; font-size:14px; font-weight:bold; color:#333; margin:10px 0 0 10px;
}

.marginRight {
	margin-right: 20px;
}

#contentWrapper .loginContainer img, #contentWrapper .logoutContainer img {
	float:left; width:50px;
}

.logoutContainer {
    display: block;
    float: left;
    height: 32px;
    margin: -13px 0 30px 180px;
    padding: 10px;
    width: 120px;}

#contentWrapper .logoutContainer p {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0 10px;
    width: 60px;
}


/* Challenge Chat */

.chat_post {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #E6E6E6;
	color: black;
	border: 3px solid #DDDDDD;
}

.post_heading {
	font-size: 12px;
}

.post_heading strong {
	font-size: 14px;
}

.chat_post p {
	margin: 5px 0;
}

.post_btns {
	text-align: right;
}


/* Classes Reserved for the TinyMCE Editor  */

.editor {
	width: 100%;
}

.mini_editor {}


/***** Next / Prev Links *****/

.nextprevnav {
	display: block;
	margin: 10px 0;
	text-align: center;
}

.nextprevdisabled {
	color: #AAA;
}

.nextprevlink {
	padding: 3px 6px;
	color: #5E5B25;
	text-decoration: none;
	border: 1px solid #CCC;
}

.nextprevlink:hover {
	color: orange;
	text-decoration: none;
}

.nextprevcurrentpage {
	padding: 2px 5px;
	color: #5E5B25;
	font-weight: bold;
}


/***** Fade Banner Styles *****/

#SponsorBanner {
	margin-bottom: 10px;
}

#SponsorBanner a img {
	width: 192px;
	height: 130px;
}

.BannerContainer {
	overflow:hidden;
	position:relative;
}

.BannerContainer a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}

.BannerContainer a.active {
	z-index:10;
}

.BannerContainer a.last-active {
	z-index:9;
}

.BannerContainer a.no-link {
	cursor: default;
}

#HomeMainBanner a img {
	width: 567px;
	height: 450px;
}

#HomeMainBannerPager {
	position: absolute;
	z-index: 20;
	bottom: 15px;
	left: 15px;
}

#HomeMainBannerPager a {
	margin-right: 10px;
	padding: 7px 12px;
	background: black;
	color: white;
}

#HomeMainBannerPager a.activeSlide {
	border-bottom: 4px #FCAF17 solid;
}

#HomeMainBannerPager a:hover {
	text-decoration: none;
	border-bottom: 4px #CCC solid;
}