﻿body {
	margin:0px;
	padding:0px;
	width:100%;
	background-image:url(../Images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-position:center top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#000;
	color:#CCC;
}

html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;} 

a {
	color:#9d2626; font-weight:bold; font-size:11pt; outline:none; font-size:11pt;
}

a:hover {
	color:#006; font-weight:bold; font-size:11pt;
}

a:active {
	outline:none;
	color:#9d2626; 
	font-weight:bold; 
	font-size:11pt;
}

:focus
{
  -moz-outline-style: none;
}


.mainWrapper{width:100%;}
.active{display:block;}
.inactive{display:none;}
.headerButtonWrapper{padding:10px 0 0 0;}
.flickerButton{background:url(../images/flicker_btn.png) no-repeat; width:220px; height:71px; float:left; margin: 0 0 5px 0;}
.youTubeButton{background:url(../images/youTube_btn.png) no-repeat; width:215px; height:71px; float:left; margin: 0 0 5px 0;}
.pressButton{background:url(../images/press_btn.png) no-repeat; width:220px; height:71px; float:left;}
.knowledgeButton{background:url(../images/knowledge_btn.png) no-repeat; width:220px; height:71px; float:left;}
.mainContentArea{
	margin:auto;
}
.content{
	margin-top:563px;
	width:910px; /*border:1px solid #FFFFFF; background-color:#FFFFFF; -moz-border-radius: 25px; border:1px #2b3c79 solid*/
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.mainLogo{float:left; background:url(../images/s4c_Australia_Logo1.png) no-repeat; height:273px; width:439px;}
.blogLogo{float:right;}
.blogImage{background:url(../images/s4c_Australia_Logo2.png) no-repeat; height:149px; width:484px;}
#map_canvas{width: 100%; height:600px;}
.mainFooterGradient{background:url(../images/s4c_Australia_gradient.png) repeat-x; height:4px;}
.mainFooter{background-color:#000; height:222px; width:869px; margin-left:auto; margin-right:auto;}

.footerContentWrapper{margin:auto;width:869px; text-align:center; padding:10px 0 0 0;}
.footerContentWrapper h1{color:#FFFFFF; font-size:1.25em; margin:0px; padding:0px; border-bottom:1px solid #dacca5;text-align:left; padding:0 0 2px 0;}
.footerContentWrapper .footerColumnWrapper{
	width:275px;
	float:left;
	text-align:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.footerContentWrapper .endColumn{margin:0;}
.footerContentWrapper p{color:#FFF; font-size:12px; font-weight:bold; letter-spacing:-1px; }
.footerContentWrapper ul{list-style: none; padding:0; margin:0;}
.footerContentWrapper li{display: block;}
.footerContentWrapper a{padding-bottom:1em; padding:0; margin:0;color:#CCC; font-size:11px; text-decoration:none; }
.footerContentWrapper a:hover{text-decoration:none; color:#000; background-color:#FFFFFF;}


#tabHeader ul{list-style: none; padding:0; margin:0;}
#tabHeader li { float:right; display: inline; margin: 0 0.5em 0 0; cursor:pointer; background-color:#000; text-transform:uppercase; color:#FFF;}
#tabHeader li span{padding: 0 1em;}
#tabHeader .selected {position: relative; top: 1px;background-color:#333;}
#tabContent{
	
	padding:0px;
	margin: 0 0 20px 0;
	width:910px;
	
}

.tabWrapper {
	position:absolute;
	left:50%;
	top:542px;
	margin-left:264px;
	z-index:9;
	width:200px;
}

.notepad {
	position:absolute;
	top:330px;
	left:50%;
	margin-left:-465px;
}


#gridContent {
	padding:15px;
}

.thumbnailblogs {
	display:block;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	position:fixed;
	top:0px;
	height:23px;
	width:100%;
	background-image:url(http://www.skate4cancer.com/skate2010/images/header_bg.png);
	background-repeat:repeat-x;
	display:block;
	z-index:999;
}

.blogschedule {
	font-family:Helvetica;
	color:#F00;
	text-shadow: #000 0px -1px 1px;
	padding-top:3px;
	font-size:12px;
	}
	
.blogschedule2 {
	font-family:Helvetica;
	color:#FFF;
	text-shadow: #000 0px -1px 1px;
	padding-top:3px;
	font-size:12px;
	}