/********************************************************

	Octagon Olympics and Action Sports
	Main Styles
	Authored By: Amanda Postle
	Date Created: 6/16/08
	Date Modified: 7/16/08

********************************************************/
body, html {
background:#9e0907 url(../images/bg.jpg) repeat-x;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#site_container {
position:relative;
background:url(../images/containerBG.png) repeat-y;
min-height:800px;
text-align:left;
margin-left:55px;
}

h1 {
font:30px Arial, Helvetica, sans-serif;
color:#000;
height:86px;
width:261px;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { 
position:absolute;
top:6px;
left:30px;
width:604px; 
height:163px; 
text-indent:-9999px;
background-image:url(../images/siteBrandingLogo.jpg);
}

h2 {
color:#b10606;
font-size:18px;
font-weight:normal;
}

h3 {
background:url(../images/globe.jpg) no-repeat top right;
width:757px;
height:750px;
position:fixed;
z-index:0;
left:525px;
}

h4 {
color:#b10606;
font-size:15px;
font-weight:bold;
}

p {
color:#fff;
font-size:12px;
}

a:link, a:visited {
color:#fff;
text-decoration:underline;
padding:2px 4px 2px 4px;
}

a:hover, a:active {
color:#a7a5a5;
text-decoration:none;
background:#393939;
padding:2px 4px 2px 4px;
}


/**************** Navigation *******************/
#site_branding {
float:left;
position:relative;
width:220px;
}

#site_branding ul {
position:relative;
width:161px;
min-height:258px;
margin-left:30px;
margin-top:95px;
background:url(../images/navBG.jpg) no-repeat;
list-style-image:url(../images/arrow.png);
list-style-position:inside;
padding:15px 15px 0px 10px;
}

#site_branding ul li {
padding:7px 0px 7px 5px;
border-bottom:dotted 1px #7a7a7a;
}

#site_branding ul li.first {
background:#393939;
}

#site_branding ul li a:link, #site_branding ul li a:visited {
font-size:16px;
color:#fff;
padding:2px 4px 2px 4px;
text-decoration:none;
}

#site_branding ul li a:hover, #site_branding ul li a:active {
background:#393939;
color:#a7a5a5;
padding:7px 4px 8px 4px;
font-size:16px;
text-decoration:none;
}

#site_branding ol {
list-style-image:url(../images/arrow.png);
list-style-position:inside;
margin-left:25px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:5px;
}

#site_branding ol li {
padding:0px 0px 0px 5px;
border:none;
}

#site_branding ol li a:link, #site_branding ol li a:visited {
font-size:12px;
color:#fff;
padding:2px 3px 2px 3px;
text-decoration:none;
}

#site_branding ol li a:hover, #site_branding ol li a:active {
background:#393939;
color:#a7a5a5;
padding:3px;
font-size:12px;
text-decoration:none;
}

#site_branding ol li a.selected:link, #site_branding ol li a.selected:visited {
background:#393939;
}

#site_branding img {
margin-left:30px;
}


/**************** Main Content *******************/
#site_mainContent {
position:relative;
float:left;
margin-top:181px;
height:320px;
border:1px solid #3a3939;
background:#000 url(../images/mainContentBG.jpg) repeat-x;
width:420px;
}

#site_mainContent h2 {
padding:12px 0px 8px 20px;
}

#site_mainContent h4 {
padding:12px 0px 8px 40px;
}

#site_mainContent p {
padding:0px 40px 10px 40px;
}

#site_mainContent a:link, #site_mainContent a:visited,
#site_mainContent a:hover, #site_mainContent a:active {
padding:0px;
}

#clear {
clear:both;
margin-bottom:20px;
}

.asterik {
color:#b10606;
font-size:18px;
line-height:14px;
}

#mainFlash {
margin-top:12px;
margin-left:-1px;
width:422px;
height:285px;
}

#site_mainContent h5 {
font-size:11px;
color:#fff;
font-weight:normal;
text-align:center;
margin-bottom:10px;
}


/**************** Footer Info *******************/
#site_info {
clear:both;
margin-left:21px;
width:629px;
height:26x;
text-align:center;
color:#fff;
font-size:11px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#site_info li {
display:inline;
}