body {
 
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
 
	margin: 0;
 
	padding: 0;
 
	color: #000;
 
	background-color: #fff;
 
}
 
 
ul, ol, dl { 
 
	padding: 0;
 
	margin: 0;
 
}
 
h1 {
 
	margin-top: 0; 
 
	padding-right: 15px;
 
	padding-left: 15px; 
 
	font-size: 30px;
 
	color: #000

}
 
h2 {
 	font-size: 20px
	
	margin-top: 0;	 
 
	padding-right: 15px;
 
	padding-left: 15px; 

	color: #fff
 
}

h3, h4, h5, h6 {
 
	margin-top: 0;	 
 
	padding-right: 15px;
 
	padding-left: 15px; 
 
}

p {
 
	margin-top: 0;	 
 
	padding-right: 15px;
 
	padding-left: 15px; 
 
	font-size: 14px;
 
	
 
}
 
a img {  
	border: none;
 }
 
 
 

 
a:link {
 
	color: #fff; 
 
	background-color: #FFF;
 
}
 
a:visited {
 
	color: #fff;
 
	}
 
a:hover { 
 
	text-decoration: none;
 
	background-color: #FFF;
 
	color: #444e89;
 
}
 
a:active, a:focus { 
 
	text-decoration: none;
 
}
 
 
 
 
 
 
.container {
 
	width: 1040px; /* the auto value on the sides, coupled with the width, centers the layout */
 
	background-color: #FFF;
 
	margin-top: 0;
 
	margin-right: auto;
 
	margin-bottom: 0;
 
	margin-left: auto;
 
	left: auto;
 
	right: auto;
 
}
 
 

 
.header {
 
	background-color: #444e89;

	height: auto;

	width: auto;

	padding-top: 10px;
 
	padding-bottom: 10px;

}
 

 
.sidebar1 {
 
	float: left;
 
	width: 220px;
 
	padding-bottom: 10px;
 
	background-color: #FFF;
 
	height: auto;
 
}
 
.content {
 
	width: 800px;
 
	float: right;
 
	padding-top: 10px;
 
	padding-right: 5px;
 
	padding-bottom: 10px;
 
	padding-left: 0;
 
}
 
 
.content ul, .content ol {
 
	padding-top: 0;
 
	padding-right: 15px;
 
	padding-bottom: 15px;
 
	padding-left: 40px;
 
	font-size: 14px
}
 

.content h1 {
	
	margin-top: 0; 
 
	padding-right: 15px;
 
	padding-left: 15px; 
 
	font-size: 22px;
 
	color: #000

	}
 
ul.nav {
 
	list-style: none; /* this removes the list marker */
 
	border-top: 1px solid #FFF; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
 
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
 
	background-color: #444e89;
 
}
 
ul.nav li {
 
	border-bottom: 1px solid #FFF; /* this creates the button separation */
 
	background-color: #FFF;
 
}
 
ul.nav a, ul.nav a:visited { 
 
	display: block; 
 
	width: auto;  
 
	text-decoration: none;
 
	background: #444e89;
 
	padding-top: 5px;
 
	padding-right: 5px;
 
	padding-bottom: 5px;
 
	padding-left: 15px;
 
}
 
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
 
	color: #444e89;
 
	background-color: #FFF;
 
	width: auto;
 
}
 
 
 
/* ~~ The footer ~~ */
 
.footer {
 
	padding: 10px 0;
 
	position: relative;
 
	clear: both; 
 
	color: #000;
 
	background-color: #FFF;
 
	text-align: center;
 
}
 
 
 
/* ~~ miscellaneous float/clear classes ~~ */
 
.fltrt {   
	float: right;
 
	margin-left: 8px;
 
}
 
.fltlft { 
 
	float: left;
 
	margin-right: 8px;
 
}
 
.clearfloat { 
 
	clear:both;
 
	height:0;
 
	font-size: 1px;
 
	line-height: 0px;
 
}
 
.content a:link {
 
	color: #000; 
 
	background-color: #fff;
 
}
 
.content a:visited {
 
	color: #000;
 
	}
 
.content a:hover { 
 
	text-decoration: none;
 
	background-color: #FFF;
 
	color: red;
 
}
 
.content a:active, a:focus { 
 
	text-decoration: none;
 
}