/*
** CSS file for Keith's website "VE3HHT Website" VE3HHTWeb.css
** 
** Original files/layout from http://www.how-to-build-websites.com
** Modifications from http://www.csstutorial.net among others
**
*/

/* Generic Selectors */ 

/*body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	text-align: justify;
	line-height: 125%; 
	color: #5d5d5d; 
	background-color: #ffffff;
}
*/
/*
body { min-width: 980px; font: 12px/1.5 Georgia, "Times New Roman", Times, serif; color: #6d7581; word-wrap: break-word; }
*/
body { min-width: 980px; font: 12px/1.5 Georgia, "Times New Roman", Times, serif; color: #5d5d5d; word-wrap: break-word; }

p { 
	width: 80%; 
} 

p.italic { 
	font-style: italic; 
}

li { 
	list-style-type: none; 
	line-height: 150%; 
} 

li.main_text { 
	list-style-type: disc; 
	list-style-position: outside;
	line-height: 140%; 
	width: 75%; 
} 

h1 { 
	font: 30px "Times New Roman", Times, serif;   
	font-weight: bold; 
	color: black; 
}  

h2 { 
	font-size: 135%; 
	font-weight: bold; 
	color: black; 
	padding: 0px 0 5px 0px; /*top right bottom left*/ 
} 

h4 { 
	font-size: 100%;
	font-weight: bold; 
	color: black; 
}

/**************** Pseudo classes ****************/ 

a:link { 
	color: #0000FF; 
	text-decoration: underline; 
	font-weight: normal; 
} 

li a:link { 
	color: #0000FF; 
	text-decoration: underline; 
	font-weight: normal; 
} 

a:visited { 
	color: #880088; 
	text-decoration: underline; 
	font-weight: normal; 
} 

li a:visited { 
	color: #880088; 
	text-decoration: underline; 
	font-weight: normal; 
} 

a:hover { 
	color: Red; 
	font-weight: normal; 
	text-decoration: underline; 
} 

li a:hover { 
	display: block; 
	color: Red; 
	font-weight: normal; 
} 

a:active { 
	color: rgb(255, 0, 102); 
	font-weight: normal; 
} 

/************************* ID's *************************/ 

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: white;
}

#header {
	position: absolute;
	z-index: 10; 
	margin: 0 auto;
	height: 100px; 
	width: 960px;
	border: 1px solid #8cacbb; 
	background-color: #e6e6ff;
	text-align: center;
}

#navigation { 
	position: absolute; 
	z-index: 10; 
	width: 230px; 
	height: 600px; 
	margin: 0; 
	margin-top: 110px; 
	font-weight: normal; 
} 

#centerDoc { 
	position: absolute; 
	z-index: 15; 
	width: 730px; 
	padding: 0 0 20px 20px; /*top right bottom left*/ 
	margin-top: 100px;
	margin-left: 250px;  
}
