html * {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	text-align: center;
	background: rgb(255,255,255) top left repeat-x url(icms_assets/images/stjohns_background_gradient.png);
}

a {
	outline: none;
}

img {
	border: 0;
}

fieldset {
	border: 1px solid rgb(240, 240, 240);
	padding: 4px;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 16px;
}

#wrapper {
	width: 995px;
	margin: 0 auto; padding: 0;
}

#container {
	position: relative;
	float: left;
	width: 995px;
	margin: 0 auto; padding: 0; border: 0;
	background-color: rgb(255,255,255);
	/*
	border-left: 1px solid rgb( 96, 96, 96 );
	border-right: 1px solid rgb( 96, 96, 96 );
	border-bottom: 1px solid rgb( 96, 96, 96 );
	*/
}

#header {
	position: relative;
	text-align: left;
	width: 995px;
	height: 256px;
	margin: 0 auto;
}

#header #flashMovie {
	width: 995px;
	height: 256px !important;
	margin: 0; padding: 0;
	float: none; clear: both;
}

#header h1 {
	display: none;
}

#header h1 a {
	text-decoration: none;
	color: rgb( 255, 255, 255 );
}

#header h2 {
	display: none;
}

#header img {
	margin: 0;
	padding: 0;
	clear: right;
}

#header-shadow {
	height: 15px;
	background: top left repeat-x url(icms_assets/images/header_shadow.gif);
}

/*
 * DIV "header-showcase" styles
 */

#lhmenu {
	float: left;
	clear: left;
	width: 190px;
	text-align: left;
	background-color: rgb(255,255,255);
}

#lhmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#lhmenu li {
	padding: 0;
	margin: 0;
	width: 190px;
	height: 28px;
	border-top: 1px solid rgb(255, 255, 255);
}

#lhmenu li a {
	display: block;
	width: 170px; height: 24px;
	margin: 0; padding-left: 20px;	padding-top: 4px;
	color: #4a4a4a;
	text-decoration: none;
	font-size: 0.9em;
}

#lhmenu li a:hover {
	background-color: rgb(76, 89, 63);
}

#lhmenu .contact-graphic {
	float: left;
	width: 187px;
	height: 26px;
	margin: 4px; padding: 0;
	background: top left no-repeat url(icms_assets/images/button_contactus.jpg);
}

#lhmenu .roomcheck-graphic {
    float: left;
    width: 187px;
    height: 55px;
    margin: 4px; padding: 0;
    background: top left no-repeat url(icms_assets/images/check_availability.jpg);
}

#lhmenu .eviivo-graphic {
	float: left;
	width: 187px;
	height: 26px;
	margin: 4px; padding: 0;
	background: top left no-repeat url(icms_assets/images/booknow.jpg);
}

#lhmenu .specialoffers-graphic {
	float: left;
	width: 187px;
	height: 26px;
	margin: 4px; padding: 0;
	background: top left no-repeat url(icms_assets/images/button_specialoffers.jpg);
}

.menu-level-0 a {
	background-image: url(icms_assets/images/stjohns_menu_background.png); /* menu */
}

.menu-level-5 a {
	background-image: url(icms_assets/images/stjohns_menu_background.png); /* menu */
}

.menu-level-10 a {
	background-image: url(icms_assets/images/stjohns_menu_background.png); /* menu */
}

/*
 * DIV: "content" styles
 */

#content {
	position: relative;
	float: left;
	text-align: left;
	display: block;
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	color: rgb(64, 64, 64) !important;
	/*
	border-left: 1px solid rgb( 240, 240 240 );
	border-right: 1px solid rgb( 240, 240 240 );
	border-bottom: 1px solid rgb( 240, 240 240 );
	*/
}

#content h1 {
	position: relative;
	left: +16px;
	margin: 0;
	padding: 16px 0 0 0;
	color: rgb(64,64,64);
	font-size: 1.4em;
}

#content p {
	margin: 0;
	padding-top: 8px;
}

#content ul {
	margin-top: 1.5em;
	margin-left: 3.0em;
	list-style-type: square;
}

#content li {
	margin: 0;
	padding: 0;
}

a {
	margin: 0;
	color: #3366cc;
}

#content img {
	border: 1px solid rgb(0, 0, 0);
	margin: 8px;
}

#content-right {
	float: right;
	background-color: #eee;
	width: 195px;
	margin: 0;
	padding: 0;
	height: 100%;
}

#module {

}

#module h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: rgb(64, 64, 64);
}

#footer {
	position: relative;
	float: none; clear: both;
    text-align: center;
    padding-top: 16px;
}

#footer #links {
    position: relative;
    left: +150px;
    margin: 0 auto;
	padding-bottom: 24px;
}

#footer .aa-link {
	float: left;
	width: 89px;
	height: 96px;
	background: top left no-repeat url(icms_assets/images/footerlogo_aa.png);
}

#footer .enjoyengland-link {
	float: left;
	width: 89px;
	height: 110px;
	background: top left no-repeat url(icms_assets/images/footerlogo_enjoyengland3.gif);
}

#footer .coeliac-link {
	position: relative; top: +32px;
	float: left;
	width: 214px;
	height: 110px;
	background: top left no-repeat url(icms_assets/images/footerlogo_coeliac.gif);
}

#footer .tclogo-link {
    position: relative; top: +24px;
    float: left;
    width: 123px;
    height: 110px;
    background: top left no-repeat url(icms_assets/images/footerlogo_partner.png);
}

#footer .eviivo-link {
	position: relative; top: +24px;
	float: left;
	width: 123px;
	height: 110px;
	background: top left no-repeat url(icms_assets/stjohns_frontdesk.jpg);
}

#footer .vegsoc-link {
    float: left;
    width: 138px;
    height: 96px;
    background: top left no-repeat url(icms_assets/images/stjohns_vegsoc.gif);
}

#footer a {
	display: block;
	height: 96px;
	padding: 0;
	margin: 0;
}

a:hover {
	color: rgb(73, 82, 64);
}

.text-only {
	display: none;
}

.small {
	font-size: 0.8em;
}

/* -----------------------------------------------------------------
 * STYLES USED IN SPAW EDITOR TO ALLOW LEFT/RIGHT ALIGNMENT OF ITEMS
 * -------------------------------------------------------------- */

.floatl {
	display: block;
	float: left;
}

.floatr {
	display: block;
	float: right;
}

.floatncb {
	display: block;
	float: none;
	clear: both;
}

/* ---------------------------------------------------------------
 */

.box-top-421 {
	width:421px; height: 15px; background: top left no-repeat url(icms_assets/images/home_box_top.png);
}

.box-outer-421 {
	width:421px; background: repeat-y url(icms_assets/images/home_box_repeat.png);
}

.box-inner-421 {
	width: 380px; margin: 0 auto; padding-bottom: 16px;
}

.box-bottom-421 {
	width:421px; height: 14px; background: top left no-repeat url(icms_assets/images/home_box_bottom.png);
}}