/* @group General Styles */

body {
	padding: 0;
	margin: 0;
	font: 0.85em "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #EEE;
	color: #070B0F;	
}

a:link, a:visited {
	text-decoration: none;

}

 a:hover,  a:active {
	text-decoration: underline;
	background-color: #b6d6fc;
}

p {
	padding-bottom: 5px;
}

b, strong {

}


img {
	border: none;
}

blockquote, .standout {
	font-style: italic;
	margin: 0;
	font-size: 1.2em;
}

h1 {
	font-size: 2em;
	padding: 5px 0;
	margin: 0;
	font-weight: normal;
}

h2 {
	font-size: 1.6;
	padding: 5px 0;
	margin: 0;
	font-weight: normal;
}

h3 {
	font-size: 1.2;
	padding: 5px 0;
	margin: 0;
	font-weight: normal;
}

h4 {
	font-size: 1.1;
	padding: 3px 0;
	margin: 0;
	font-weight: normal;
}
	
/* @end */

/* header */

#header {
	color: #FFFFFF;
	background-color: #070B0F;
	height: 60px;
	border-bottom: 7px solid #0080ff;
}


#header h1 {
	float: left;
	margin-right: 0px ;
	margin-top: 10px;
	font-family: Courier, "Courier New", Monaco, monospace;
	font-size: 2.4em;
	font-weight: normal;
	font-style: normal;	
		
}

#header h2 {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
}

#title {
	margin: 0 auto;
}

/***********  header Styles *******
*******************************/

.brandcolor {
	color: #0080ff;
}

a:link.header , a:visited.header  {
	color: #FFF;
}

a:hover #header h1 {
	color: #0080ff;
}

a:hover #header h1 .brandcolor {
	color: #FFF;
}

/* Contents */

#container {
	border-top: 1px solid #000;
	width: 100%;
}

.clearer {
	clear: both;
}


#contentContainer {
	line-height: 1.5;
	width: 900px;
	margin: 0 auto;
}

#content {
	margin: 20px 0px;
	padding: 20px;
	font-size: 0.9em;
	border: 1px solid black;	
	background-color: #FFF;
}

#content a:link, #contenta:visited {
	text-decoration: none;

}

#content a:hover, #content a:active {
	text-decoration: underline;
	background-color: #b6d6fc;
}


#sidebarContainer {
	width: 242px;
	line-height: 1.5;
}

#sidebarContainer #sidebar{
	font-size: 0.8em;
}


#sidebarContainer .sideHeader {
	font-size: 1.2em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #c9c9c9;
}

#sidebarContainer h1{
	font-size: 1.4em;
	
	padding-bottom: 10px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #c9c9c9;
	font-weight: normal;
	font-style: normal;
}

#sidebarContainer h2{
	font-size: 1.25em;	
	padding-bottom: 10px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #c9c9c9;
	font-weight: normal;
	font-style: normal;
}

#sidebarContainer h3 {
	font-size: 1em;
	padding-bottom: 10px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #c9c9c9;
	font-weight: normal;
	font-style: normal;
}

#footer { 
	margin: 0 auto;
}

#footer p {
	padding: 0 0 6px 0;
	margin: 0;
}

#footer a:link, #footer a:visited {
}

#footer a:hover, #footer a:active {
}

#footerContainer {
	font-size: 0.85em;
	height: 30px;
	border-top: 7px solid #0080ff;
}
/* @end */



/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}


/* @group General */


#footerContainer {
	color: #FFFFFF;
	background-color: #070B0F;
}/* @end */

form {
	color: #ACD83E;
}

label{
	color:#070B0F;
}


/* size */


#title {
	width: 800px;
}


#footer { 
	width: 800px;
}



/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; }

#container {padding-bottom: 37px;}  /* must be same height as the footer */

#footerContainer {position: relative;
	margin-top: -37px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* CLEAR FIX*/
.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 */