BODY
{
	margin:0px; padding:0px;
	background: #cccccc;
	font-family: Arial, Serif; 
	font-size: 10pt; color: #eeeeee;
}

a:link		{color: #eeeeee; font-weight: bold; text-decoration: none;}
a:visited	{color: #eeeeee; font-weight: bold; text-decoration: none;}
a:hover		{color: #C6E273; font-weight: bold; text-decoration: none;}
a:active	{color: #C0DB5A; font-weight: bold; text-decoration: none;}
p			{font-family: Arial, Serif; font-size: 10pt; color: #eeeeee;}
img			{border: 0px;}
b			{color: #C6E273;}
/*general layout*/
#container
{
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -400px;
	margin-bottom: 4px;
	width: 792px;
	padding: 4px;
	background-color: #3A5566;
	border: 1px solid #333333;
}
#header
{
	height:	106px;
	background: url('header.jpg') no-repeat;
}

#content
{
	position: relative;
	margin: 4px 0px 4px 0px;
	padding: 4px;
	background-color: #8B8B8B;
	border: 1px solid #333333;
	width: 572px;
	min-height: 450px;}
#sidebar
{
	position: relative;
	margin: 4px 0px 0px 0px;
	padding: 4px;
	width: 196px;
	float: right;
	border: 1px solid #333333;
	background-color: #8B8B8B;
}
/*copyright*/
#copyright
{
	height: 19px;
	margin: 4px 0px 0px 0px;
	padding: 4px 4px 0px 4px;
	background: url('button.png') left top;
	font-size: 10pt;
	color: #ffffff;
	border: 1px solid #333333;	
}
#copyright ul
{
	list-style-type: none;
}
#copyright li
{
	float: left;
}
#copyright img
{
	margin: 0px 4px 4px 0px;
}

/*form styling*/
.formbutton
{
	cursor:pointer;
	border:outset 1px #333333;
	border: 1px solid #333333;
	color:#eeeeee;
	font-family: arial;
	font-size: 10pt;
	padding: 2px 6px 2px 6px;
	background:	url('button.png') repeat-x left top;
}
fieldset
{
	padding: 4px;
	border: 1px solid #333333;
}
legend
{
	color: #eeeeee;
	background:	url('button.png') repeat-x left top;
	border: 1px solid #333333;
	padding: 2px 6px 2px 6px;
}
input
{
	font-family: Arial;
	font-size: 10pt;
	background: #C6E273;
	margin: 0px 0px 4px 0px;
	border: 1px solid #333333;
}
textarea
{
	font-family: Arial;
	font-size: 10pt;
	background: #C6E273;
	margin: 0px 0px 4px 0px;
	border: 1px solid #333333;
}
label
{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
select
{
	font-family: Arial;
	font-size: 10pt;
	background: #C6E273;
	margin: 0px 0px 4px 0px;
	border: 1px solid #333333;
	
}

/*main menu*/
#menu_offset
{
	position: absolute;
	top: 68px;}
.navcontainer
{	
	font: 8pt arial, Serif;
	width: 100%;
}
.navlist li
{
	float: left;
	width: auto;
	display: block;
	list-style-type: none;	
}
#pre
{
	display: block;
	text-decoration: none;
	color: #eeeeee;
	padding: 7px 4px 6px 4px;	
	border-right: 1px solid #333333;
}
.navlist li a
{
	display: block;
	text-decoration: none;
	color: #eeeeee;
	padding: 7px 4px 6px 4px;	
	border-right: 1px solid #333333;
}
.navlist li a:hover
{
	color: #fff;
	background: url('button.png') repeat-x center center;	border-bottom: 4px solid #3A5566;
	cursor: pointer;
}
.navlist li a#current, #navlist li a#current:link
{
	color: #fff;
	cursor: default;
	font-weight: bold;
	background: url('button.png') repeat-x center center;	
	border-bottom: 4px solid #C0DB5A;
}
.navlist li a#current:hover
{
	border-bottom: 4px solid #EECC55;
}
.navlist li a:active
{
	color: #fff;
	border-bottom: 4px solid #eeeeee;
}
.navlist li a:visited
{
	color: #ffffff;
}


.bg
{
	padding: 4px;
	color: #333333;
	border: 1px solid #333333;
	font-family: arial, Serif;
	font-size: 10pt;
	font-weight: bold;
	background: url('button.png') left top;
}
.bg a:link
{
	color: #333333;
}
.bg a:hover
{
	color: #333333;
}
.bg a:visited
{
	color: #333333;
}

#title
{
	margin-top: 0px;
	width: 100%;
	margin-bottom: 4px;	
}
#title h4 {	color: #C6E273; font-size: 10pt; }
#title p { border-bottom: 1px solid #333333; color: #333333; font-weight: bold; }

#archive
{
}
#archive p { border-bottom: 1px solid #333333;}



















/*drop-down menu used on info/ramblings.*/
.drop_down
{
	font: 8pt arial,Serif;
	height: 18px;
	border-bottom: 1px solid #bbb;
	list-style-type: none;
	margin: 3px 3px 4px 0px;
}

.menu
{
	float: left;
	cursor: default;
	margin-right:8px;
}
.menu ul, li.over ul
{
	position: absolute;
	border: 1px solid #333333;
	display: none;
	background-color: #ffffff;
	list-style: none;
	min-width: 100px;
	background:transparent  url(opaque.png);
	color:#000;
}

.menu ul li
{
	display: block;
	padding: 2px;
}

.menu:hover ul
{
	color: #333333;
	display: block;
	margin: 0;
	padding: 0;
}

.menu ul li:hover
{
	border-top: 1px #3A5566 solid;
	border-bottom: 1px #3A5566 solid;
	background-color: #C6E273;
	color: #333333;
	padding-top: 1px;
	padding-bottom: 1px;
}
.menu a
{	
	border: 0px;
	color: #eeeeee;
}
.menu a:hover
{
	color: #333333;
}

.menutitle
{
	color: #ffffff;
	background: url('button.png') left top;
	margin-top: 3px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #000000;
}


/*back/forward menu styling used on multiple pages*/
#backforward
{
	font: 8pt Arial,Serif;
	text-align: center;
	margin-top: 4px;
	padding-top: 10px;
	border-bottom: 1px solid #C6E273;
	border-top: 1px solid #333333;
}
#backfordward a:link
{
	padding: 0px 0px 2px 0px;
}
#backforward a:hover
{
	padding: 0px 0px 2px 0px;
	border-bottom: 3px solid #3A5566;
}
#backforward a:active
{
	border-bottom: 3px solid #ffffff;
}




.links
{
	position: relative;
	margin-left: 0px;
	list-style-type: none;
}


/*style for ramblings edit/comment links*/
.edit_comment
{
	font: 8pt Arial,Serif;
	text-align: right;
}


/*
//Calendar style
*/
#calendar {
	width: 150px;
	padding: 0;
	margin: 0px;
	border-right: 1px solid #333333;
	color: #616B76;
	text-align: center;
	background-color: #ffffff;
}

caption {
	margin-top: 4px;
	padding: 0;
	width: 150px;
	background:	url('button.png') repeat-x left top;
	color: #fff;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	text-align: right;
	font: bold 8pt;
}

th {
	color: #333333;
	background: #C6E273;
	border-top:  1px solid #333333;
	border-bottom:  1px solid #333333;
	border-left: 1px solid #333333;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

td {
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 22px;
	height: 19px;
	text-align: center;
}

td a {
	text-decoration: underline;
	font-weight: bold;
	display: block;
}

td a:link, td a:visited {
	background: url('../grey.png');
	border: 1px solid #C6E273;
	color: #333333;

}

td a:hover, td a:active {
	text-decoration: underline;
	color: #6aa3ae;
}

.first
{
	border-left: 0px;
}