/* mystyles2.css by sheila gibson   	           	         */
/* created 8 mar 2006; last updated 22 feb 2007	         */


body { 	
	color: maroon; 
	background-color: #6666cc; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	 }
p { 	
	font-size: 16px;
	line-height: 150%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	 }
table {
	border-collapse: collapse;
	border-width: 0; 
	table-layout: auto;
	empty-cells: hide;
	width: 90%; 
	border:  4px double #900; 
	}
td {
	border: 0px;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color: navy;
	outline: none;
	}
a:link { 	
	color: navy; 
	}
a:visited {
	 color: navy; 
	}
a:active {  
	color: red; 
	background-color: lime;
	 }
a:hover {  
	color: #fc9; 
	background-color: red; 
	text-decoration: none; 
	}

div.top {
	margin: 1px 1px 1px 1px;
	padding: 4px;
	border: 1px solid maroon;
	background: silver;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body .top {
	height: 70px; /* ie5win fudge ends */
	}
div.ribbon { 
	background-color: #900; 
	text-align: center; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;
	}
div.ribbon p { 
	margin: -2px 5px 0;
	font-family: arial, sans-serif;
	font-size: 12px; 
	text-align: center; 
	font-weight: bold;
	}
div.ribbon a { 
	margin: 0 6px; 
	text-decoration: none;
	}
div.ribbon span { 
	padding: 0 30px; 
	margin: 0; 
	}
div.ribbon a:link, div.ribbon a:visited, div.ribbon a:active { 
	color: #cf6; 		background-color: #900;
	}
div.ribbon a:hover {
	 color: red; 
	background-color: #ffce63;
	}
div.bannerwide { 
	width: 100%; 
	}
div.logo img {
	position: absolute; 
	top: 32px; 
	left: 10px;
	}
div.left {	
	position: absolute;
	top: 105px;
	left: 0px;
	margin-left: 1px;
	margin-top: 5px;
	margin-right: 1px;
	padding: 4px;
	border: 3px solid maroon;
	border-left: 2px;
	background: silver;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 135px;
	}
html>body .left {
	width: 138px; /* ie5win fudge ends */
	}
div.left2 {	
	position: absolute;
	top: 500px;
	left: 0px;
	margin-left: 1px;
	margin-top: 5px;
	margin-right: 1px;
	padding: 4px;
	border: 3px solid maroon;
	border-left: 2px;
	background: #d3d3d3;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 138px;
	font-size: 9px;
	}
html>body .left2 {
	width: 138px; /* ie5win fudge ends */
	}
div.left2 p { 	
	font-size: 12px;
	line-height: 150%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	 }
div.middle {  
	margin: 5px 5px 10px 150px;
	top: 200px;
	padding: 20px;
	border: 0px solid maroon;
	}
div.middle p {
	font-size: 15px;
	padding-top:  0px;
	padding-right: 4px;
	padding-left: 4px;
	}
/* .middle a { 
	background: #ccccff; 
	}   */
div.middle a:hover { 
	color: red; 
	background: #ffcd63;
	}


/* mystyles2.css by sheila gibson   */
h1 { 	
	color: white; 
	background-color: navy;
	font-size: 24px;
	line-height:  44px;
	font-weight: bold;
	padding-top: 0.2em; 
	padding-bottom: 0.2em;
	margin-top: 0;
 	margin-bottom: 0;
	margin-left: 75px;
	margin-right: auto;
	border-bottom: 4px solid gray; 
	}
h2 {	
	color: maroon; 
	background-color: #ccccff;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	padding-left: 0.2em; 
	padding-bottom: .1em; 
	padding-top: 0.1em; 
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 0.1em solid navy; 
	}
h3 {	
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	 }
h4 {	
	font-size: 16px;
	color: maroon;
	width: 100%;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center; 
	border-bottom: 2px solid maroon;
	background-color: silver;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 8px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

/* sidebar with height relative to width value */

div.side a, div.side a:link, div.side a:visited, div.side a:active {
	display: block; 
	padding: 5px; 
	border-top-style: solid;
	border-top-color: silver;
	border-top-width: 3px;
	border-right-style: solid;
	border-right-color: #d3d3d3;
	border-right-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	border-bottom-width: 3px;
	border-left-style: solid;
	border-left-color: silver;
	border-left-width: 3px;
	margin-bottom: 0.5em; 
	margin-top: 0.5em; 
	color: #cf6; 
	background: #900; 
	font-weight: bold; 
	text-decoration: none;
	font-family: arial, sans-serif; 
	}
/* box model hack */
div.side a, div.side a:link, div.side a:visited, div.side a:active { 
	width:  160px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 120px; 
	}
html>body div.side a {
	width: 120px; 
	}
/* end box model hack */
div.side a:hover { 
	color: red; 
	background: #ffcd63; 
		}
div.side { 	
	width: 120px; 
	height: 315%;
	padding-top: 0.3em; 
	margin-left: 0.3em; 
	color: white;
	}

div.side p { 
	margin: 0 0 0 1px; 
	}
ul { 	
	position: relative; 
	left: 1%; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	text-align: center;
        }
li { 	
	margin-top: 0; 
	font-size: 16px; 
	margin-bottom: 0; 
	text-align: left;
	}
a { 	
	color: navy; 
	}