body {font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #FFFF99;
	background-repeat: no-repeat;
	background-position:  left 5px;
	height: 100%;
	min-width: 600px;
	max-width: 1150px;
	width:expression(document.body.clientWidth > 1150? "1150px": "auto" ); /* Should handle IE6 for max-width */
	}
.whiteContainer{
	background: #ffffff  ;
	border-right: 1px solid #5c791b;
	border-left: 1px solid #5c791b;
	border-bottom: 1px solid #5c791b;
	margin-left: 15px
	float: left;
	width: 999px;
	z-index: 1;
	position: relative;
	align: center;
	}
	


/* changing the navigation bar */

#nav {
	float:left;
	margin-left:0;
     	margin-top:0;
     	margin-right: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:10px;
	border-top: solid 2px #663300;
	border-bottom: solid 2px #663300;
	width: 999px;
	background: tan;
	
}

#nav li {
	float: left;
	width:90px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style: none;
}

#nav a {
	float:left;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border: 2px solid #000000;
	border-left:#ffff99 solid 3px;
	border-top: #ffff99 solid 3px;
	background: #663300 ;
	font-size: 80%;	
}

#nav a:hover {
	color: #663300;
	border-right:#ff9900;
	border-bottom:ff9900;
	background: #ffcc33 ;
}

.calendar {
	float:left;
   	padding-left: 15px;
	padding-right: 15px;
	border-top: solid 2px #663300;
	border-bottom: solid 2px #663300;
	width: 150px;
	background: #ffee55;
}

.calendar li {

	width:90px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style: none;
}

.calendar a {

	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border: 2px solid #000000;
	border-left:#ffff99 solid 3px;
	border-top: #ffff99 solid 3px;
	background: #123456 ;
	font-size: 80%;	
	}

.calendar a:hover {
	color: #663300;
	border-right:#ff9900;
	border-bottom:ff9900;
	background: #ffcc33 ;
	}
		
.email {
	background-color: white;
	text-decoration: underline;
	color: red;
	padding-left: 1px;
	padding-right: 1px;
	font-size: 1em;
	}
	
/*** These concern the main text. ***/

p.wow {
	font-size: 300%;
	color: red;
	text-align: center
	}
	
#register {
	background: #ff2277;
	color: #663300;
	font-size: large;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	width: 75px;
	}
	

		
#smallregister a {
	background: #ffcc33;
	color: #663300;
	font-size: small;
	margin-top: 5px;
	padding-top: -2px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	width: 105px;
	border-color:   #663300;
	border-style: outset;
	}
	

		
ul#register {
	border: solid medium orange;
	width: 45%;
	margin-left: 25px;
	}
	
.maintext {
	margin-left: 25%;
	margin-right: 10pt;
	background-color: fff;
	border-left: 1px;
	border-right: 0 px;
	border-color: #000000;
	border-left-style: none;
	padding-left: 15px;
	padding-right: 10px;
	}

.IntroText {
	padding-left: 15px;
	}

.leftpanel {
	margin-top: 5px;
	margin-right: 38%;
	margin-left: 5%;
	background-color: #ffcc33;
	font-size: small;
	border-style: solid;
	width: 30%;
	border-width: 1px;
	padding-left: 10px;
	padding-right:10px;
	}

.leftpanel h1 {
	color: #006633;
	font-size: x-large;
	align: center;
}

h1 {
	font-size: 1.8em;
	color: #006633;
	text-align:
}

h2 a {
	font-size: 1.1em; 
	
}

h2  {
	color: #000000; }

h3 {
	color: #000000;
	}	

em {
	color: #006699;
	font-weight: bold;
	}

/****  These are for images and the logo.  ***/

.image {
	margin-left: -25%;
	float: left;
	margin-right: 15px;
}
.imageleft {
	margin-left: -20%;
	float: left;
	clear: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: medium #663300 solid;
	padding: 5px;
	}
	
.imageright {
	margin-top: 10px;
	float: right;
	clear: right;
	margin-right: 5%;
	border: medium #663300 solid;
	padding: 5px;
	margin-left: 15px;
	}

	
.mainpageimage {
	float:right;
	margin-right: 8%;
	margin-top: 0px;
	margin-bottom: 35px
	width:60%;
	border:medium #663300 solid;
	}

.centerpageimage {
	float:right;
	margin-right: 30%;
	margin-top: 0px;
	width:30%;
	border:medium #663300 solid;
	}
.mapimage {
	
	margin-right: 8%;
	margin-top: 0px;
	width:50%;
	padding:5px;
	border:medium #663300 solid;
	background: #ffffff;
	}
	
.logo {
	margin:0;
	border: medium solid #663300;
	width: 999;
	}

#logoalign {
	text-align: center;
	}
	
.home {
	margin-left: -1%;
	float: left;
	margin-right: 8%;
	
}
	
	


	
.column1 {
	float: left;
	width: 40%;
	margin-left: 0%;
	margin-right: 5%;
	margin-top: -5px;
	}
	
.column2 {
	float: right;
	width: 55%;
	margin-top: -5px;

	}
	
.controls {
	
	border-color: green;

	}
	
	
.returns {
	margin-left: 50px;
	border: none;
	text-decoration: none;
	float: left;
	}	

.simple_anchor {
	color: red;
	background-color: #ffffff;
	font-size: 1em;
	padding: 0px;
	margin: opx;
	text-decoration: underline;
	}
		
.bottombar {
	margin-left: 10%;
	}
	
.note {
	color:red;
	font-weight: bold;
	}
	
.brownnote {
	color: #663300;
	font-size: 125%;
	text-align:center;
}

.brownnote a:visited {
	color:red;
}

.brownnote a:link {
	color:green;
}

input:hover {
	background-color: lightgray;
	}
	
textarea:hover {
	background-color: lightgray;
	}
	
pre {
	
	font-family: sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #006699;
	}
	
li {
	list-style-type: none;
	}
	
#Soup li {
	list-style-type: disc;
	}
	
.nav_menu {
	margin-left: -25%;
	float: left;
	margin-right: 15px;
	background-color: #006699;
	width: 160px;
	border:  black solid 1px;
	align: left;
	color: yellow;
	}	/*  This is the menu on the "about yampatika" page */
.nav_menu a {
	color: white;
}