body {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #000099;
 background-color: #000099;
 font-size: 12px;
 text-align: center;
 margin:0px;
 padding:0px;
}
td,div {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
}
p,ul,ol{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a { color: #000099; text-decoration: none;}
a:link {  color: #000099; }
a:active {  color: #000099; }
a:visited {  color: #000099; }
a:hover {  color: #CC0000; }

a.menu {  
 color: #000099; 
 text-decoration: none;
 font-size: 11px;
 color: #000099; 
 font-weight: bold;
 padding: 0px 0px 10px 0px;
 }
a.menu:link {  color: #000099;  }
a.menu:active {  color: #000099;  }
a.menu:visited {  color: #000099;  }
a.menu:hover {  color: #CC0000; }

a.footer-menu {  
 color: #FFFFFF; 
 text-decoration: none;
 font-size: 11px;
 font-weight: bold;
 }
a.footer-menu:link {  color: #FFFFFF; }
a.footer-menu:active {  color: #FFFFFF; }
a.footer-menu:visited {  color: #FFFFFF; }
a.footer-menu:hover {  color: #000099; }

.small {  font-size: .9em; }
.smaller {  font-size: .8em; }
.smallest {  font-size: .7em; }

.center-content { text-align: center; width: 100%; }

.nl { clear: both; }
br.nl { 
clear: both;
margin: 0px;
padding: 0px;
}
/* -------------------- UCON PAGE ---------------------- */

.image-container {
 text-align: center;
 border: #0066FF ridge 4px;
}

/* -------------------- POPUP QUERY  PAGE ---------------------- */

#query-yes {
 float: left;
 width: 200px;
 font-size: 12px;
 text-align: left;
 margin: 5px;
}

#query-no {
 float: right;
 width: 200px;
 font-size: 12px;
 text-align: left;
 margin: 5px;
}

#query-body {
 background-color: #FFFFFF;
 width: 90%;
 height: 350px;
 margin: auto;
 padding: 20px;
 text-align: left;
 border: #3366FF double 8px;
}


/* -------------------- END ---------------------- */


.menu-container {
 padding: 5px 5px 5px 0px;
 border-bottom: #FFFFFF solid 1px;
}

.logo {
 margin: 25px 2px 20px 0px;
}

.footer-container {
 margin: 20px;
}

.school-link-container {
 font-size: 12px;
}

.footer {
 text-align: center;
 font-size: 10px;
 color: 
}

.divider-line {
 color: #3333CC;
 width: 75%;
 text-align: center;
}

#mainbanner {
width:100%;
border-bottom:#000099 solid 2px;
}

#mainbanner_right {
float:right;
margin-top:-167px;
}

#date-area {
 width: 100%;
 border-bottom: #000099 solid 2px;
 background-color: #8080FF;
 height: 20px;
}

#date {
 width: 150px;
 float: left;
 font-size: 11px;
 color: #FFFFFF;
 padding: 2px 0px 2px 5px;
}

#ani-banner {
 float: left;
 padding: 0px 0px 0px 5px;
}

#body {
 background-color: #FFFFFF;
 background-image: url(../images/body-back.gif);
 width: 90%;
 margin: auto;
 text-align: left;
 border: #3366FF double 8px;
}

#sidebar {
 float: left;
 width: 150px;
 padding: 10px 5px 10px 5px;
}

#content {
 vertical-align: top;
}

#inner-content {
 padding: 5px 15px 20px 170px;
}

#footer-area {
 width: 100%;
 border-bottom: #000099 solid 2px;
 border-top: #000099 solid 2px;
 background-color: #8080FF;
 text-align: center;
 padding: 0px 0px 3px 0px;
 }

#credit {
width: 230px;
float: right;
margin: 0px 0px 5px 0px;
font-size: 10px;
}

#copyright {
width: 90px;
float: left;
margin: 0px 0px 0px 13px;
font-size: 10px;
}




/* -------------------- FORMS ---------------------- */

.field-label {
 text-align: bottom;
 font-size: 12px; 
 height: 20px; 
 color: #000000;
 padding: 8px 0px 0px 0px;
 width: 45%;
 float: left;
}
.fullfield {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width: 99%; 
  height: 20px; 
  margin: 0px 1px 0px 0px;
  background: #FFFFFF;
  color: #000000;
  background: #F4F4F4;
  float: right;
}
.halffield {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width: 50%; 
  height: 20px; 
  margin: 0px 1px 0px 0px;
  background: #FFFFFF;
  color: #000000;
  background: #F4F4F4;
  float: right;
}
.flexfield {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  height: 20px; 
  margin: 0px 1px 0px 0px;
  background: #FFFFFF;
  color: #000000;
  background: #F4F4F4;
  float: right;
}
.full-area-100 {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width: 99%; 
  height: 100px; 
  background: #FFFFFF;
  color: #000000;
  background: #F4F4F4;
}
.area-label {
 text-align: bottom;
 font-size: 12px; 
 color: #000000;
 padding: 8px 0px 0px 0px;
}

/* shared forms classes */
.message { color: #FF0000; font-size: 12px}
.notice {
 font-size: 12px;
 color: #FF0000;
 background: #FFFFFF;
 border: #FF0000 solid;
 border-width: 1px 0px 1px 0px;
}
.formhelp {
  font-size: 11px; 
  color: #000000; 
  background-color: #F0F5F9; 
  text-align: left;
  border-width: 1px 0px 1px 0px; 
  border: #3D83A5 solid;
  padding: 2;
}
.formbox {
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  width: 100%; 
  height: 100px; 
  margin: 0;
  background: #FFFFFF;
  color: #000000;
  background: #F4F4F4;
}
.bttn100pct  { 
  font-family:  Verdana, Arial, Helvetica, sans-serif;  
  font-size: .12px; 
  font-weight: bold;
  color: #002484; 
  background-color: #FFFFFF;
  width: 100%;
	}


/* SELLER FORM */

.formhdr {
  border-top-color: #000099;
  border-top-style: solid;
  border-top-width: 4px;

  border-bottom-color: #000099;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 10;
  font-size: 16px;
  font-weight: bold;
}
.formftr {
  border-top-color: #000099;
  border-top-style: solid;
  border-top-width: 1px;

  border-bottom-color: #000099;
  border-bottom-style: solid;
  border-bottom-width: 4px;

  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 4;
  font-size: 12px;
}
.section_bottom {
  border-top-color: #000099;
  border-top-style: solid;
  border-top-width: 4px;

  border-bottom-color: #000099;
  border-bottom-style: solid;
  border-bottom-width: 1px;

  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 2;
  font-size: 11px;
  font-weight: bold;
}


/* seller form */

#seller-form {
 position: relative;
 width: 470px;
 border: #000000 solid 1px;
 font-size: 12px;
 padding: 1px;
}


/* default contact form */

#contact-form {
 position: relative;
 width: 400px;
 border: #000000 solid 1px;
 font-size: 12px;
 padding: 1px;
}

/* default subscription form */

#subscription-form {
  width: 200px;
  padding: 1px;
  margin: 1px;
  border: #000000 solid 1px;
  font-size: 12px;
}

/* LISTING TOOL */

.wclisting-display {
 margin: auto;
 width: 80%;
}
.wclisting-image-area {
 width: 550px;
 margin: auto;
 text-align: center;
}
.wclisting-descriptionbox {
 width: 550px;
 margin: 10px 0px 30px 0px;
}
.wclisting-freefield {
 color: #000000;
 margin: 0p 0px 30px 0px;
 text-align: left;
}
.wclisting-infobox {
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 color: #9C3000;
 margin: 10px 0px 30px 0px;
}
.wclisting-agent {
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 color: #9C3000;
 margin: 10px 0px 30px 0px;
}
.wclisting-detail-box {
 font-size: 12px;
 width: 500px;
 margin: 0px 0px 30px 0px;
}
.wclisting-room-box {
 font-size: 12px;
 width: 500px;
 border: #000000 solid 1px;
 margin: 0px 0px 30px 0px;
}
.wclisting-cell {
 border: #000000 solid 1px;
 text-align: center;
}
.wclisting-header-cell {
 border: #000000 solid 1px;
 text-align: center;
}
a.wclisting-link {
 color: #9C3000;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
}
#wclisting-directory {
 width: 560px;
 margin: auto;
}
.wclisting-directory-image {
 float: left;
 width: 120px;
}
.wclisting-directory-text {
 float: right;
 text-align: left;
 font-size: 12px;
 width: 430px;
 font-weight: bold;
}
hr.divider {
 clear: both;
 height: 1px;
 color: #00000;
}
a.wclisting-link:link {  color: #9C3000}
a.wclisting-link:active {  color: #FF0000}
a.wclisting-link:visited {  color: #9C3000}
a.wclisting-link:hover {  color: #FF0000}