/* CSS Document */
body{
	background:url(images/bg.jpg) repeat-x #C9bd95;
	font-family:"Bookman Old Style", Tahoma, "Tempus Sans ITC", "Times New Roman";
	color:#FFFFF0;
	font-size:12px;
	text-align:justify;}
h1{
	font-family:"Trebuchet MS";
	color:#FF9900;
	letter-spacing:1px;}
h2,h3{
	font-family:"Trebuchet MS";
	color:#FF9900;
	letter-spacing:1px;}

h3{
	font-size:12px;}	
*{
	margin:0;
	padding:0;}
#header{
	width:850px;
	margin:0 auto;
	background:	url(images/banner.jpg) no-repeat center;
	height:120px;
	min-height:120px;}

#container{
	width:850px;
	background:url(images/contbg.jpg) no-repeat bottom right #4e501b;
	border:#FFFFCC solid 3px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;

	}
@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.wrapper {
  margin: 1%;
  padding: 0;
}

.main {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.content1 {
  width: 73%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}
.content1 li{
list-style:inside square;}

.sidebar {
  margin-right: 78%;
  padding: 1%;
  font-size: 90%;
}
.clear {
  clear: both;
  height: 1px;
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer{
	border-top:1px solid #ffdf9d;  /* same bg color as h1 */
  color:#FFFFCC;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}
.nav {
  border-top: thin solid #7d5500;
  font-size: 90%;
}
.nav ul {
  margin: .3em;
  padding: 0;
}
.nav li {
  list-style: none;
/*  display: inline; */
  float: left;
  padding: .5em 1em;
}
} /* end media rules */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 150px;
border: 1px solid #FFFFCC;
}

.glossymenu li a{
background:url(images/mn.jpg) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFFFCC;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:white;
}

.glossymenu li a:hover{
	color:#FF9900;}
.imgright{
	float:right;
	padding:5px;}
	
.imgleft{
float: left;
padding:5px;}	
		
.imgpad{
	padding:2px;}
	
	
#photo{
float:right;
width:300px;
}	
	
	
#photo2{
float:right;
width:300px;
}		
	
#footer{
width:850px;
margin:0 auto;
font-size:10px;
color:#4e501b;
}

#footer a{
color:#4e501b;}