/* Structure */

html,body
{
	margin:0px;
   font-family:'Georgia',serif;
	font-size:11pt;
	color:black;
}

body.withNavBar
{
	background:url('/images/navbar/background.png');
	background-repeat:repeat-y;
	background-color:#f4f3d4;
}

form
{
	margin:0px;
}

input.monospace,textarea.monospace
{
	font-family:monospace;
	font-size:10pt;
}

.formLabel,.formControl,.formSubLabel,.formSubControl,.formSubLabelCheckbox,.formError
{
	font-size:9pt;
}

.formLabel,.formControl,.formSubControl,.formSubLabelCheckbox
{
	white-space:nowrap;
}

.formLabel
{
	padding:0px 5px 5px 0px;
	text-align:right;
}

.formControl
{
	padding-bottom:5px;
}

.formSubLabel,.formSubControl
{
	padding-right:5px;
}

.formSubLabel,.formSubControl
{
	padding-right:5px;
}

.formSubLabelCheckbox
{
	padding-right:2px;
}

.formError
{
	padding:0px 0px 5px 0px;
}

/* Header */

div.loginPanel
{
	display:none;
	position:fixed;
	z-index:1002;
	padding:7px 7px 7px 10px;
	background:url('/images/login/background.png');
	_background:url('/images/login/background_solid.png');
	border-bottom:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
}

span.loginMessage
{
	color:red;
	font-weight:bold;
}

table.strapLine
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:45px;
	z-index:1000;
	padding:0px 20px 0px 221px;
	background:url('/images/header/background.png');
	background-repeat:repeat-x;
	background-color:#ccc6a7;
	border-bottom:1px solid #ccc6a7;
	text-align:right;
	color:#918160;
	font-size:10pt;
	font-style:italic;
	line-height:110%;
}

div.navbar
{
	position:absolute;
	left:0px;
	top:0px;
	width:201px;
	z-index:1001;
	background:url('/images/navbar/background.png');
	background-repeat:repeat-y;
	background-color:#b0d97f;
}

div.logo
{
	border-bottom:1px dotted #9ed36a;
}

div.tabs
{
	background:url('/images/navbar/tabs/background.png');
	background-repeat:repeat-y;
	background-color:#b0d97f;
}

div.tab,div.hoverTab,div.activeTab
{
	padding:5px 20px;
	font-size:11pt;
	font-weight:bold;
}

div.hoverTab
{
	background-color:#9ed36a;
}

div.activeTab
{
	background:url('/images/navbar/tabs/active.png');
	background-repeat:repeat-x;
	background-color:#4f3512;
	color:white;
	text-shadow:#37230b 2px 2px 3px;
}

a.tab,a.activeTab
{
	text-decoration:none;
}

a.tab,a.tab:hover,a.tab:active
{
	color:#7b592d;
}

a.activeTab,a.activeTab:hover,a.activeTab:active
{
	color:white;
}

div.tabDivider
{
	margin:0px;
	padding:0px;
	border-bottom:1px dotted #9ed36a;
}

div.memberLogin
{
	padding:5px 10px 5px 20px;
	font-size:8pt;
}

div.adminLogin
{
	padding:10px;
	font-size:7pt;
	text-align:right;
}

div.memberLogin a
{
	color:black;
}

div.adminLogin a
{
	text-decoration:none;
	color:#9ed36a;
}

div.adminLogin a:hover,div.adminLogin a:active
{
	text-decoration:underline;
}

/* Body */

div.body
{
	padding:65px 20px 0px 221px;
}

/* Content */

p,ul,ol,h1,h2,h3,h4,h5,h6
{
	margin-top:0px;
}

p,h1,h2,h3,h4,h5,h6
{
	margin-bottom:15px;
}

ul,ol
{
	margin-bottom:0px;
}

ul
{
	list-style-type:square;
}

li
{
	margin-bottom:15px;
}

h1
{
	font-size:18pt;
}

h2
{
	font-size:14pt;
}

h3
{
	font-size:11pt;
}

h4,h5,h6
{
	font-size:9pt;
}

hr
{
	visibility:hidden;
}

.rule
{
	height:1px;
	margin:15px 0px;
	border-top:1px dotted #ccc6a7;
}

img.hiddenPhoto
{
	display:none;
	opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	filter:alpha(opacity=0);
}

div.boxout,div.panel,div.listBox
{
	overflow:auto;
	border:1px solid #ccc6a7;
}

div.boxout,div.panel
{
	padding:5px 5px 0px 5px;
	background:url('/images/boxout/background.png');
	background-repeat:repeat-x;
	background-color:#e0dcbc;
}

div.panel
{
	margin-bottom:15px;
}

div.listBox
{
	margin-bottom:5px;
	background-color:white;
	overflow-x:hidden;
	overflow-y:auto;
}

div.boxout p,div.panel p,div.listBox p,div.boxout h2,div.panel h2,div.listBox h2,div.boxout h3,div.panel h3,div.listBox h3
{
	margin:0px;
	padding:0px 0px 5px 0px;
}

div.boxout .rule,div.panel .rule,div.listBox .rule
{
	height:1px;
	margin:0px -5px;
	border-top:1px dotted #ccc6a7;
	padding-bottom:5px;
}

div.boxout a,div.listBox a
{
	text-decoration:none;
}

div.boxout a:hover,div.listBox a:hover
{
	text-decoration:underline;
}

div.panel,div.boxout,div.listBox,.small
{
	font-size:9pt;
}

div.panel .small,div.boxout .small,div.listBox .small,div.footer
{
	font-size:8pt;
}

div.floatingGroup
{
	float:left;
	padding-right:10px;
}

div.listBox .item,div.listBox .selectedItem,div.listBox th,div.listBox td
{
	padding:3px 5px;
	border-bottom:1px dotted #ccc6a7;
}

div.listBox td td
{
	padding:0px;
	border:none;
}

div.listBox th,div.listBox .selectedItem
{
	background-color:#f1efd0;
	text-align:left;
	font-weight:bold;
}

div.listBox th
{
	border-bottom-style:solid;
}
	
div.footer
{
	padding:20px 0px;
}

/* Colours */

h1,h2,h3,h4,h5,h6
{
	color:#49b300;
}

a,div.boxout h1,div.panel h1,div.boxout h2,div.panel h2,div.boxout h3,div.panel h3,div.blogControls h3
{
	color:#4f3512;
}

a:hover
{
	color:#7c6846;
}

.error
{
	color:red;
}

/* Blog */

div.blogBody
{
	padding:65px 20px 0px 221px;
}

div.blogControls
{
	float:right;
	width:160px;
}

div.blogControls table
{
	margin-bottom:5px;
}

div.blogControls p
{
	font-size:9pt;
}

div.blogControls .rule
{
	height:1px;
	margin:0px -5px;
	border-top:1px dotted #ccc6a7;
}

div.blogEntry
{
	overflow:auto;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc6a7;
}

div.blogContent
{
	margin-right:180px;
}

div.blogSubContent
{
	float:right;
	margin-left:20px;
}

/* Events */

div.event
{
	overflow:auto;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc6a7;
}

div.eventContent
{
	margin-right:180px;
}

div.eventSubContent
{
	float:right;
	margin-left:20px;
}

div.eventMap
{
	float:right;
	width:280px;
	height:200px;
	margin:0px 0px 20px 20px;
	border:1px solid #ccc6a7;
}

div.eventBookingDetails
{
	overflow:auto;
	padding:20px 20px 10px 20px;
	margin-bottom:5px;
	background-color:white;
	border:1px solid #ccc6a7;
}

div.eventBookingDetails h2
{
	padding-top:0px;
}

/* Admin */

div.adminTabs
{
	overflow:auto;
}

div.adminTab,div.adminTabActive
{
	margin-right:2px;
	padding:5px;
	float:left;
	border:1px solid #ccc6a7;
	font-size:10pt;
}

div.adminTab
{
	margin-top:3px;
	padding-bottom:1px;
	background-color:#e0dcbc;
}

div.adminTabActive
{
	border-bottom:none;
	background-color:#f1efd0;
	font-weight:bold;
}

div.adminTabs a
{
	text-decoration:none;
}

div.adminTabs a:hover
{
	text-decoration:underline;
}

div.adminMembersContent
{
	margin-left:215px;
}

textarea.adminReport
{
	border:none;
	padding:20px;
	font-family:serif;
	font-size:12pt;
}