body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
.container {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 18px;
}

/* the top bar contains only the line with the logo and the search field */
.topBar {
	background: url(images/top_bck_right.jpg);
	width: 100%;
	height: 33px;
}
.topBar .topBarImage{
width:475px;
height: 33px;
float: left;
}
.topBar .topBarSearch{
width:400px;
height: 29px;
padding-top: 3px;
padding-bottom: 1px;
float: right;
}
/* holds both the page title and subtitle */
.container .WHtitle {
	background: #ffffff; 
	margin-top: 17px;
	border-bottom: solid 2px #950802;
	width: 890px;
	padding-bottom: 17px;
	letter-spacing: .25px;
}
.container .content .WHtitle .title {
	font: bold 30px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: uppercase;
	color: #000065;
	letter-spacing: .25px;
	text-align: center;
}
.container .content .WHtitle .subTitle {
	font: bold 12px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: uppercase;
	color: #950802;
	letter-spacing: 5px;
	text-align: center;
}
.container .content .WHtitle .titlelong {
	font: bold 30px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #000065;
	letter-spacing: .25px;
	margin-left: auto;
}
.container .content .WHtitle .subTitlelong {
	font: bold 12px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #950802;
	letter-spacing: 5px;
	margin-left: auto;
}
/* this div is pretty mysterious.  It provides the white space between the top
 * logo and the page title, but the image it is supposed to contain seems to
 * have vanished in the sands of time and revision. I'm looking for the image,
 * but if I can't find it this div seems pretty silly.*/
.container .content .topWhite {
}
/* The background images is for faking the sidebar column lengths to match the
 * length of the main (middle) column without any huge css funkiness. A very
 * servicable solution.*/
.content {
	width: 890px;
	font: 12px/1.5 Verdana, Tahoma, Geneva, sans-serif;
	margin-right: auto;
	margin-left: auto;
	background: url(images/container_bck.gif) repeat-y;
}
.content a:link, .content a:visited {
	color: #950802;
}
.content a:hover, .content a:visited:hover {
	color: #000065;
	text-decoration: none;
}
#center {
	width:520px;
	padding-top: 18px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 36px;
	float: left;
}
#center #breadcrumbs {
	color: #940701;
	font: 12px/1.5 Verdana, Helvetica, sans-serif;
}
#center  #mainContent {
}

/* I can't find anything that references thany of these homeMenu classes, but
 * I'll keep looking.  If they don't do anything I'll take them out. the Center
 * bit obviously refers to the center column of the main content, but I have no
 * idea what Menu was supposed to be there */
#center .homeMenuLeft {
	width: 250px;
	margin-left: 15px;
}
#center .homeMenuRight {
	width: 250px;
	float: right;
}
.homeMenuItem {
	margin-bottom: 25px;
	font: 11px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000065;
}
.homeMenuItem img {
	padding-right: 5px;
}
.homeMenuItemTitle {
	font: bold 16px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000065;
}
.homeMenuItem a:link, .homeMenuItem a:visited {
	color: #000065;
	text-decoration: none;
}
.homeMenuItem a:hover, .homeMenuItem a:visited:hover {
	color: #940701;
	text-decoration: underline;
}

/* another mysterious background image. I'm looking for it, but we'll probably
 * need to do something if I can't find it since it looks like there's something
 * missing. the left id contains the nav stuff */
#left {
	width:165px;
	float:left;
	background:#C4C2EA url(../../2008/images/logo_btm2.jpg) no-repeat left top;
	margin-top: 0px;
	padding-top: 0;
}
#navContainer {
	width: 163px;
	margin-right: auto;
	margin-left: auto;
}
#navContainer #navlist
{
	margin-left: 0;
	font: bold 12px/1.5 Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	padding: 0 0px 1px;
}
#navContainer ul {
	margin: 0px;
	padding: 0px;
}

#navContainer #navlist li
{
	list-style: none;
	border-bottom: 1px solid #0B1850;
}

#navContainer #navlist li a
{
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	background: #C4C2EA;
}

#navContainer #navlist li a:link {
	color: #0D194F;
}
#navContainer #navlist li a:visited {
	color: #09194D;
}

#navContainer #navlist li a:hover
{
	border-color: #B27F7F;
	color: #000065;
	background: #FFFFFF;
}
#navContainer #navlist li a.active {
	background: #FFFFFF;
	border: none;
}

#navContainer #navlist #innernav
{
	margin-left: 0;
	font: 10px Verdana, Tahoma, Geneva, sans-serif;
	padding: 0px 0px 18px 0px;
	background: #ffffff;
}

#navContainer #navlist #innernav li.head{
	font:bold 10px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  color: #000065;
  padding-top: 18px;
}
#navContainer #navlist #innernav li
{
	list-style: none;
	margin-left: 15px;
	background: #ffffff;
	border: none;
}

#navContainer #navlist #innernav li a
{
	text-decoration: none;
	display: block;
	background: #ffffff;
}

#navContainer #navlist #innernav li a:link {
	color: #0D194F;
}
#navContainer #navlist #innernav li a:visited {
	color: #09194D;
}

#navContainer #navlist #innernav li a:hover
{
	border-color: #B27F7F;
	color: #950802;
	background: #FFFFFF;
}
#navContainer #navlist #innernav li a.active {
	font-weight: bold;
	color: #950802;
}

/* this adds some basic styling to the right sidebar.  We use this on certain
 * pages to add paragragphs of text on that side */
#right {
	width:155px;
	float:right;
	background:#F7F7F7;
	padding-right: 10px;
	padding-left: 10px;
}
#right p {
	font: 12px/1.5 Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-top: 0px;
}


#right a:link {
		  text-decoration: none
}
#right a:visited {
		  text-decoration: none
}
#footer {
	clear:both;
	margin:0px auto 0;
	border-top:1px solid #eeeeee;
	line-height:2em;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 0px;
	background: #FFFFFF;
}
#footer p {
	margin-top: 1px;
	margin-bottom: 1px;
}

/*pretty self-explainatory.  This starts the styling for the main center column
 * of the page which holds all of the main content.*/

#mainContent h2 {
	font: 20px/1.6 Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode",	sans-serif;
	color: #950802;
	margin-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#mainContent h3 {
	font: bold 14px/1.5 Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000065;
	margin-bottom: 5px;
	margin-top: 18px;
	margin-left: 40px;
	padding-bottom: 0px;
}
#mainContent h3.emph{
	font: bold 14px/1.5 Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #950802;
	margin-bottom: 5px;
	margin-top: 6px;
	margin-left: 40px;
	padding-bottom: 0px;
}

#mainContent h4 {
	font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 40px;
}
#mainContent h5 {
	font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000065;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#mainContent p {
	font: 12px/1.5 Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-left: 40px;
}

/*have to track down CollapsiblePanelContent and AccordionPanelContent, I have
 * no idea what we use these for */
#mainContent .CollapsiblePanelContent p {
	margin-left: 5px;
	margin-top: 4px;
}
#mainContent .CollapsiblePanelContent ul {
	margin-top: 4px;
	margin-left: 25px;
	padding-left: 25px;
}

#mainContent  .AccordionPanelContent h3 {
	color: #940701;
	margin-left: 5px;
	margin-bottom: 1px;
}
#mainContent ul.nav {
	font: 12px/18px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333333;
	margin-left: 40px;
	text-indent: -3em;
	list-style: none;
}
#mainContent ul {
	font: 12px/18px Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-left: 0px;
	text-indent: 0;
	list-style: bullet;
}
#mainContent ol {
	font: 12px/18px Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-left: 0px;
	text-indent: 0;
	list-style: bullet;
}

#mainContent .subtitle {
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 18px;
}

/*this seems a little confusing since we have a set of alert stylings already.
 * Using the heading is sensible given the semantic hierarchy and weight, but
 * should probably move all of the alert styles together*/
#mainContent h6 { /*alert text*/
	font: 12px/18px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #950802;
	margin-top: 0px;
	margin-left: 40px;
}

/*for emphasis*/
#mainContent .alert {
	border: 1px solid #FFCC00;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding: 5px;
	width: 400px;
}
#mainContent  .alert p {
	margin: 0px;
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}
#mainContent .alert img {
	float: left;
	padding-right: 5px;
}

.emph {
		  color: #ff0000;
}

.emph-extra {
		  color: #ff0000;
		  font-weight: bold;
}

.emph-blue {
		  color: #0000ff;
}

/* these are the setting for tables which occur in the main content area of
 * class pages.  Right now, it refers to the bit that talks about intended
 * audience, duration, ect.*/
#tableContent {
	margin-right: auto;
	margin-left: auto;
	border-bottom: 2px #000065;
}
#tableContent h2 {
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000065;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#tableContent p {
	font: 12px/18px Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-left: 40px;
}

/* the left and right classes style the main content
 * table columns*/
#mainContent #left {
	width: 40%;
}
#mainContent #right {
}
#right ul {
	margin-top: 0px;
	margin-left: -2em;
	font: 10px/1.8 Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-bottom: 18px;
	list-style: bullets;
}
#right ol {
	margin-top: 0px;
	margin-left: -2em;
	font: 10px/1.8 Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-bottom: 18px;
	list-style: bullets;
}
#mainContent .hrule {
	border-bottom: 1px solid #F8D6D4;
	margin-left: 40px;
	margin-bottom: 10px;
}

/* This styles the registration table at the bottom of the class pages */
#regTable p{
	font: 12px/18px Verdana, Tahoma, Geneva, sans-serif;
	color: #333333;
	margin-top: 0px;
	margin-left: 40px;
}

#regTable h1 {
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/* I added this in order to put a table in the new colloquium page. May be able
 * to use the contenttable instead for a more consistant (and nicer) look */

/*hmmm... is this really necessary given the other uses of h2 in the sheet?
 * probably, but need to put all the heading stuff together */
h2 {
	font: 18px/24px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000065;
	margin-top: 0px;
	margin-left: 0px;
}

h1 {
	font: bold 24px Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #950802;
	margin-bottom: 12px;
	padding-bottom: 0px;
}

/* This came from the head of the the basic html sheet for the classes */
.style1 {	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #950802;
	}

	/* these came from the footer that I moved to the footer.html file for ssi*/
.style3 {
	font-size: 14px;
	color: #666666;
}
.style4 {
	color: #666666;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
.style6 {color: #FFFFFF}
.style7 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
a.skipnav{
		  position: relative;
		  right: 3000px;
		  color: #fff;
}