body {
  margin: 0;
  padding: 0;
  background:  #A3895C; 
  background: #513113;
  font-size: 20px;
  font-family: helvetica, sans serif, arial;
  color: #1C1C1C;
  min-width: 900px;
  text-align: left;
}


a, a:visited, a:hover, a:active {
  color: #000;
  text-decoration: none;
  outline: none;
}

a:hover {

}

a img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  text-align: center;
}

#main {
  background-repeat: no-repeat;
  background-position: left top;
  margin-right: 10px;
  margin: 20px 10px 0 10px;
  position: relative;
}

#left {
  margin-top: 128px;
  width: 210px;
  float: left;
  text-indent: -5000px;
}

.clearing {
  height: 0;
  clear: both;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*****************/
/* PAGE-SPECIFIC */
/*****************/


#home { background: url(images/gradient_background_home.png) top right repeat-y; }
#apthotel { background: #FFF url(images/gradient_background_apthotel.png) top right repeat-y; }
#dormitories { background: url(images/gradient_background_dormitories.png) right repeat-y; }
#prices { background: #FFF; }
#prices_main { background: #FFF; }
#reservations { background: #FFF right repeat-y; }
#maps { background: #FFF; }
#tour { background: #FFF right repeat-y; }
#links { background: #FFF right repeat-y; }
#links_and_events { background: #FFF right repeat-y; }
#events { background: #FFF right repeat-y; }

#main { height: 900px; color: #EED; line-height: 2em; list-style: square; }
#home #main { background: url(images/background_home_new.jpg) 0px 10px no-repeat; }
#apthotel #main { left: -100px;; }
#dormitories #main { background: url(images/background_dormitories_new.jpg) no-repeat; }
#prices_main #main { left: 100px;; background: url(images/image_background_prices.png) no-repeat -240px -170px; }
#prices #main { background: url(images/background_prices.png) no-repeat; }
#reservations #main { background: url(images/background_reservations.jpg) -30px -20px no-repeat; }
#maps #main { background: url(images/background_map.jpg) 0px 10px no-repeat; }
#tour #main { background: url(images/background_tour.jpg) 0px 10px no-repeat; }

#links_and_events  #main { background: url(images/background_links.png) no-repeat 120px 50px; height: 200px; }
#links #main { background: url(images/background_links.png) no-repeat 120px 50px; height: 500px; }
#events #main { background: url(images/background_links.png) no-repeat 120px 50px; height: 500px; }

/************/
/* SIDEBAR */
/************/

#footer {
  font-size: 14px;
  margin: 40px;
}

#sidebar {
  width: 200px;
  margin-top: 20px;
}

#sidebar h1 {
  font-size: 26px;
  padding: 10px 10px 10px 10px;
}

#sidebar_nav {
  list-style-type: cjk-ideographic; 
  margin: 0 0 0 35px;
  padding: 0;
}

#sidebar_nav li {
  margin: 5px 0 0 0;
  padding: 0;
}

#sidebar_nav li ul {
  margin: 0 0 0 0px;
  padding: 0;
  list-style: square;
}

#sidebar_picture_nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar_picture_nav li {
  text-align: center;
  padding: 5px 0 0 0;
  border-top: solid 2px #4F4136;
}

#sidebar_picture_nav li img {
  width: 190px;
}

/************/
/* HEADER */
/************/

#header {
  height: 110px;
  padding: 4px;
  margin: 0px 0 10px 0;
  position: relative;
  width: 1030px;
}

#logo {
  width: 180px;
  height: 161px;
  text-indent: -5000px;
  float: left;
  background: url(images/logo.gif) 10px 0px no-repeat;
}

#header_nav {
  margin: 0 0 0 100px;
  padding: 0;
  height: 110px;
  list-style: none;
  text-align: center;
  white-space:nowrap;
}

#header_nav li {
  margin: 0 5px 0 5px;
  padding: 0 0 0 0px;
  display: block;
  width: 110px;
  height: 110px;
  float: left;
  
}

#header_nav li a {
  display: block;
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  font-size: 20px;
  text-indent: -5000px;
  text-align: center;
  padding: 0;
}


#header_nav li a:hover {
  color: black !important;
}

#header_nav_home a { background: url(images/header_button_home.png); }
#header_nav_apthotel a { background: url(images/header_button_apthotel.png); }
#header_nav_dormitories a { background: url(images/header_button_dormitories2.png); }
#header_nav_prices a { background: url(images/header_button_prices.png); }
#header_nav_reservations a { background: url(images/header_button_reservations.png); }
#header_nav_maps a { background: url(images/header_button_maps.png); }
#header_nav_tour a { background: url(images/header_button_tour.png); }
#header_nav_events a { background: url(images/header_button_gallery.png); }
#header_nav_links a { text-indent: 0px !important; color: #333; background: url(images/header_button_links_full.png); }
#header_nav_meals a { background: url(images/header_button_meals.png); }

#header_nav_home a:hover,
#header_nav_apthotel a:hover,
#header_nav_dormitories a:hover,
#header_nav_prices a:hover,
#header_nav_reservations a:hover,
#header_nav_maps a:hover,
#header_nav_tour a:hover,
#header_nav_events a:hover,
#header_nav_links a:hover,
#header_nav_meals a:hover { 
  margin: 1px 0 0 0;
}


#header_nav li#caution_message {
  background: url(images/caution_bg.png) no-repeat;
  height: 110px !important;
  width: 200px !important;
  padding: 32px 0px 0 0px;
  font-size: 11px;
  color: red;
  font-weight: bold;
}

/************/
/* CONTENT */
/************/

#wrapper {
  width: 900px;
  white-space: wrap;
  margin: 0 auto;
  text-align: left;
  padding: 20px 20px 0px 20px;
}

#home_nav {
}

#home_nav li {
  display: block;
  line-height: 1.5em;
  font-size: 12px;
  padding: 20px 0;
}

#home_nav li a {
  font-size: 16px;
  font-weight: bold;
}

#main a {
  text-decoration: underline;
}

#main iframe {
  border: solid 2px black;
}

#main h3 {
  text-align: left;
  margin: 0 20px;
}

#main h4 {
  font-size: 25px;
  color: #0B0E83;
}

#main p,
#main table,
#main ol {
  margin: 20px;
}

iframe#laguardia_map,
iframe#jfk_map {
  width: 100%;
  height: 350px;
}

#events_list,
#gallery_list {
  width: 700px;
  margin: 0 auto;
  list-style: none;
}

#events_list li,
#gallery_list li {
  background: url(images/gallery_square.png) no-repeat top left;
  width: 110px;
  height: 110px;
  float: left;
  vertical-align: top;
  margin: 0 50px 40px 0;
}

#events_list li a,
#gallery_list li a {
  position: relative;
  display: block;
  width: 101px;
  height: 100px;
  overflow: hidden;
}

#events_list li a img,
#gallery_list li a img {
  width: 200px;
}

#clock {
  position: absolute; 
  vertical-align: top;
  top: 970px; 
  left: 450px; 
  padding: 10px; 
  font-family: 'Synchro LET', 'Orator Std', 'OCR A Std', 'Courier'; 
  width: 300px; 
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
}



/*
COLOR SCHEME: MELON
ORANGE: #F1A025
LIGHT ORANGE: #E2C038
YELLOWISH: #D9F57F
LIGHT GREEN: #99F353 
GREEN: #56DF34
*/