@charset "iso-8859-1";
/*
 * stjohn style sheet for all browsers
 */


/*
 * MARGINS & DIVS
 */

body { margin: 0; padding: 0; }
img { border: 0px none; }

#stjohnHeader
{
	display: none;
}

#stjohnDiv
{
	margin-top: 21px;
	position: relative;
	align: centre;
}

#logoDiv
{
	text-align: center;
	margin-bottom: 21px;
}

#adDiv
{
	padding-left: 0;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 7px;
	margin-bottom: 0;
	z-index: 99;
	background-image: url('images/adtop_bg.gif');
	background-position:  left bottom;
	background-repeat: repeat-x
}

#adDiv .adPic img
{
	border: 1px solid #193E58;
	border-right-color: #557FA5;
	border-bottom-color: #557FA5;
}

#adDiv .adText
{
	padding-left: 7px;
	padding-right: 7px;
}

#adRightDiv
{
	position: absolute;
	left: 745px;
	top: 20px;
	width: 172px;
}

#contentDiv
{
	position: absolute;
	left: 208px;
	top: 0;
	width: 530px;
}

#checkinDiv
{
	position: absolute;
	left: -16px;
	top: 61px;
	z-index: 99;
}

#promoDiv
{
	margin-left: 15px;
	width: 167px;
	
	
}

/*
 * TEXT & LINK STYLES
 */

body, td, p, li, input, textarea, select, option, ul, ol, span
{
	color: #000;
	font-size: 11px;
	font-family: sans-serif;
}

a:link, a:visited
{
	color: #00A000;
	text-decoration: underline;
}

a:hover
{
	color: #FFCC00;
	text-decoration: underline;
}

a:active
{
	color: #FFCC00;
	text-decoration: underline;
}

img.ns6block { display: block; }
img.ns6bottom { vertical-align: bottom; }


/*
 * MAIN NAVIGATION
 */

.navi, a.navi:link, a.navi:visited
{
	color: #000;
	font-size: 11px;
	text-decoration: none;
	line-height: 140%;
}

a.navi:hover, a.navi:active
{
	color: #000;
	text-decoration: underline;
}

.naviselected, a.naviselected:link, a.naviselected:visited
{
	color: #000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.naviselected:hover, a.naviselected:active
{
	color: #000;
	text-decoration: underline;
}

.navipipe
{
	color: #666600;
}

/* 2nd level navigation */

.smallnavi, a.smallnavi:link, a.smallnavi:visited
{
	color: #000;
	font-size: 10px;
	text-decoration: none;
	line-height: 180%;
}

a.smallnavi:hover, a.smallnavi:active
{
	color: #000;
	text-decoration: underline;
}

.smallnaviselected, a.smallnaviselected:link, a.smallnaviselected:visited
{
	color: #000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	line-height: 180%;
}

a.smallnaviselected:hover, a.smallnaviselected:active
{
	color: #000;
	text-decoration: underline;
}


/*
 * OTHER CLASSES
 */
 
/* titles */

.heading
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.h1
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.h2
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.h3
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.subheading
{
	colour: #000;
	font-size: 11px;
	font-weight: bold;
}

/* calendar related */

.calendarheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 5px;
}
.event, a.event:link, a.event:visited, a.event:hover, a.event:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #195D7B;
	text-decoration: none;
}
.eventheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #195D7B;
	padding: 5px;
}
.time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #B24900;
	text-decoration: none;
	padding: 2px;
}

/* page footer */

.footer
{
	color: #FFF;
	font-size: 10px;
}

a.footer:link, a.footer:visited
{
	color: #FFF;
	text-decoration: underline;
}

a.footer:hover, a.footer:active
{
	color: #FFF;
	text-decoration: underline;
}

/* language selection */

.language
{
	color: #9CF;
	font-size: 10px;
}

a.language:link, a.language:visited
{
	color: #9CF;
	text-decoration: none;
}

a.language:hover, a.language:active
{
	color: #6CF;
	text-decoration: underline;
}

.languageselected
{
	color: #FFF;
	font-size: 10px;
}

a.languageselected:link, a.languageselected:visited
{
	color: #FFF;
	text-decoration: none;
}

a.languageselected:hover, a.languageselected:active
{
	color: #FFF;
	text-decoration: underline;
}

/* newsletter */

.nlbigheadline
{
	font-size: 14px;
	font-weight: bold;
}

.nlheadline
{
	font-size: 12px;
	font-weight: bold;
}

.nlauthor
{
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

/* extra colors */

.blueish
{
	color: #96B7CC;
}

.hilite, a.hilite:link, a.hilite:visited, a.hilite:hover, a.hilite:active
{
	color: #900;
}

.darkred, a.darkred:link, a.darkred:visited, a.darkred:hover, a.darkred:active
{
	color: #600;
}

.darkerred, a.darkerred:link, a.darkerred:visited, a.darkerred:hover, a.darkerred:active
{
	color: #5D1208;
}

.white, a.white:link, a.white:visited, a.white:hover, a.white:active
{
	color: #FFF;
}

.gold, a.gold:link, a.gold:visited, a.gold:hover, a.gold:active
{
	color: #330;
}

.green, a.green:link, a.green:visited, a.green:hover, a.green:active
{
	color: #060;
}

.greenish, a.greenish:link, a.greenish:visited, a.greenish:hover, a.greenish:active
{
	color: #990;
}

/* cell backgrounds */

.bgNavi
{
	background-image: url('images/default/navi/navi_bg.gif');
}

.bgContentRuler
{
	background-image: url('images/content_ruler.gif');
}

.bgContentLeft
{
	background-image: url('images/content_left_bg.gif');
}

.bgContentRight
{
	background-image: url('images/content_right_bg.gif');
}

.bgBlueLeft
{
	background-image: url('images/grey_l.gif');
}

.bgBlueRight
{
	background-image: url('images/grey_r.gif');
}

.bgBlueNarrowRight
{
	background-image: url('images/grey_narrow_r.gif');
}

.bgYellowLeft
{
	background-image: url('images/l_grey_l.gif');
}

.bgYellowRight
{
	background-image: url('images/l_grey_r.gif');
}

.bgHomepagePromoYellowLeft
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo_yellow_l.gif');
}

.bgHomepagePromoYellowRight
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo_yellow_r.gif');
}

.bgHomepagePromoOneLeft
{
	background-image: url('images/promo1_l.gif');
}

.bgHomepagePromoOneRight
{
	background-image: url('images/promo1_r.gif');
}

.bgHomepagePromoYellowLeft
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo_yellow_l.gif');
}

.bgHomepagePromoYellowRight
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo_yellow_r.gif');
}

.bgHomepagePromoTwoLeft
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo2_l.gif');
}

.bgHomepagePromoTwoRight
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/promo2_r.gif');
}

.bgHotelFullLeft
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/hcbox_l.gif');
}

.bgHotelFullRight
{
	background-image: url('http://i76.photobucket.com/albums/j10/Kavkid/hcbox_r.gif');
}

.bgAdRightTop
{
	background-image: url('images/grey_right_u.gif');
	background-position: 0 0;
	background-repeat: no-repeat
}

.bgAdRightBottom
{
	background-image: url('images/grey_right_d.gif');
	background-position: 0 0;
	background-repeat: no-repeat
}

.bgFluidAdRightTop
{
	background-image: url('images/grey_u.gif');
	background-position: 0 0;
	background-repeat: repeat-x
}

.bgFluidAdRightBottom
{
	background-image: url('images/grey_d.jpg');
	background-position: 0 0;
	background-repeat: repeat-x
}

.bgFluidAdRightTopRight
{
	background-image: url('images/grey_ur.gif');
	background-position: -1px 0;
	background-repeat: no-repeat
}

.bgFluidAdRightBottomRight
{
	background-image: url('images/grey_dr.gif');
	background-position: -1px 0;
	background-repeat: no-repeat
}

/* hiscore list */

table.hiscore th
{
	font-size: 10px;
}

/* general.tpl + view_post.tpl */

.newsContent {
	margin:0 0 1.5em 0;
}
.newsContent h1 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.newsContent h2 {
	colour: #000;
	font-size: 11px;
	font-weight: bold;
}
.newsContent .submessage {
	text-align:right;
	margin:1em 0 0 0;
}
.newsContent .message p {
	margin:0 0 1em 0;
	padding:0;
}
.newsContent .message blockquote {
	margin:1em;
	border-left:3px solid #ddd;
	padding:0 0 0 1em;
}
.newsContent .message pre {
	background-color:#eee;
	border:1px dashed #aaa;
	color:#000;
	margin:1em 0;
	padding:0.3em;
}
.newsContent .message img {
	border-style:none;
}
.newsContent .message ul {
	margin:0 0 1em 2.5em;
	padding:0;
}