@charset "utf-8";
/* CSS Document */


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {  
    margin:0px; padding:0px; border:0px;   
}


body {
	
	color: #2d2e2e;
	font-family: Arial, helvetica, sans-serif; 
	font-size: 62.5%;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	background-image: url(images/body-bg.png);
	background-repeat: repeat-x;
}

/* THIS IS NAV */
ul#navlist li { 
	display: inline; 
}
#navlist
{
	padding: 0px;
	padding-left: 580px;
	padding-top: 64px;
	margin: 0px;
}
ul#navlist li a
{
font-family: Arial;  
font-size:12px;  
text-decoration: none;  
float:left;  
padding: 10px;  
background-color: #313131;  
color: #fff;
}
ul#navlist li a:hover
{
	color: #333;
	background-repeat: no-repeat;
	background-color: #ffed00;
}
ul#navlist li a.current
{
	color: #333;
	background-repeat: no-repeat;
	background-color: #ffed00;
}

/* END NAV */
/* AUTHOR PABLO SCHUHWERK. ALL RIGHTS RESERVED. 2009. */
/* HERE IS LIZMAN CONTENT BEHIND MY HEADER AND NAV BAR */
#outerWrapper {
	width:1020px;
	background-color: #fff;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	overflow:hidden;
}
#outerWrapper #header {
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(images/header-bg.jpg);
	width: 1020px;
	height: 99px;
	background-repeat: no-repeat;
}
#contentWrapper {
	width: 1020px;
}
/* HERE IS MY BANNER SOLUTION, THIS I COULD PUT IMAGE OR FLASH BANNER AS NEEDED. */
/* AUTHOR PABLO SCHUHWERK. ALL RIGHTS RESERVED. 2009. */
#outerWrapper #contentWrapper #banner {
	background-color: #0066FF; /* Testing on image banner, may I use Flash instead. */
	float: left;
	width: 1020px;
	height: 159px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */



#left {
		float: left; 
		width: 470px; 
		padding: 20px 20px 20px 20px;
}
#right {
		float: right; 
		width: 470px; 
		padding: 20px 20px 20px 20px;
}
#top {
	padding-bottom: 45px;
}
#content h2 {
	padding-left: 11px;
	padding-top: 3px;
	padding-bottom: 10px;
	font-size: 1.8em;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	line-height:100%;
	margin:0 0 5px;
}
.item {
	background: url(images/bullet.png) no-repeat;
}
#content h3, h4, h5, h6 {color: #3c3f40; }
#content p {line-height: 1.3em; padding: 7px 0; font-size: 1.2em; }
#content small {font-size: 1.1em; }
#content a {
	font-weight: lighter;
	font-size: 1.2em;
	color: #0066FF;
	text-decoration: none;
	float: right;
	padding-bottom: 15px;
}
#content blockquote {
	margin: 0.7em 3em 0.7em 0;
	border-left: 2px #FFED00 solid;
	padding-left: 10px;
}
#content ol, ul, dl {font-size: 1.2em; margin: 4px 0 4px 40px; }
#content h3, h4, h5, h6 {padding: 4px 0; }
#content strong {font-weight: bolder; }
#content em {font-style: italic; }
#content code {font-size: 1.2em; }
#content h3 {font-size: 1.8em;}
#content h4 {font-size: 1.4em; }



#footer {
	background-color: #313131;
	border-bottom: solid 15px #ffed00; /* Sets the top border properties for an element using shorthand notation */
	padding: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;	
	font-size: 12px;
	text-align:center;
}
/* TESTING CONTAINER WRAP CODE */
/* A LIST APART METHOD THREE COL. FIXED ON container DIV margins */
#content h1 {
	padding-left: 50px;
	padding-top: 3px;
	padding-bottom: 10px;
	font-size: 1.8em;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:200%;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:100%;
	margin:0 0 5px;
}
#content h3 {
	padding-left: 11px;
	padding-top: 3px;
	padding-bottom: 10px;
	font-size: 1.8em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	line-height:100%;
	margin:0 0 5px;
}