@import url("navigation/nav.css");

/* 
--- PLEASE NOTE ---

This global stylesheet can be used across multiple application with a minimum of changes.
It is a 2 or 3 column layout based on the 960 grid system (see 960.css)
Please put any Internet Explorer specific styles/hacks/fixes in 'IE.css'.

FONT SIZE
10px -	77%
11px -	85%
12px -	93% (was 93)
13px -	100%
14px -	108% (was 107)
15px -	116% (was 114)
16px -	123.1% (was 122)
17px -	131% (was 129)
18px -	138.5% (was 136)
19px -	146.5% (was 144)
20px -	153.9% (was 152)
21px -	161.6% (was 159)
22px -	167%
23px -	174%
24px -	182%
25px -	189%
26px -	197% 

*/

* {margin: 0; padding: 0;}

/* ---------------------------------------------------------------------------------*//* Body */

body {
	background-color: #000;
	height: 100%;
	width:100%;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding:0;
}


html {
	
	background-color: #000;
	height: 100%;
}	
/* ---------------------------------------------------------------------------------*//* Links */

a:link,
a:visited, 
a:active {
	text-decoration: none;
	color: #e44497;
	font-weight:bold;
	font-size:100%;
}

a:hover {
	text-decoration: underline;

}

	
/* ---------------------------------------------------------------------------------*//* Wrapper for a 1024px */	


#wrapper 
{
	background: #000 ;
	width: 980px;
	height: auto !important;
	margin: 0 auto -24px; /* the bottom margin is the negative value of the footer's height */

}


#inner_wrapper {
	padding: 0 10px;
	text-align:center;
	width:900px;
	margin:0 0 20px 30px;

}
/* ---------------------------------------------------------------------------------*//* Content */	
#content {
	/*padding: 0 1px;*/
	
	text-align: left;
	margin-bottom:0px;
	font-size:100%;
	text-align:left;
	line-height:1.3em;
	position:relative;
	}

/* ---------------------------------------------------------------------------------*//* Left Container in 2 or 3 column grid */	
#left {
	width:240px; 
	float:left;
}


/* ---------------------------------------------------------------------------------*//* Right Container in 2 or 3 column grid */	

#right 
{
	position:absolute;
	top:0;
	right:0;
	margin:10px 0px 40px 0px;
	width:285px;
}

/* ---------------------------------------------------------------------------------*//* Middle Container in 3 column grid */	
	
#middle {
	float:left;
	width: 390px;

}
/* ---------------------------------------------------------------------------------*//* Header */	

#header {position: relative;}

/* -------------------------------------------------------------------------------*//* Skip links */
  
ul#top li.skip {
	position: absolute;
	right: 35px;
	top: 0px;
	  margin: 0;
	  border: 0;
	  padding: 0;
	  background: none;
  }

ul#top li.skip a {
	display: block;
	text-indent: -1000em;
	}
	
ul#top li.skip a:focus {
	text-indent: 0;
	text-decoration: none;
	}
	
/* ---------------------------------------------------------------------------------*//* General */

img {
	/*set all images with links to border 0 */
	border: 0;
}

hr {display:none;}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*re-setting lists on to the page to 0 */
	margin:0em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs no style*/
	list-style: none;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*remove all borders and padding from tables*/
	border:none;
	padding:0em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
p /*to give all p tags a little breathing space*/ 
{margin:0.4em 0; padding:0;}


/* ---------------------------------------------------------------------------------*//* Clearfix */

.clear {clear: both;}

.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 */
.clearthis {
	clear: both; 
    color: #fff;
	font-size:0.1%;
	margin-top:0px;
	padding-top:0px;
}
/* ---------------------------------------------------------------------------------*//* H1-6 AN HEADERS */

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%; 
	
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h4 {
	/*13px via YUI Fonts CSS foundation*/
	font-size:100%;  
}
h5 {
	/*12px via YUI Fonts CSS foundation*/
	font-size:93%;  
}
h6 {
	/*11px via YUI Fonts CSS foundation*/
	font-size:85%;  
}
h1,h2,h3,h4,h5,h6 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6 {
	/*make a h elements normal weight unless specified as bold*/
	font-weight:normal; 
}
/*making sure strong element is bold*/
strong {
		font-weight:bold; 
}
/* ---------------------------------------------------------------------------------*//* Footer */	
.footer, .push {
	height:24px; /* .push must be the same height as .footer */

}


#footer {
	background:#000 url(../img/nav/navbg.png) repeat-x top;
	position: relative;
	padding: 3px 0px 0px 0px;
	margin: 10px auto;
	text-align:left;
	bottom:-5px;
	height:107px; 
	color:#fff;
	margin-top:0px;

}