/* Define the main layout characteristics to build the columns */
#left, #middle, #right, #centerright {
	
	float: left;
}

#left {
	background-color:  #369;
	width: 20%;
	min-width: 5em;
	padding-left: 5px;
	padding-right: 5px;
	font-size: small;
}


#middle {
	width: 40%;
	padding-left: 10px;
	padding-right: 5px;
	color: #666;
	
}

#right {
	width: 30%;
	padding-left: 10px;
	padding-right: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	color: #666;
	
	background: white;
}

#centerright {
	width: 60%;
	padding-left: 10px;
	padding-right: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	color: #666;
	
	background: white;
}


#header {
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	}
#footer {
	
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#footer {
	clear: both;
	font-size: small;
}


html, body, div  {
	
	margin: 0;
	padding: 0;	
}

h1, h2, h3 {
	color: #369;
	line-height: 1.6em;
}


/* Define the main style characteristics to apply to content 
   in the columns */
   
html, body {
	
	
	font-family: verdana, arial, sans-serif;
	font-size: medium;
	
}
a {
	font-size: small;
}
#left a:link {color: white}
#left a:visited {color: white}
#left a:active {color: white}

a:link {color: #369}
a:visited {color: #369}
a:active {color: #369}


#header, #footer {
	
	text-align: center;
}



#header.h1 {
	font-size: medium;
	font-weight: normal;
	
}