/* CSS Document */

body {
  	margin:0px;
  	padding:0px;
	background-color: #C0C0C0
 }
#centered_content {
	width: 740px;
	height: auto;
	text-align: left;
	position: relative;
	left: 50%;
	margin-left: -370px;
	margin-top: 0px;
}
 p {
 	margin:0;
	padding:0;
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.1;
}
p.differentSpacing {
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 10px;
}
p.differentSpacing2 {
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 8px;
}
.indent {
	padding-left: 10px;
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.1;
}
ul.bullet {
	list-style-type: disc;
	font-family: Times, serif;
	font-size: 15px;
	alignment: left;
}
.caption {
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 2px;
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
}
.link {
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 2px;
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.15;
}
.masthead {
 	background: url("./images/banner_flat.jpg") no-repeat left top; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 300px;
 }
 .masthead_small {
	background: url(images/Web-Banner_small_1.jpg) no-repeat left top;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 100px;
	margin: 0px;
 }
.menu {
 	margin:0;
 	padding:0;
 	border:0px solid white;
 }
.topmenu {
  	margin:0px;
  	padding:0px;
}
.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.topmenuli{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
}
.topmenutitle{
	color: #FFFFFF; font-family: arial, helvetica, 'ms sans serif'; font-size: 9px; font-weight: normal;
	display:block;
	width:74px;
	height: 14px;
}
html>body .topmenutitle{
	width:69px;
}	
.topmenutitle:hover{
	color:#FFFF00;
	font-family: arial, helvetica, 'ms sans serif';
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.mainBody {
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 1.1;
}
.mainBody_2 {
	color: #000000;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 1.1;
}
.sidebar {
	color:#FFFFFF;
	font-family: arial, helvetica, 'ms sans serif';
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	padding: 0px 0px 0px 3px;
}
.sidebar a, .sidebar a:hover, .sidebar a:visited {
	color: #FFFFFF;
	display:block;
	padding: 3px;
	z-index:-100;
	font-family: arial, helvetica, 'ms sans serif';
	font-size: 9px;
	font-weight: normal;
}
.sidebar a:hover {
	color: #FFFFFf;
	font-family: arial, helvetica, 'ms sans serif';
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 0px;
	}
.h1_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 10px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 6px;
}
.spacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 4px;
	margin-top: 10px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
	margin-top: 4px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
	margin-bottom: 2px;
	margin-top: 6px;
}
div.margin {
	margin: 3px;
}
div.unselected {
	color:#FFFFFF;
	font-family: arial, helvetica, 'ms sans serif';
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px 0px 0px 3px;
}
div.sidebar {
	background-color: #000066;
	position: absolute;
	top: 120px;
	left: 0px;
	height: 1196px;
	width: 92px;
	padding: 6px 0px 0px 3px;
	margin: 0px;
}
div.menu {
	position: absolute;
	top: 100px;
	left: 0px;
	height: 14px;
	z-index: 100;
	width: 740px;
}
.submenuul{
	list-style-type:none;
	position: absolute;
	display: none;
}
.submenuli a{
	color:#000000; font-family: arial, helvetica, "ms sans serif"; font-size: 9px;
	font-weight: normal;
	display: block;
	width: 87px;
}
li:hover ul, li.over ul{ /* lists nested under hovered list items */
	display: block;
}
div.calendar {
	position: absolute;
	top: 125px;
	left: 0px;
	height: 500px;
	width: 740px;
}
div.text {
	position: absolute;
	top: 120px;
	left: 0px;
	height: 850px;
	width: 733px;
	padding-top: 5px;
	padding-left: 7px;
	background-color:#FFFFFF
}
div.right_col {
	position: absolute;
	top: 120px;
	width: 638px;
	height: 1196px;
	left: 95px;
	padding-left: 7px;
	padding-top: 5px;
	background-color:#FFFFFF;
}
div.questionnaire {
	background-color: white;
	position: absolute;
	top: 125px;
	left: 0px;
	margin: 0px;
	width: 740px;
}
div.teacher_form {
	background-color: #99FF99;
	position: absolute;
	top: 4px;
	left: 8px;
	margin: 0px;
	width: 700px;
}
div.cal_left {
	position: absolute;
	top: 120px;
	left: 96px;
	width: 335px;
	height: 850px;
	padding-top: 5px;
	padding-left: 7px;
	background-color:#FFFFFF
}
div.cal_right {
	position: absolute;
	top: 120px;
	left: 438px;
	width: 302px;
	height: 850px;
	padding-top: 5px;
	background-color:#FFFFFF
}
div.title {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 740px;
	height: 10px;
}
div.tour {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 740px;
	height: 500px;
}
div.current_topleft {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 366px;
	height: 260px;
}
div.current_topright {
	position: absolute;
	top: 160px;
	left: 372px;
	width: 366px;
	height: 260px;
}
div.current_bottomleft {
	position: absolute;
	top: 440px;
	left: 0px;
	width: 366px;
	height: 260px;
}
div.current_bottomright {
	position: absolute;
	top: 440px;
	left: 372px;
	width: 366px;
	height: 260px;
}
div.tour {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 740px;
	z-index: 99;
}
div.tour_nav {
	position: absolute;
	height: 30px;
	width: 90px;
	top: 0px;
	left: 138px;
}
div.tour_col1 {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 180px;
}
div.tour_col2 {
	position: absolute;
	top: 160px;
	left: 187px;
	width: 180px;
}
div.tour_col3 {
	position: absolute;
	top: 160px;
	left: 374px;
	width: 180px;
}
div.tour_col4 {
	position: absolute;
	top: 160px;
	left: 560px;
	width: 180px;
}
div a.mainBody, div a.mainBody:hover, div a.mainBody:visited {
	color:#0000FF;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
}
div a.mainBody:hover {
	color: #0000FF;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
}


/* menu design */

.topmenutitle {
	text-align: center;
	text-decoration: none;
	background-color: #000066;
	border-top: 1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	padding:2px;
	line-height:14px;
}
.submenuul {
	margin-top:0px;
	width: 92px;
	background-color:#C2C4FF;
	background-position: top left;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	margin: 0px;
	padding: 0px;
}
.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #000000;
}
.submenuli a:hover{
	text-decoration: none;
	background:#000066;
	color:#FFFFFF;
}
img.left_pic {
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-top: 2px;
}
img.right_pic {
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 8px;
	margin-top: 2px;
}
img.current_pic {
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 0px;
}
img.tour_pic_top {
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 0px;
}
img.tour_pic {
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 4px;
}
img.tour_large {
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-top: 0px;
}
ul {
	list-style-type: decimal;
}
/*form*/

input.txt {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	width: 200px;
}
input.btn {
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px outset #00008B;
}
input.txt_wide {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	width: 400px;
}
input.txt_wider {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	width: 712px;
}
input.txt_wider_high {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	width: 712px;
	height: 50px;
}
input.txt_area {
	color: #00008B;
	background-color: #E3F2F7;
}
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
form p label {
	float: left;
	width: 100%;
	font-family: normal 0.7em Arial, Helvetica, sans-serif;
}
fieldset {
	border: 1px dotted #61B5CF;
	margin-top: 0px;
	margin-left: 0px;
	padding: 10px;
	padding-top: 0px;
	background-color:#FFFFCC
}
.label {
	font-family: normal 0.7em Arial, Helvetica, sans-serif;
}
	legend {
	font-family: bold 1em Arial, Helvetica, sans-serif;
	color: #00008B;
	background-color: #FFFFFF;
}
div.alumni_form {
	position: absolute;
	top: 240px;
	left: 0px;
	margin: 0px;
	width: 633px;
	padding-left: 7px;
}

#mainCenter {
	height: 100%;
}
#titleframe {
	width: 100%;
	height: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
BottomFrame {
	height: 100%;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
.userAlert {
	float: right;
}
.titleContent {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.banner {
	font-family: Trebuchet MS, verdana, arial;
	font-size: 12px;
	color: #333;
}
.banner .info {
	font-size: 0.9em;
}
.banner .email {
	font-weight: bold;
}
.indexContent {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}
#imageInfo {
	font-family: Trebuchet, verdana, arial;
	width: 760px;
	padding-right: 0px;
	padding-left: 0px;
}
.content {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 6px;
}
.contentLast {
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.feedback {
	font-family: Trebuchet, verdana, arial;
	width: 760px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.checkBoxtest {
	font-size: 11px;
	color: #000000;
}
.button {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #D6BA8B;
	width: 100%;
}
.header {
	font-size: 9px;
	font-weight: bold;
	color: #999;
}
.indexInfo {
	font-family: Trebuchet, verdana, arial;
	font-size: 11px;
	padding-left: 6px;
}
.indexInfo .filename {
	color: #000;
}
.indexInfo .date {
	color: #666;
}