body {
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#333;
	margin:0 auto;
	padding:0;
	color:#820053;
	font-family: "Trebuchet MS", Helvetica, Arial,  sans-serif;
	font-size:0.9em;
	}
	

/* ----------------------------------------- menu begins ----------------------------------------- */

div#nav {
	width:550px;
	float:right;
	margin-top:135px;
}

#menu, #menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

#menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

#menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

#menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

#menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

ul#menu ul li:hover {
	background:#820053;
	color:white;
}

ul#menu ul li:hover a {
	color:white;
}
#menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}


#menu:after, #menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#menu, #menu ul {	/* IE7 float clear: */
	min-height: 0;
}

#menu ul {
	background-image: url(empty.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
#menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

#menu, #menu ul li {
	color: #fff;
	background: #CE7C88;
}

#menu ul {
	width: 100%;
}

#menu a {
	text-decoration: none;
	color: #fff;
	margin: 0 15px;
	padding:5px 0;
	display: block;
	position: relative;
	font-size:11pt;
}

#menu a:hover, #menu li:hover>a {
	color: #fff;
}

 ul#menu > li > a:hover {
	 color:#fff;
}

#menu li li {	/* create borders around each item */
	border: 1px solid #fff;
	width:150px;

}
#menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

#menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

#menu>li:first-child>a, #menu li + li + li li:first-child>a {
}



div#content {
	width:890px;
	background-image:url(images/grad-back.png);
	margin:0 auto;
	background-repeat:repeat-x;
	}
div#content a {color:#820053; text-decoration:none;}
div#content a:hover {color:#820053; font-style:inherit; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin-bottom:1em; font-family:Georgia, "Times New Roman", Times, serif;}

h1 {font-size:18px; border-bottom:#F9C medium dotted; padding-bottom:5px;}
h2 {font-size:16px; }
h3 {font-size:14px; background:#FFF; color:#096; padding:2px; font-weight:800; width:auto;}
h4 {font-size:14px; } 

/* allow room for 3 columns */
ul.curriculum 
  {
    width: 69em;
	text-align:left;
	font-size:85%;
  }
/* float & allow room for the widest item */
ul.curriculum  li
  {
    float: left;
    width: 23em;
  }

  /* stop the float */
br.clear
  {
    clear: left;
  }
  




div#left {
	width:600px;
	padding-left:25px;
	padding-right:15px;
	text-align:justify;
	float:left;
	}
div#left img, div#left a {border:none; text-decoration:none;}
p.class {border-left:dotted #096 thin; border-right:dotted #096 thin; padding-left:10px; width:50%; background-color:#FFF; padding:0.5em;}
div#left ul { list-style:circle; }
	
div#right {
	float:right;
	padding-right:15px;
	text-align:center;
	width:200px;
	padding-top:15px;
	padding-bottom:15px;
	}
div#right img, div#right a img {text-decoration:none; border:none; }
div#left a img {padding-left:200px;}
div#bottom {
	border-top:#820053 dotted thin;
	width:850px;
	padding:10px;
	clear:both;
	margin:0 auto;
	}
div#footer {
	clear:both;
	background-color:#CE7C88;
	height:auto;
	margin:0 auto;
	padding:2px 25px 10px 25px;
	border-top:#FFF thick solid;
	}

ul.footermenu {text-align:center; font-size:0.75em;}
ul.footermenu li {display:inline-block; line-height:1em; background-color:#FFF; list-style:none; border:#820053 solid thin; padding:3px; margin:2px; }
ul.footermenu li:hover {list-style:circle; line-height:1em; padding:3px; margin:-2px; color:#fff; border-right:thick #820053 solid; border-left:thick #820053 solid; }
ul.footermenu li a {color:#fff}
ul.footermenu li a:hover, ul.footermenu li a:visited {color:#ffffff;}








div.event {background-image:url(images/grad-back.png); min-height:275px; padding:5px; width:600px; border-bottom:3px dotted #666; clear:both; margin-bottom:1em;}
div.event img {clear:both;}

/*---------------------------------form---------------------------------------*/
form.regform fieldset {
  margin-bottom: 10px;
  padding:10px;
  border:#CCC thin dotted;
  background:#fff;
  font-size:90%;
}
form.regform legend {
  padding: 0 2px;
  font-weight: bold;
  color:#666;
}
form.regform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.regform fieldset ul {
  margin: 0;
  padding: 0;
}
form.regform fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
  border-top:thin #fff solid;
  background-color:#D0E8F2;
}
form.regform fieldset li:last-child  {
	  border-bottom:thin #fff solid;
}

form.regform fieldset li.even {
	background-color:#BFE4FB;
}

form.regform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.regform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.regform fieldset fieldset label {
  display: block;
  width: auto;
}
form.regform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.regform label {
  width: 125px; /* Width of labels */
}

form.regform label.radio {
	width:190px;
	}
	
form.regform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}