@charset "UTF-8";

/* =Reset default browser CSS. 
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


@font-face {
font-family: 'Caslon-R';
src: url('/html_assets/fonts/ACaslonPro-Regular.otf'),
     url('/html_assets/fonts/ACaslonPro-Regular.eot');
}

@font-face {
font-family: 'Caslon-B';
src: url('/html_assets/fonts/ACaslonPro-Semibold.otf'),
     url('/html_assets/fonts/ACaslonPro-Semibold.eot');
}

@font-face {
font-family: 'Caslon-I';
src: url('/html_assets/fonts/ACaslonPro-SemiboldItalic.otf'),
     url('/html_assets/fonts/ACaslonPro-SemiboldItalic.eot');
}


a {
	font-family: 'Caslon-R', serif;
	font-size: 20px;
	color: #06F;
	text-decoration: underline;
}

fieldset {
    border: 1px solid #800;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #800;
    margin-left: 40px;
}

fieldset legend {
    margin: 10px;
}

#wrapper {
	width: 1194px;
	position: relative;
	margin: 0 auto;
}

#copyright {	
	position: absolute;
    left: 515px;
    bottom: 10px;
}

#copyright p {
    font-family: "Times New Roman", "Times", serif;
	font-size: 12px;
	font-weight:bold;
    color: #A00;
}

/* -------- navigation bar -----------------*/

#navBar {
    position: absolute;
    left:   244px;
    top:    99px;
}

#homeBtn {
    position: absolute; 
    left:38px;
    top:16px;
}
#homeBtn img {
    opacity:0.01; 
    filter:alpha(opacity=1);
}

#homeBtn img:hover, #homeBtn img:active {
    opacity:1; 
    filter:alpha(opacity=100);
    border: 0; 
}

#enrollBtn {
    position: absolute; 
    left:178px;
    top:16px;
    border: 0;
}
#enrollBtn img {
    opacity:0.01; 
    filter:alpha(opacity=1);
}

#enrollBtn img:hover, #enrollBtn img:active {
    opacity:1; 
    filter:alpha(opacity=100);
    border: 0;  
}

#exchangeBtn {
    position: absolute; 
    left:311px;
    top:16px;
    border: 0;
}
#exchangeBtn img {
    opacity:0.01; 
    filter:alpha(opacity=1);
}

#exchangeBtn img:hover, #exchangeBtn img:active {
    opacity:1; 
    filter:alpha(opacity=100);
    border: 0;  
}

#contactBtn {
    position: absolute; 
    left:446px;
    top:16px;
    border: 0;
}
#contactBtn img {
    opacity:0.01; 
    filter:alpha(opacity=1);
}

#contactBtn img:hover, #contactBtn img:active {
    opacity:1; 
    filter:alpha(opacity=100);
    border: 0;  
}

#aboutBtn {
    position: absolute; 
    left:581px;
    top:16px;
    border: 0;
}
#aboutBtn img {
    opacity:0.01; 
    filter:alpha(opacity=1);
}

#aboutBtn img:hover, #aboutBtn img:active {
    opacity:1; 
    filter:alpha(opacity=100);
    border: 0;  
}




/* ---------- content div common ----------------- */

/* Depending on the revised structure of other supporting pages this div should be updated.
    The current situation is not clear; so the id is commented out in the index page */

#content {
	position:	absolute;
    top: 		160px;
	margin:		0px;
	padding:	0px;
}

.scroller {
	position:   absolute;
    top:        10px;
	left: 		165px;
	width: 		790px;
	height: 	400px;
	display:	block;
	overflow: 	auto;
	text-align: justify;
	font-family:'Caslon-R', serif;
	font-size:	20px;
	padding: 	40px;
	z-index: 	10;
}

.payBtn {
	float:right;
	margin-left: 20px;
	margin-top:	30px;
}
/* At the moment it's more important to preserve the layout of MLN.
hr {
	text-align: left;
    margin-left: 0;
	width:20%;
}*/

/* ----------- Home page specific ---------- */


/* -------- guest links -------- */

#welcomeTour {
	position: absolute;
	left: 120px;
    top: 269px;	
	width: 200px;
	font-size: 20px;
}

#enterGuest {
	position: absolute;
    left: 50px;
	top: 300px;	
	width: 200px;
	font-size: 20px;
}

/* ---------- login form ---------- */

#loginForm {
	position:	absolute;
	left:		920px;
    top:        270px;	
    width:      250px;
    line-height: 25px;
	color:		#000;
}

#loginForm label {
    text-align: right;
    margin-right: 10px;
    font-family: 'Caslon-R', serif;
    font-size: 16px;
}

.formInput {
    width: 100px;
    height: 14px;
}

#loginForm #submit { 
	float: right;
    margin-top: -5px;
    margin-bottom: 10px;
    font-family: 'Caslon-R', serif;
    font-size: 15pt;
    color: #06F;
}

#forgotPass {
    clear: both;
    float: right;
    font-size: 14px;
}

#assistRequest {
  clear: both;
  float: right;
  margin-top: 5px;
  font-size: 14px;
}

/* -------- Registration specific --------*/


#enrollTitle {
	position:	absolute;
	top:		27px;
	left:		480px;
}

.enrollOptions {
	color:#900;
	font-style:italic;
}

#enrollForm label {	
	width: 110px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
}

#enrollForm input {
	width: 160px;
}

#enrollForm fieldset legend {
	font-size: 16pt;
}

#enrollForm p {
	font-size:	14pt;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* font-size does NOT work; color does */
#reg_submit {
    color: #800
}
	

/* -------- IVL specific --------*/

#ivlTitle {
	position:	absolute;
	top:		27px;
	left:		348px;
}

#vPlayer {
	position:absolute;
	top:28px;
	left:197px;
	z-index:10;
}



/* -------- About specific --------*/

#aboutTitle {
	position:	absolute;
	top:		23px;
	left:		307px;
}


/* ================ newly added ================== */

#vss_email label {
	font-size: 18px;
}

textarea {
	font-family: 'Caslon-R', serif;
  font-size: 18px;
  color: #048;
}
.regularText {
    font-family: 'Caslon-R', serif;
    font-size: 20px;
    text-align: justify;
    color: #123;
}

.smallPrint {
  font-family: 'Caslon-R', serif;
  font-size: 17px;
  text-decoration: underline;
  color: #024;
}

.warning {
  font-family: 'Caslon-R', serif;
	font-size: 18px;
	text-decoration: underline;
	color: #f00;
}

#warnFromRegLog {
	position:	absolute; 
	left:540px; 
	top:45px; 
	font-family: 'Caslon-R', serif;
	font-size: 18px;
	text-decoration: underline;
	color: #f00;
}

#emailConfirmation {
	position: absolute; 
	width:700px; 
	left:90px; 
	top:300px;
	background-color:#69D; 
	/*transparency: 0.5; */ 
	text-align: center;
	font-family:'Caslon-R', serif; 
	font-size:20px; 
	color:#FFF;
}