body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
#Wrapper {
	background-color: #FFFFFF;
	margin: auto;
	width: 720px;
	}
#Header {
	float: left;
	margin: 0px;
	padding: 0px;
}
#Logo {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#Tagline {
	float: right;
	margin-top: 35px;
}

#Navigation {
	border-top-style: none;
	border-bottom-style: none;
	width: 100%;
	float: left;
	border-right-style: none;
	border-left-style: none;
	background-color: #FF9766;
	margin-bottom: 2em;
		}


h1 {
	font-size: 120%;
	color: #FF9766;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2 {
	font-size: 110%;
	color: #FF9766;
}

#LeftBox, #RightBox, #MiddleBox
	{
	padding-bottom: 32767px;
	margin-bottom: -32757px;
	}
#LeftBox {
	float: left;
	width: 220px;
	vertical-align: top;
}
#RightBox {
	float: left;
	width: 220px;
	vertical-align: top;
}
#MiddleBox {
	width: 238px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FF9966;
	border-left-color: #FF9966;
	background-color: #F0EEE9;
	padding-top: 5px;
}

#Footer {
	float: left;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 100%;
	font-size: 90%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9966;
	text-align: right;
	margin-top: 10px;
}
#MiddleBox a, #RightBox a {
	color: #FF641A;
}
#MiddleBox li, #RightBox li {
	margin-top: 10px;
	list-style-image: url(../graphics/list.gif);
	
	
}

/* End Mac IE5 filter */
#firstContent
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#firstContent
	{
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
	
}
/*--------------------*/
#leftColumn {
	float: left;
	width: 499px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9966;
	}
#Sidebar {
	float: right;
	width: 200px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.img1 {
	margin: 0px 0px 5px;
	padding: 0px;
	
}
#othersContent {
	float: left;
	margin-top: 5px;
}
#sideBox {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9766;
	padding-bottom: 10px;
}
.greyBox {
	background-color: #F0EEE9;
	padding: 10px;
}
.orangeBox {
	background-color: #FF9766;
	}
#othersContent li {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-image: url(../graphics/list.gif);
}
#othersContent a:link {
	color: #FF641A;
}
#othersContent a:visited {
	color: #FF4800;
}

/* Header*/
#Header a:link {
	color: #FF641A;
}

#Header a:visited {
	color: #FF4800;
}
/* Vocabulary Notes*/ 
.Notes {
	font-size: 0.9em;
	font-style: italic;
}
/* Old Form*/
#Form  #fieldLabel {
	text-align: right;
	float: left;
	width: 150px;
	padding-top: 5px;
	padding-left: 10px;
}
#Form  #fieldInput {
	float: left;
	width: 319px;
	padding-top: 5px;
	padding-left: 10px;
}
#Form {
	background-color: #FF9766;
}
/* Accesible form*/
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form fieldset {
	clear: both; /* note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border-color: #FF9766;
	border-width: 1px;
	border-style: solid;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	
}
form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color: #0066FF;                       /* be careful with padding, it'll shift the nice offset on top of border  */
}
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}