/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* basic formatting rules - define only the most basic layout for browsers without CSS support */
/* good for all browsers, including those that have trouble with CSS or images */

	body {	
		width: 95%;
		background-color: white;
		margin: 20px auto 0 auto;
		padding: 0;		
		font-family: arial, helvetica, sans-serif;
		font-size: 80%;
		color: #000000;
		line-height: 1.35em;
	}
	
	form {
		margin: 0;
		padding: 0;	
	}	
	select, input {
		font-size: 100%;
	}
	
	p {
		margin-top: 0;
	}
	
	a img, img {
		border: 0;
	}
	
	/* define default color for hyperlinks */
	
		a {
			color: #8c8c8c;
			text-decoration: none;
		}			
		a:visited {
			color: #8c8c8c;
			text-decoration: none;
		}
		a:hover {
			/*color: #000000;*/
			text-decoration: underline;
		}
	
	/* define default style for headers */
	
		h2 {
			font-size: 190%;
			color: #8c8c8c;
			margin-bottom: 0.7em;
			margin-top: 0em;			
		}
		
		h3 {
			font-size: 140%;
			color:#8c8c8c;
			margin-bottom: 1em !important;
			margin-top: 1em;
		}
		
		h4 {
			font-size: 100%;
			color: #000;
			margin-bottom: 0.3em;
			margin-top: 0em;
		}
		
		h5 {
			font-size: 100%;
			color: #8C8C8C;
			margin-bottom: 0.3em;
			margin-top: 0em;
		}
		
		h6 {
			font-size: 100%;
			color: #b1840b;
			margin-bottom: 0.3em;
			margin-top: 0em;
		}
	
	/* rules targeting only true content <ul> tags (contained in the <div id="content">) */
	
		div#content ul {
			position: relative;
			padding: 0;
			margin-top: 0px;
			margin-left: 15px;
			list-style-type: none;	
			overflow:hidden;		
		}
		div#content ul li {
			padding-left: 10px;
			margin-bottom: 5px;
			background-image: url("../_images/bullet_greydark_small.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			
		}

	
/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* some very basic layout rules, to keep things legible even when this is the only active stylesheet */
/* good for nearly all browsers, including those that have trouble with advanced CSS or images */
/* most of these rules below are overridden by more advanced layout rules in the other stylesheets when they are applied */
	
	div#sidebar {
		clear: both;
	}
	
	div#content {
		clear: both;
	}
	
	div.feature {
		width: 171px;
		float: left;
		margin-right: 30px;
		margin-bottom: 20px;
		border: 1px solid #D3D2D2;
		padding: 10px;
	}

	div.feature2 {
		width: 171px;
		float: left;
		margin-right: 30px;
		margin-bottom: 20px;
		border: 1px solid #D3D2D2;
		padding: 10px;
	}


	
	div.feature img.box {
		border: 1px solid #D3D2D2;
	}
	
	div.feature img.box2 {
		border: 1px solid #D3D2D2;
		margin-top: 3px;
	}
	
	div#footer {
		clear: both;
		margin-top: 50px;
		padding-bottom: 20px;
	}
	
	div#footer a {
		color:#cb990d !important;
	}
	div#footer a:visited {
		color:#cb990d !important;
	}
	
	/* rules to style up the main masthead graphic as text */
	
		div#welcome {
			margin-top: 30px;
		}	
		div#welcome h1 {
			margin: 0em 0px 0.25em 0em;
		}
		div#welcome p {
			margin: 0px 0px 0px 1em;
		}
	

/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/*  */