body
{
	margin: 2px;
}

#site
{
	min-width: 600px;
	/* is there an IE fix for this? */
	font-family: Verdana;
	font-size: 10pt;
}

#site #headerTopLeft
{
	background: url(/images/headerTopLeft.jpg) top left no-repeat;
	float:left;
	width: 10px;
	height: 9px;
}
#site #headerTopRight
{
	background: url(/images/headerTopRight.jpg) top right no-repeat;
	float:right;
	width: 10px;
	height: 9px;
}

/* Site header container */
#site #header
{
	background: darkolivegreen;
	color: maroon;
	padding: 10px;
}
#site #header .headerText
{
	font-size: 16pt;
	font-weight: bold;
}
#site #header .headerSubText
{
	margin-top: 20px;
}
#site #header #headerRight
{
	float: right;
	width: 240px;
	height: 101px;
}
/* Quick navigation under header */
#site #headerNav
{
	background: darkkhaki;
	color: Maroon;
	margin-bottom: 0px;
}
#site #headerNav a
{
	color: Maroon;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-weight: bold;
}
#site #headerNav a:hover
{
	background: khaki;
}

.pane
{
	/* set float: via style= */
	width: 200px;
	display: inline; /* IE double margin bug */
	margin-left: 0px;
	margin-right: 0px;
}
.paneContainerHeader
{
	background: darkolivegreen;
	color: Maroon;
	font-weight: bold;
	padding-left: 10px;
}
.paneContainer
{
	border-left: darkolivegreen 1px solid;
	border-right: darkolivegreen 1px solid;
	border-bottom: darkolivegreen 1px solid;
	padding: 5px;
	min-height: 100px;
	height: auto !important;
	height: 100px;

}

/* Main navigation on the left */
#nav
{
	font-size: 8pt;

}
#nav a
{
	color: maroon;
	text-decoration: none;
}
#nav a:hover
{
	background: darkkhaki;
}
#nav ul
{
	margin: 0px;
	padding-left: 30px;
}
#nav li
{
	margin-top: 2px;
	margin-bottom: 2px;
}
.navCat
{
	color: darkolivegreen;
	font-weight: bold;
	text-decoration: underline;
}
.highlight
{
	background: yellow;
}
.pw
{
	list-style-image: url(/images/lock.jpg);
}

/* Main container */
#site #main
{
	background: url(/images/logo.jpg) bottom right no-repeat;
	margin-left: 220px;
	margin-right: 220px;
	color: Maroon;
	
	min-height: 200px;
	height: auto !important;
	height: 200px;

}
.mainTitle
{
	color: darkolivegreen;
	font-size: 18pt;
	text-align: center;
}

#site #footer
{
	margin-left: 220px;
	margin-right: 220px;
	margin-bottom: 0px;
	padding: 5px;
	color: Maroon;
        background: khaki;
}