/*----------------------------------------
Basic stylesheet layout that is shared across all the layouts.
----------------------------------------*/
body
{
    font-family: 'Lucida Sans Unicode', sans-serif;
}
div.menu
{
    margin: 10px 0px 10px 0px;
    text-align: center;
    min-width: 800px;
}
div.pagetitle
{
	text-align: center;
    font-size: x-large;
    font-weight: bold;
}
div.pagetitle span
{
    font-size: smaller;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: blue;
}
table
{
	font-size: smaller;
}


/*----------------------------------------
Copyright (footer) basics.
----------------------------------------*/
div.copyright
{
	font-size: smaller;
	width: 100%;
	visibility: visible;
	display: block;
}


/*----------------------------------------
Menu buttons appearrance and visual affects.
----------------------------------------*/
a.button
{
	text-decoration: none;
    padding: 0px 10px 0px 10px;
}
a.button:hover
{
	text-decoration: none;
    padding: 0px 10px 0px 10px;
}


/*----------------------------------------
Drop down menu basic layout.
----------------------------------------*/
.inline
{
    padding-bottom: 1px;
    padding-top: 1px;
    display: inline;
    position: absolute;
    text-align: left;
}
div.DropDownMenu
{   
    display: none;
    position: relative;
    width: 280px;
    text-align: left;
}
div.DropDownMenu a
{
    display: block;
    width: 100%;
    text-decoration: none;
}
div.DropDownMenu a:hover
{
    width: 100%;
    text-decoration: none;
    display: block;
}


/*----------------------------------------
used with two column styles as well as 
headers. Sample H<span>ELLO</span>
----------------------------------------*/
div.header
{
	font-size: large;
	text-align: center;
	font-weight: bold;
}
div.header span
{
	font-size: small;
}


/*----------------------------------------
Needed in most pages.
----------------------------------------*/
.center
{
	text-align: center;
}
.define
{
	text-decoration: underline;
}
span.note
{
	vertical-align: super;
	font-size: x-small;
}
span.smaller
{
	font-size: smaller;
}
span.sub
{
	vertical-align: sub;
	font-size: x-small;
}


/*----------------------------------------
To use <span class="nbdash">&nbsp;</span>. 
----------------------------------------*/
span.nbdash
{
	text-decoration: line-through;
}


/*----------------------------------------
What to do when printed out.
----------------------------------------*/
@media print 
{
	a
	{
	 color: black;
	}
   .copyright
   { 
		display: none;
		visibility: hidden;
	}
	.menu
	{
		display: none;
		visibility: hidden;
	}
}


/*----------------------------------------
experimental zone
----------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	text-align: center;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	font-size: smaller;
}