html,body{margin:0;padding:0}
body{
	font: 9pt geneva,arial,sans-serif;
	background-image: url(../sitegraphics/back.jpg);
	background-repeat: repeat-y;
}
p{margin:0 10px 10px 10px;}
div#container {display:block; min-width:1090px;}
div#content p {line-height:1.4; padding-left:30px; padding-right:15px;}
div#footer p {margin:0;padding:5px 10px; text-align:center;}
div#wrapper {float:left;width:100%}
div#content {margin: 0 200px 0 270px;}
div#navigation {float:left;width:270px;margin-left:-100%;}
div#extra {float:left;width:200px;margin-left:-200px; font-size:10px; padding-top:20px;}
div#footer {clear:left; width:100%; font-size:9px; font-weight:normal;}
body,td,th {
	font-family: geneva, arial,sans-serif;
	color: #000000;}
div#navigation{ text-align:center; padding-top:20px; padding-left:10px;}

#menu {
background-image:url(../sitegraphics/menu-back.gif);
background-repeat:repeat-y;
margin-left:35px;
}
#topmenu {background-image:url(../sitegraphics/menu-top.gif);
background-repeat:no-repeat;padding-top:15px;}

a {
color:#996600;}

/*** Left Menus position/function ***/

.glossymenu{
margin: 0 0 0 5px;
padding: 0;
width: 190px; /*width of menu*/
border-bottom-width: 0;}
.glossymenu a.menuitem{
background: url(../sitegraphics/menu-divider.png) no-repeat bottom center;
font: bold 12px "Geneva", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-align:center;
width: auto;
padding: 5px 0 12px 0;
text-decoration: none;}
.glossymenu a.menuitem:hover {
background: url(../sitegraphics/menu-divider.png) no-repeat bottom center;
color:#663300;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;}
.glossymenu div.submenu ul li a{
display: block;
background: url(../sitegraphics/menu-divider2.png) no-repeat bottom center;
text-align: left;
font: normal 11px "Geneva", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 8px 0 13px 50px;}
.glossymenu div.submenu ul li a:hover{
color: #663300;}

/*** ---- ***/

#content {
text-align:justify;}

#content a {
color:#4b3515;
}
#content a:hover {
text-decoration:none;}

#footer a {
color:#4b3515;
}

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

#content h1 {
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding-left:30px;
padding-right:30px;
color: #000;
text-align:center;}

#content h2 {
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding-left:40px;
padding-right:30px;
color: #321f04;
text-align:left;}

#content h3 {
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
color: #321f04;
text-align:left;}

#content ul li {
list-style-image:url(../sitegraphics/bullet.gif);
margin-left:40px;
margin-right:45px;}

#submenu {
display:block;
height:25px;
padding-top:5px;
text-align:center;
margin-left:40px;
margin-right:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#submenu a {
text-decoration:none;
color:#76440B;
font-style:italic;}
#submenu a:hover {
color:#333300;
text-decoration:underline;}

#article {
width:300px;
background-color:#d3c685;
text-align:center;
margin:0;
padding:0;
}
#article h1 {
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
color: #73490c;
padding:0px;
margin:0px;}
#article a {
font-size:18px;
font-family:Arial, Helvetica, serif;
font-weight:normal;
text-decoration:none;
padding:0px;
margin:0px;
color:#562b08;}
#article a:hover {
text-decoration:underline;}