@import url('Reset.css');
/* CSS layout */
body {
	font-family: Verdana,sans-serif;
	font-size: .9em;
	color: #800000;
	background-color: white;
}
#container {
	border-style: solid;
	width: 90%;
	margin: 20px auto;
	background-position: -112px;
	background-image: url('a1.png');
	background-repeat: repeat;
	line-height: 130%;
}
#top {
	height: 149px;
	background-image: url('images/bg1.png');
	background-repeat: repeat-y;
	padding: .5em 0em 0em 0em;
}
#header h1 {
	margin: 0 20px;
	font-size: 2.8em;
	line-height: 1.5em;
	float: right;
}
.headbox {
	float: left;
}
.headboxright {
	float: right;
	overflow: hidden;
}

.head {
	width: auto;
	height: auto;
	max-width: 286px;
}
.displayed {
	border: 1px solid black;
	max-width: 200px;
	margin-right: 7px;
}
#leftnav {
	float: left;
	width: 160px;
	padding: 1em;
}
#rightnav {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0em;
}
#content {
	text-align: justify;
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;


	/*max-width: 30em;*/
}
#content p {
	margin: 0em 1em 1em .5em;
	float: none;
}
#footer {
	clear: both;
	padding: .2em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}
#w3c p {
	text-align: center;
}
/*#leftnav p, #rightnav p {
	
}*/
#content h2 {
	margin: 0 0 .5em 0;
}
#menu-page a {
	display: block;
	line-height: 1.2em;
	background-color: #009900;
	text-decoration: none;
	color: #800000;
}
.sitemap a {
	margin: 10px 150px 10px 150px;
	display: block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	color: #800000;
	background-color: #FFFFCC;
}
.sitemap a:hover {
	background-color: #BEE5BE;
	color: #800000;
}
/*a:link {color:#fff; background:#00d; text-decoration:none;}
a:visited {color:#fff; background:#080;}
a:hover {color:#fff; background:#c00;}
a:active {color:#000; background:#cc0;}*/
/*a:link {}*/
a:hover {
	font-size: 1.1em;
	font-weight: bold;
}



/*a:visited {
	
}*/
/*a:active{
	
	
}*/
body#home a.home, 
body#facilities a.facilities, 
body#activities_room a.activities_room, 
body#i_t_training_room a.i_t_training_room, 
body#main_hall a.main_hall, 
body#meeting_room a.meeting_room, 
body#main_kitchen a.main_kitchen, 
body#room_availability a.room_availability, 
body#whats_on a.whats_on, 
body#about_us a.about_us, 
body#contact_us a.contact_us,
body#links a.links,
body#site_map a.site_map 
{
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	border-bottom-color: #800000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
}
#disabled {
	padding: 0em 1em;
	font-size: .8em;
	width: auto;
	height: auto;
	background-color: #E7FFE7;
	border: 2px maroon solid;
	color: maroon;
}
#disabled img {
	float: right;
	padding: 1.1em 0em 0em 0em;
}
#menu-page h3 {
	text-align: center;
}
.sticky_note_container {
	width: 200px;
	margin-right: 5px;
	margin-left: 0px;
	margin-top: -20px;
}
.sticky_note {
	width: 200px;
	min-height: 240px; /* make sure you have uploaded the following image */;
	background-image: url("images/note_middle.gif");
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}
.sticky_note_content {
	padding: 20px 30px 0px 30px;
	color: blue;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	background-color: #ffff99;
}
.sticky_note_content a:hover{
	font-size: .9em;
	
}
.sticky_note_footer {
	width: 200px; /* make sure you have uploaded the following image */;
	background-image: url("images/note_finish.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content a {
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
}
#content a:hover {
	color: blue;
}