body { margin:0; padding: 0; background: #FFFFFF url(background.gif?d=20100821) center top repeat-y; text-align: center; }

#container { width: 776px; background-color: #F9F5D3; position: relative; margin: 0 auto; text-align: left; }

#languages { height: 23px; padding: 5px 20px 0 20px; font-size: 10px; }
#languages a { float: left; display: block; height: 15px; padding-top: 0; padding-left: 20px; padding-right: 12px; text-decoration: none; }
#languages a.selected { font-weight: bold; }
#languages a:hover { text-decoration: underline; }
#flag-en { background: url(http://www.university-rooms.com/css/flags/en.gif) 0 2px no-repeat; }
#flag-fr { background: url(http://www.university-rooms.com/css/flags/fr.gif) 0 2px no-repeat; }
#flag-de { background: url(http://www.university-rooms.com/css/flags/de.gif) 0 2px no-repeat; }
#flag-it { background: url(http://www.university-rooms.com/css/flags/it.gif) 0 2px no-repeat; }
#flag-es { background: url(http://www.university-rooms.com/css/flags/es.gif) 0 2px no-repeat; }

#header { height: 165px; width: 776px; padding-top: 5px; background: url(montage.jpg) no-repeat; text-align: center; margin: 0; }

#strapline { width: 300px; height: 17px; margin: 4px auto; background: url(straplines/en.gif) 0 0 no-repeat; }
#strapline a { text-decoration: none; text-indent: -9999px; display: block; width: 100%; height: 100%; }
#strapline a:hover { background: url(straplines/en.gif) 0 -20px no-repeat; }
#strapline.fr, #strapline.fr a:hover { background-image: url(straplines/fr.gif); }
#strapline.de, #strapline.de a:hover { background-image: url(straplines/de.gif); }
#strapline.it, #strapline.it a:hover { background-image: url(straplines/it.gif); }
#strapline.es, #strapline.es a:hover { background-image: url(straplines/es.gif); }


.sidebar { position: absolute; right: 17px; top: 180px; width: 200px; padding: 5px 0 0 20px; }
.sidebar h3 { font-size: 14px; margin-bottom: 0; padding-bottom: 0; }
.sidebar p { margin-top: 4px; padding-top: 0; margin-bottom: 20px; }
.sidebaricon { clear: left; float: left; padding: 0 10px 5px 0; background: url(iconshadow.gif) 0 55px no-repeat; }

.content { margin: 20px 0 40px 20px; width: 500px; min-height: 460px; height: auto !important; height: 460px; border-right: #203180 solid 1px; padding-right: 20px;  }		/* Hack */
.content h1 { padding-top: 2px; margin-top: 0; }

.spread { margin: 20px 20px 40px 20px; min-height: 340px; height: auto !important; height: 340px; position: relative; }		/* Hack */
.spread h1 { padding-top: 2px; margin-top: 0; }

.right { position: absolute; top: 10px; right: 0; width: 250px; }
.right p, .right h3, .right table.form { margin-left: 3px; }

#footer { color: #959382; font-size: 10px; border-top: 2px #D9D5B8 solid; padding-top: 4px; margin: 20px 20px 10px 20px; }
#footer a:link, #footer a:visited	{ color: #959382; }
#footer a:hover, #footer a:active { color: #65645B; }

.restrict { width: 80%; }

table.horizgrid td { padding: 2px 6px; border-bottom: 1px solid #999999; }
table.horizgrid tr.header td { padding: 5px 6px; background-color: #203180; font-weight: bold; color: #FFFFFF; border-bottom: none; }

div.vendor { width: 222px; padding: 8px 0 8px 8px; height: 110px; background: url(fade.jpg) 0 0 no-repeat; margin: 0 20px 4px 0; float: left; } 
div.vendor img { float: left; padding-right: 8px; padding-bottom: 20px;  }
div.vendor h2 { margin-top: 0; padding-top: 2px; margin-bottom: 4px; font-size: 13px; font-weight: bold; line-height: 16px; }
div.vendor p { margin-top: 0;  }

img.stars, div.vendor img.stars { padding-bottom: 6px; float: none; }


/* Calendar */

#quickcheck { position: relative; clear: both; height: 130px; margin-top: 20px; }
#quickcheck #calendar { position: absolute; top: 0; right: 0; width: 210px; }

#calendar { height: 130px; }
#quickcheck h3 { margin: 0; padding: 0 0 8px 0; }
#calendar h3 { margin: 0; padding: 0 0 2px 0; }

#calendar table th {
	text-align: center; font-weight: bold;
	padding: 0; color: #333333;
	}
#calendar table td {
	text-align: center; 
	padding: 1px; cursor: default; 
	}
#calendar table td div { width: 25px; height: 15px; padding: 1px 0; border: #F9F5D3 solid 1px; line-height: 15px; }

#calendar table td.early div, #calendar table td.earlyhighlight div { background-color: #DADFCE; color: #AAAAAA; }
#calendar table td.no div, #calendar table td.nohighlight div { background-color: #94ACC2; color: #FFFFFF; }
#calendar table td.yes div { background-color: #3064B1; color: #FFFFFF; }

#calendar table td.yeshighlight div { background-color: #52B600; color: #FFFFFF;  }
#calendar table td.yeshighlight, #calendar table td.nohighlight, #calendar table td.earlyhighlight { background-color: #52B600; font-weight: bold; }

#calendar table td.jump { font-size: 13px; font-weight: bold; }
#calendar table td.jump a { text-decoration: none; }