html
{	background: #E0E0E0; }

body { 	margin: 0% 0% 2% 0%;
	font-family: arial, verdana;
	font-size: 12px; } 

img {	border: none }


div.notice, div.longnotice{
	text-align: center;
	margin: 0;
	padding: 20px 0 20px 0;
	background: white;
	width: 100%;
	font: 14px monospace;
	float: center;
	border-width: 1px 0;
}


div.longnotice p{
	display: block;
	padding: 5px;
	margin: 5px;
	font: 14px monospace;
	color: #000000;
	background: #FFFFFF;
	float: center;
	width: auto;
	border: solid 1px;
	border-color: black;
	line-height: 1.5;
}	

div.notice p{
	display: inline;
	padding: 5px;
	margin: 5px;
	font: 14px monospace;
	color: #000000;
	background: #FFFFFF;
	float: center;
	width: auto;
	border: solid 1px;
	border-color: black;
	line-height: 2.5;
}	


/* navigation bar */
ul.navbar{
	text-align: center;
	margin: 0;
	padding: 20px 0 20px 0;
	background: white;
	width: 100%;
	font: 14px monospace;
	float: center;
	border-width: 1px 0;
	line-height: 2.5;
}




ul.navbar li{
	display: inline;
	padding: 5px;
	margin: 5px;
	font: 14px monospace; /* for seperation bars */
	color: #000000;
	background: #FFFFFF;
	float: center;
	width: auto;
	border: solid 1px;
	border-color: black;
}	

ul.navbar li:hover{
	padding: 8px;
	border: solid 1px;
}

ul.navbar li.covered:hover{
	padding: 8px ;
	border: solid 1px;
}

ul.navbar a:link, ul.navbar a:visited {
	color: #6A6A6A;
	background: #FFFFFF;
	padding: 0px 7px 0px 7px;
	float: center;
	width: auto;
	text-decoration: none;
	font: 14px monospace;
}

ul.navbar a:hover {
	color: #000000;
	background: #C0C0F0;
	float:center;
	padding: 2px 10px 2px 10px;
}



/* white box to contain entire site */
div.container
{	margin: 2% auto 2% auto; 
	width: 800px;
	background:#FFFFFF;
	padding: 0 0 0 0}


div.header
{
padding:2px;
color:black;
background-color:#cccccc;
text-align:center;
}

/* content holder (all base content should be in this div, except the sidebar) */
div.content 
{
	padding-left:5%;
	padding-bottom:5%;
	background:#FFFFFF;
	line-height:1.4;
}


div.post
{
padding-left:18%;
padding-right:15%;
border:1px dotted #8c8cd2;
line-height:1.2;
}

div.sidebar, div.sidebar2
{
width:13%;
margin:0px;
font-style: italic;
font-family: "Times New Roman";
font-size: 14px;
background-color: white;
overflow:auto;
}

div.sidebar
{
	width:228px;
	margin: 0 25px 2% 1%;
	font-family: arial, verdana;
	font-size: 90%;
	background-color: white;
	overflow:auto;
	float:right;
	border:1px solid #999999;
	padding:0 0px 10px 10px;

}

div.sidebar2
{
float:left;
border-left:5px solid #8c8cdc;
border-bottom:5px solid #8c8cdc;
}

div.copyright
{
	background:#CCCCCC;
	font-family: arial, verdana;
	font-size: 9px;
	padding: 0 0 0 5%;
	text-align: left;
	color: #454545;
}

div.left {
	float: center;
	background: white;
	font: 14px monospace;
	width: 250px;
	border: 1px solid black;
}

table.imglist
{
border: none;
height: auto;
width: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}

img
{
margin: 2px;
border: 1px solid maroon;
height: auto;
width: auto;
}


p
{font-family: arial,verdana;}

ul{
margin: 0px 0px 0px 0px;
list-style-position:outside;}

li{ margin: 0px 0px 2px 5px;
	padding: 0}


h3 { font-family: arial, verdana; font-size: 14px; }

h2 { font-family: arial, verdana; font-size: 16px; }
a:link{ text-decoration:none; font-weight: bold}
a:hover{ text-decoration: underline; }
a:visited{ color: #101060; text-decoration:none; font-weight: bold }


a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:active{text-decoration: none; }
a:hover{text-decoration: underline; }