body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #C2AD99;
	margin: 0;
}





p,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006CAC;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #008363;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #008363;
	font-weight: bold;
}

p.spiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006CAC;
	font-weight: normal;
	font-style: oblique;
}
p.paddednormal {
                font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
                padding: 0 10px
}
p.paddednormalextra {
                font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
                padding: 0 20px
}
p.paddedbold{
                font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
                font-weight: bold;
                padding: 0 10px
}
p.paddedsmall{
                font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
                padding: 0 10px
}

p.rightsmall{
	text-align: right;
	font-size: 10.5px;
	text-decoration: none;
	font-weight: normal
}

sml {font-size:80%;}

smlmed {font-size:120%;}

med {font-size:150%;}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

img.right {float: right;
           padding: 0 10px}

img.top {
vertical-align:top;
}

img.bottom {
vertical-align:baseline;
}

div.figure {
  float: right;
  width: 30%;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}


td.tdH1 {
	background-color: #CC9966;
	color: #FFFFFF;
	font-weight: bold;
                font-size: 11px;
}
td.tdAlternate1 {
	background-color: #D2B48C;
                padding: 4px 4px 4px 4px;
                font-weight: bold;
}
td.tdAlternate2 {
	background-color: #F5DEB3;
                padding: 4px;
                font-weight: bold;
}
td.tdAlternate2l {
	background-color: #F5DEB3;
                padding: 4px;
}


td.tdAlternate3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D2691E;
	font-weight: bold;
	padding: 0 10px;
}
td.tdAlternate4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding: 10px 10px 0;
}
td.tdAlternate5 {
	background-color: #FAFAD2;
                padding: 4px;
}
td.tdAlternate6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
                padding: 0 10px
}
td.tdAlternate7 {
	background-color: #F5DEB3;
                padding: 4px;
}

td.tdAlternate8 {
	background-color: #D2B48C;
        padding: 4px 4px 4px 4px;
        font-weight: bold;
        font-size: 16px;
}

td.tdAlternate9 {
	font-size: 10.5px;
	text-decoration: none;
	font-weight: normal;
}

td.tdAlternate10 {
	font-size: 10.5px;
	text-decoration: none;
	font-weight: normal;
}

td.tdTop {
	vertical-align:top;
}

hr.test { border:none;border-top:dotted 2px black }

hr.dot { color: sienna}

ul.a {
        list-style-type:square;
}

ul.b {
        list-style-type:circle;
}



a:link, a:visited {
	color: #D2691E;
	text-decoration: none;
	font-weight: bold;
        font-size: 12px;
}
a:hover, a:active {
	color: #D2691E;
	text-decoration: underline;
	font-weight: bold;
}


a.greenlink:link, a.greenlink:visited {
	color: #1CAA00;
	text-decoration: none;
	font-weight: normal;
}
a.greenlink:hover, a.greenlink:active {
	color: #1CAA00;
	text-decoration: underline;
	font-weight: normal;
}
a.brownlink:link, a.brownlink:visited {
	color: #B37557;
	text-decoration: none;
	font-weight: normal;

}
a.brownlink:hover, a.brownlink:active {
	color: #A0522D;
	text-decoration: underline;
	font-weight: normal;
}

a.brownlinksmall:link, a.brownlinksmall:visited {
	color: #A0522D;
	text-decoration: none;
	font-weight: normal;
                font-size: 9px;
}
a.brownlinksmall:hover, a.brownlinksmall:active {
	color: #A0522D;
	text-decoration: underline;
	font-weight: normal;
                font-size: 9px;
}
td.padded {
	padding: 0 10px 10px 10px;
}
td.header {
	background-color: #7A5C3D;
	font-size: 16px;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
}

td.imagepadded {
padding-left: 0.005cm
}
td.boldtext {
                color:#333333;
	font-weight: bold;
                padding: 0 10px
 }
td.footer {
	background-color: #7A5C3D;
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
}
td.menubar {
	color: #996600;
	text-decoration: none;
	font-weight: bold;
}
a.menubar:link, a.menubar:visited, a.menubar:hover, a.menubar:active {
	color: #663300;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#navbartop
{
	position:relative;
	top:-40px;
	left: 0;
	color: #FFFFFF;
	font-size: 16px;
}

#navbarbottom
{
	position:relative;
	top:-22px;
	left:1em;
	color: #FFFFFF;
	font-size: 11px;
}



#nav, #nav ul { /* all lists */
	padding: 1;
	margin: 0;
	list-style: none;
	line-height: 1.75;



}

#nav a {
	display: block;
	width: 20em;
	color: #663300;
	font-size: 12px;
}

#nav li { /* all list items */
	float: left;
	width: 11em; /* width needed or else Opera goes nuts */

}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #F5E3BE;  /* previous version was #FFE0A3 */
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */



}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}

#content {
	clear: left;

}



.thumbnail
{
float: left;
width: 300px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.clearboth { clear: both; }




.jquerycssmenu{
font: bold 11px Arial;
color: #996600;
/*border-bottom: 1px solid black;*/
padding-left: 2px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: white url(tintbrown.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 7px 4px 7px;
margin-right: 3px; /*spacing between tabs*/
border: 1px solid #778;
border-bottom-width: 0;
color: #996600;
/*blue color: #2d2b2b;*/
text-decoration: none;
}

.jquerycssmenu ul li a:hover{
background-image: url(tintbrowndark.gif) /*tab link background during hover state*/
}

/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: bold 12px Arial;
width: 200px; /*width of sub menus*/
background: white;
color: #996600;
padding: 3px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
font: bold 12px Arial;
background: #CC9966;
/* background: #A0522D; */
/*background: #eff9ff;*/
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}