/*
.hassopTitle {  font-family: Arial; font-size: 11px; color: #999999; text-decoration: none; background-color: #FFFFFF; font-weight: normal; line-height: normal; text-transform: none}
.mainText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; font-weight: bold}
.titleBreaks {  font-family: Arial; font-size: 16px; font-weight: bolder; color: #666666; text-decoration: none; top: auto; clip:   rect(10px   ); vertical-align: middle}
.HassopHallHotel {  font-family: NuptialScript; font-size: 36px; font-weight: bolder; color: #666666}
.pictureTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #000000; line-height: 30px; background-position: center center; font-style: normal; text-align: left; vertical-align: middle; font-weight: bold; text-decoration: none}
.menuHeader {  font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold}
.mainTextLight {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333}
.pictureTextBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.PictureHeaderText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666}
*/

body {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 12px; 
	text-align: center;	/* to help IE bugs! */
}
/*
h1 {
	font-size: 150%;
	text-align: left;
	margin: 0px 0 10px 10px;
	padding-top: 10px;
}
*/
p, ul {
	margin: 0 0 6px 0;
}

/*****
  div container is just within  the body tag
*****/  
#container {
	position: relative;
	width: 950px;
	margin: 20px auto 0 auto;
/*	border: 1px solid #063;*/
	background-color: white;
}
/*****
  div content is the useable part of the page within container
*****/  
#content {
	position: relative;
	width: 850px;
	margin: 0 auto;
}


#logoholder {
	position: relative;
	float: left;
	width: 200px;
	height: 140px;
	margin-top: 30px;
	margin-left: -50px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #063;
}

#logoholder img {
	margin-top: 20px;
}

#banner {
	position: relative;
	float: right;
	width: 700px;
	height: 132px;
	margin-top: 2px;
	margin-bottom: 8px;
	margin-right: -20px;
}

#navbar {
	text-align: center;
	color: gray;
	clear: both;
/*	background-color: #BBD6B7;*/
	width: 850px;
	height: 40px;
	line-height: 40px;
/*	margin-bottom: 10px;	
*/
}
#navbar a, #navbar span {
/*	background-color: #BBD6B7;*/
	color: gray; /*#060;*/
	text-decoration: none; 
	padding: 0 6px 0 6px;

}
#navbar a:hover {
	background-color: gray; /*#060;*/
	color: #FFF;
}

#mainpage {
/*	background-color: #BBD6B7;
*/
	position: relative;
	width: 850px;
	height: 330px;
	border-top: 1px gray solid;
	border-bottom: 1px gray solid;
}

#text {
	position: relative;
	display: table;
	float: left;
	width: 405px;	/***410***/
	height: 300px;
	text-align: left;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 12px; 
}
#text1 {
	position: relative;
	float: left;
	width: 405px;	/***410***/
	height: 260px;
	text-align: left;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 12px; 
}

#text ul.links,
#text1 ul.links {
    list-style-type: none;
    padding: 0.5em 0em 0.9em 0em;
	margin-left: 20px;
}
#text a,
#text1 a {
	color: #000;
}

#text ul.links a,
#text1 ul.links a  {
	padding: 0 5px;
	color: #000;
}

#text ul.links a:hover, 
#text a:hover,
#text1 ul.links a:hover, 
#text1 a:hover {
	background-color: gray; /* #060;*/
	color: #FFF;
}

#text h1 {
	font-size: 150%;
}
#text h2 {
	font-size: 110%;
}

.text {
	float: left;
	width: 100%;
	text-align: left;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 12px; 
}
.text h1 {
	font-size: 150%;
}

#position { 
	display: table-cell; 
	vertical-align: middle; 
}
#iecontent {
}

#graphics {
	position: relative;
	float: right;
	width: 425px;	/***420***/
	height: 300px;	/***260***/
/*	vertical-align: middle;*/
	padding: 5px 0 5px 0;	/*** 10 -> 5 ***/
	text-align: left;
}
#graphics img {
	display: inline;
	margin: 5px;	/***new***/
}

#footer {
	position: relative;
	text-align: center;
	margin: 10px 0;
	color: #777;
}

#footer a {
	text-decoration: none;
	color: #777;
}
#footer a:hover {
/*	color: #000;
*/
	background-color: gray; /* #060;*/
	color: #FFF;

}

.centre {
	text-align: center;
}