/*
Spikes 2009
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
created: 16 January 2009
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
 	margin:0;
 	padding:0;
 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,strong,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
ul {
 	list-style:disc;
	padding-left:25px;
 }
 ol {
 	list-style:decimal;
	padding-left:25px;
}
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }
 

/* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	margin:0 0 0 0;
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	background-color:#000000;
}

h1 { font-size:1.8em; padding:0 0 10px 0; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

h1.headerpadding { padding:5px 0 10px 5px; }

p { margin:0 0 8px 0; }
strong { font-weight:bold; }
em { font-style:italic; }

.hide { display:none; }

.vspace5 {	height:5px;}
.vspace10 {	height:10px;}
.vspace20 {	height:20px;}
.vspace30 {	height:30px;}
.vspace40 {	height:40px;}
.vspace50 {	height:50px;}

a:link, a:visited { color:#BB982B; }
a:hover { color:#BB982B; }

/* Structural Layout */
#mainWrapper { 
	width:100%; 
	text-align:center;
	/*background-image:url(/images/layout/bnr_swirl.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
}
#pageWrapper { 
	width:967px;/*967*/
	margin:auto;
	text-align:left;
}

#topBar { padding:0 0px 0px 0px; }
#logoBar { padding:40px 0px 25px 5px; }
#logoBarBanner { padding:0px 0px 5px 0px; }
#logo { float:left; width:596px; }
#logotag { float:left; width:356px; padding-top:20px; }
#navigation { padding:0 5px 0 5px; color:#FFFFFF; }

#content { background-color:#FFFFFF; padding:0 0 5px 0; }
#blackbgcontent { background-color:#000000; padding:0 0 5px 0; }
#footerBar { padding:5px 0px 10px 0px; color:#FFFFFF; font-size:0.9em; }
#footerNavigation { float:left; width:800px; }
#footerCopyright { float:right; width:160px; text-align:right; }
#AElogo { float:right; width:260px; text-align:right; }


/* LEFT SUBNAV PAGES */

#subnav_page_nav {
	float:left;
	width:240px;
	padding:5px 0 0 10px;
}
#subnav_page_nav a:link, #subnav_page_nav a:visited {
	display:block;
	background-color:#000000; /*262425*/
	color:#FFFFFF;
	padding:5px;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	margin:0;
}
#subnav_page_nav a:hover, #subnav_page_nav a.subnav_link_on:link, #subnav_page_nav a.subnav_link_on:visited, #subnav_page_nav a.subnav_link_on:hover {
	color:#BB982B;
}

#subnav_page_nav_other {
	float:left;
	width:240px;
	padding:5px 0 0 20px;
}
#subnav_page_nav_other a:link, #subnav_page_nav_other a:visited {
	display:block;
	background-color:#000000;/*262425*/
	color:#FFFFFF;
	padding:5px;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	margin:0;
}
#subnav_page_nav_other a:hover, #subnav_page_nav a.subnav_link_on:link, #subnav_page_nav a.subnav_link_on:visited, #subnav_page_nav a.subnav_link_on:hover {
	color:#BB982B;
}

#subnav_page_content {
	float:left; width:690px;
	padding:10px 10px 0 10px;
	display:inline;
}

* html #subnav_page_content { width:690px; }

#subnav_page_content_wide {
	float:left; 
	width:700px;
	padding:10px 0px 0 10px;
	display:inline;
}

* html #subnav_page_content_wide { width:700px; }