* { margin: 0; padding: 0; outline: none; }
html, body { height: 100%; }
body { background: #333; font: 11px/18px Verdana, Helvetica, Arial, sans-serif; }
p { margin: 8px 0; }
a { color: #fff; }
a:hover { text-decoration: none; }

.wrapper { width: 900px; margin: 0 auto; }
#logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-blue.png') no-repeat; height: 156px; width: 181px; }
.logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-blue.png'); margin: 50px 0 0 30px; }
.mainbox { background: #fff; float: left; }

h1 { font: 32px/40px "Lucida Grande", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif; letter-spacing: -0.07em; margin: 5px 0; }
h2 { font: 24px/32px "Lucida Grande", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif; letter-spacing: -0.07em; margin: 5px 0; }
h3 { font: 16px/24px "Lucida Grande", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif; }

.fl_menu { padding-top: 95px; }
.fl_menu li { display: block; float: left; width: 150px; background-repeat: repeat-y; background-position: right; }
.fl_menu a { text-align: right; text-transform: uppercase; text-decoration: none; display: block; padding: 40px 5px 5px 0; font: 16px/16px "Lucida Grande", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif; }
.fl_menu li:hover a { padding-right: 10px; }
#menu_i_, #menu_i_ ul { background-color: #017a98; background-image: url('../gfx/menu-blue.png'); }
#menu_c_about_church, #menu_c_about_church ul { background-color: #669; background-image: url('../gfx/menu-purple.png'); }
#menu_b_magazine, #menu_b_magazine ul { background-color: #9c0; background-image: url('../gfx/menu-lime.png'); }
#menu_b_prayers, #menu_b_prayers ul { background-color: #c69; background-image: url('../gfx/menu-pink.png'); }
#menu_c_diary, #menu_c_diary ul { background-color: #9c6; background-image: url('../gfx/menu-green.png'); }
#menu_c_contact, #menu_c_contact ul { background-color: #f93; background-image: url('../gfx/menu-orange.png'); }
.fl_menu ul { position: absolute; background-repeat: repeat-y; background-position: right; display: none; }
.fl_menu ul li { float: none; }
.fl_menu ul a { font: 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 5px; }
.fl_menu ul a:hover { padding-right: 15px; }
.fl_menu li:hover ul { display: block; }

h1, h2, h3, .mainbox a { color: #09c; }
.lhs .cms_imgright { border-color: #09c; }
blockquote { margin: 8px 20px; background: #f6f6f6; padding: 1px 10px; border-left: 1px solid #09c; }

.colour_purple h1, .colour_purple h2, .colour_purple h3, .colour_purple .mainbox a { color: #669; }
.colour_purple .lhs .cms_imgright, .colour_purple blockquote { border-color: #669; }
.colour_lime h1, .colour_lime h2, .colour_lime h3, .colour_lime .mainbox a { color: #9c0; }
.colour_lime .lhs .cms_imgright, .colour_lime blockquote { border-color: #9c0; }
.colour_pink h1, .colour_pink h2, .colour_pink h3, .colour_pink .mainbox a { color: #c69; }
.colour_pink .lhs .cms_imgright, .colour_pink blockquote { border-color: #c69; }
.colour_green h1, .colour_green h2, .colour_green h3, .colour_green .mainbox a { color: #9c6; }
.colour_green .lhs .cms_imgright, .colour_green blockquote { border-color: #9c6; }
.colour_orange h1, .colour_orange h2, .colour_orange h3, .colour_orange .mainbox a { color: #f93; }
.colour_orange .lhs .cms_imgright, .colour_orange blockquote { border-color: #f93; }

.colour_purple #logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-purple.png') no-repeat; height: 156px; width: 181px; }
.colour_purple .logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-purple.png'); margin: 50px 0 0 30px; }
.colour_lime #logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-lime.png') no-repeat; height: 156px; width: 181px; }
.colour_lime .logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-lime.png'); margin: 50px 0 0 30px; }
.colour_pink #logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-pink.png') no-repeat; height: 156px; width: 181px; }
.colour_pink .logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-pink.png'); margin: 50px 0 0 30px; }
.colour_green #logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-green.png') no-repeat; height: 156px; width: 181px; }
.colour_green .logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-green.png'); margin: 50px 0 0 30px; }
.colour_orange #logo { position: absolute; top: 0; margin-left: -25px; background: url('../gfx/logo-geese-orange.png') no-repeat; height: 156px; width: 181px; }
.colour_orange .logotext { display: block; width: 278px; height: 44px; background: url('../gfx/logo-text-orange.png'); margin: 50px 0 0 30px; }

.lhs, .rhs { float: left; }
.lhs { width: 640px; padding: 10px; }
.rhs { width: 220px; padding: 10px; }
.mainbox .rhsbox a, .mainbox .rhsbox h3 { color: #fff; }
.zoom { text-align: right; margin-bottom: 10px; }
.rhsbox { background: #333 url('../gfx/rhs.png') repeat-y right; margin-bottom: 10px; padding: 5px 10px 1px; color: #fff; }
.rhsbox h3 { text-transform: uppercase; font-weight: bold; }
.rhsbox .cms_imgright { border-color: #fff; }

.footer { clear: left; padding: 10px 0 20px; text-align: right; color: #fff; }
.footer a { color: #fff; }

.fl_mailform label, .fl_label { display: block; font-size: 10px; text-transform: uppercase; margin: 5px 0 0; }
input, textarea, select { font: 12px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #ccc; }
input, textarea, select { width: 400px; margin-right: 5px; }
input:hover, textarea:hover, select:hover { background-color: #fff; border-color: #ccc; }
input:focus, textarea:focus, select:focus { background-color: #fff; border-color: #999; }
#mailspamcode, #commspamcode { width: 375px; }
.fl_mailform img { position: relative; top: 5px; }
.fl_postingform img { position: relative; top: -3px; }

input.emailsub, input.commentsub {
	display: block;
	width: auto;
	border: 1px solid #ccc;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 22px;
	font-size: 14px;
	background: #eee no-repeat 3px 4px;
	margin-left: 300px;
	background-image: url('../gfx/icons/email_go.png');
}
input.emailsub:hover, input.commentsub:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
}
input.emailsub:active, input.commentsub:active {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #369!important;
}
input.commentsub { margin: 5px 0 0 279px; background-image: url('../gfx/icons/comment_add.png'); }

#fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #ccc; }

.fl_blogpost1, .fl_blogpost2 { border-bottom: 1px dotted #ccc; }

.lhs ul { margin: 8px 20px; list-style-type: square; }
.lhs ol { margin: 8px 20px; }
.lhs ol li { margin: 8px 0; }
#fl_commsbox { margin: 10px 0; background: transparent; padding: 0; border: 0; }
table.bookings { border-collapse: collapse; }
table.bookings td { padding: 3px; border: 1px solid #ccc; }