/* The idea for this css was found at http://www.oswd.org/
 *
 */

.topOfPage, h1, h2, h3, .headerTitle, .headerLinks, .headerLinks *
{
	color: #11AA11;
}

h2,  #header, #footer
{
	/*border-color: #C0C0FF;*/
}

#header
{
       background-color: #333333;
}


#footer, #footer *
{ 
	color: #FFFFFF;
	background-color: #000000; 
} 



/* ###### Browser-specific Styles ###### */
/* taken directly form the OSWD site but tweaked 
   use it yourself to get good result */


/* For IE & Mozilla-based browsers:*/ 

.LHS 
{
	margin-left: 2.5em;
      	float: left;
      	clear: left;
      	width: 10em;
}

.RHS
{
	margin-right: 2.5em;
      	float: right;
      	clear: right;
      	width: 14em;
      	font-size: small;
}


/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"]
{
      	margin-left: 5em;
}

[class~="RHS"]
{
      	margin-right: 5em;
}


/* ###### Body Text ###### */

#bodyText
{
	line-height: 1.5em;
	margin: 0.5em 1em 0 2em;
      	padding: 0 1em 1ex 1em;
}

#bodyTextWide 
{
	line-height: 1.5em;
      	margin: 0.5em 2em 0 12em;
      	padding: 0 1em 1ex 1em;
}

#bodyText p
{
      	padding-bottom: 1ex;
}

#bodyText ul
{
      	padding-bottom: 1ex;
}

.topOfPage
{
      	font-size: 90%;
      	font-weight: bold;
      	font-variant: small-caps;
      	text-decoration: none;
      	padding-left: 1ex;
      	padding-right: 1ex;
      	float: right;
}

.smallCaps
{
      	font-variant: small-caps;
}

body
{
	background-color: white;
      	color: black;
      	font-family: arial, sans-serif; /* verdana, tahoma, helvetica, arial, sans-serif;*/
      	font-size: 100%;
      	margin: 0;
}

h1, h2, h3
{
	font-family: arial, sans-serif; /* , sans-serif; */
}

h1 
{
	font-weight: bold;
      	font-size: 150%;
      	font-family: arial, sans-serif;
      	border-bottom: 1px solid;
      	padding-bottom: 0.5ex;
}

h2 {
	font-weight: bold;
      	font-size: 100%;
      	font-family: arial, sans-serif;
	padding-bottom: 0.5ex;
}


img {
      	border: 0;
}


/* ###### Header ###### */

#header
{
      	border-bottom: 2px solid;
      	height: 5em;
      	margin-bottom: 0.1em;
      	padding: 0.5em 2.5ex 0 0.2em;
}

.headerTitle
{
      	font-size: 300%;
}

.headerLinks
{
      	text-align: right;
      	margin-right: 0.05em;
      	float: right;
      	clear: right;
      	width: 30em;
}

.headerLinks *
{
      	text-decoration: none;
      	font-weight: bold;
      	padding-right: 1ex;
}

.headerLinks a:hover
{
      	text-decoration: underline;
}

/* ###### Footer ###### */

#footer
{
      	color: inherit;
      	border-top: 2px solid;
      	border-bottom: 2px solid;
      	padding-top: 0.75ex;
	padding-bottom: 0.75ex;
      	clear: left;
}

#footer div 
{
      	padding-left: 0.3em;
}

#footer * 
{
      	background-color: inherit;
      	font-size: 92%;
}

#footer a:hover
{
      	text-decoration: none;
}