body {
	background-color:#8a9bb0;
	/* background-image:url(images/gradientvertical.png);
	background-repeat:repeat-x; */
	}
	
	/* ********************************************* Banner styles ********** */
div#banner {
	background-color:white;
	background-image:url(images/gradienthoriz_250px_dddddd.png);
	background-repeat:repeat-y;
	width:900px;
	height:200px;
	margin:0 auto;
	border-top:solid 20px #900;
	border-left:solid 20px #900;
	border-right:solid 20px #900;
	}
div#bannerslideshow {
	position:relative; top:0; left:0; /* Required for the slideshow code to work */
	float:right;
	width:600px;
	height:200px;
	border-left: solid 2px #900;
	}
div#okchoralelogo {
	position:relative; top:10px; left:10px;
	}
div#societylogo {
	position:relative; top:50px; left:10px;
	width: 90px;
	}
div#bannercontactinfo {
	position:relative; top:10px; left:110px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	width: 180px;
	text-align:right;
	font-size: .7em;
	}
	
	/* ********************************************* Menu Bar styles ********** */
div#menu {
	background-color:#900;
	width:900px;
	height:35px;
	margin:0 auto;
	display:block;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: .8em;
	font-weight:bold;
	border-top: solid 2px #900;
	border-left: solid 20px #900;
	border-right: solid 20px #900;
	}
div#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
div#menu ul li{
	display:block;
	float:left;
	margin:0;
	}
div#menu ul li a{
	display:block;
	float:left;
	color:#ddd;
	text-decoration:none;
	padding:10px 12px 0 12px;
	height:23px;
	}
div#menu ul li a:hover,
div#menu ul li a.current{
	color:white;
	font-style:italic;
	font-size:larger;
	text-decoration:underline;
	}


	/* ********************************************* Content styles ********** */
div#content {
	background-color:white;
	width:860px;  /* 900 minus left and right padding */
	height:auto;
	padding: 20px;
	margin:0 auto;
	border-top:solid 1px #900;
	border-right:solid 20px #900;
	border-bottom:solid 20px #900;
	border-left:solid 20px #900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:black;
	text-align:justify;
	line-height:1.5;
	overflow:auto;  /* Required to force the height to accommodate the height of the sidebars div  */
	}
div#content ul li {
	padding: .5em 0;
	}

div#sidebars {
	background-color:white;
	height: auto;
	width: 200px;
	float:right;
	margin: 10px 0 10px 20px;
	}
div#sidebars p.bottomborder {
	padding-bottom: 10px;
	border-bottom:solid black 1px;
	}
div#sidebar1 {
	background-color:#efefff;
	height: auto;
	width: 180px; /* 200 minus left and right padding */
	border:solid 1px black;
	margin-top: 10px;
	padding: 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:black;
	text-align:left;
	line-height:1.5;
	}
div#sidebar2 {
	background-color: #ccccff;
	height: auto;
	width: 180px; /* 200 minus left and right padding */
	border:solid 1px black;
	margin-top: 10px;
	padding: 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:black;
	text-align:left;
	line-height:1.5;
	}
div#sidebar3 {
	background-color: #eeeeee;
	height: auto;
	width: 180px; /* 200 minus left and right padding */
	border:solid 1px black;
	margin-top: 10px;
	padding: 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:black;
	text-align:left;
	line-height:1.5;
	}

span.paraintro {
	color: #900;
	font-weight:bold;
	font-size: 1.1em;
	}
span.perfheading {
	color:#900;
	font-weight:bold;
	}
li {
  list-style-image: url(images/bullet.gif);
  }