/* set all margins and pagging */
* {
margin: 0px;
padding: 0px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background: #e7f5fd ;
	color: #555;
	font-size: .9em;
	text-align: center;
}

a {
color: #555;
}

a:active {
color: #000;
}

a:hover {
color: #000;
}

table {
font-size:100%;
}

/* set all heading to same*/
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight: bold;
color: #555;
font-size: 110%;
margin: 10px 0px 10px 0px;
}

/* specific heading settings */
h1 {
font-size: 180%;
color: #555;
margin: 10px 0px 5px 30px;
}

h2 {
font-size: 120%;
color: #555;
}

h3 {
font-size: 100%;
color: #555;
}

h6 {
font-size: 90%;
color: #555;
font-weight: normal;
margin:  8px 0px 8px 0px;
}

ul, ol {margin: 8px 0px 8px 30px;}
li {margin: 0px 0px 8px 0px;}

p {margin: 8px 0px 8px 0px;}

/* define main page areas */
/* ====================== */
#photobar {
position: absolute;
left: 0px;
right: 0px;
top: 5em;
background: #d2ecfc;
text-align:center;
height: 140px;
}



#container {
position: relative;
width: 780px;
margin: 0px auto 20px auto;
text-align: left;
background: #d2ecfc;
}

#skiplinks {
position: absolute;
left: -1000px;
}


#header {
position: relative;
background: #92b6e3;
color: #555;
height: 240px;
font-size: 1em;
width: 100%;
}

#heading {position: absolute;
height: 40px;
width: 100%;
}
#heading p {margin: 0px 0px 0px 30px;}

#photos {position: relative;
width: 780px;
background: #92b6e3;
text-align: left;
margin: 0px;
top: 5em;
height: 140px;
}

#menutop {position: relative; bottom: 3px; left: 0px;top: 5.4em;
}
#menutop ul {list-style-type: none;margin: 0px 0px 0px 5px; }
#menutop li {
display: block;
float: left;
margin: 0px 19px 0px 0px;
}
#menutop li a {
font-size: 80%; text-decoration: none;
color: #555;
}
#menutop li a:hover {
color: #222;
}


#mainbody {
position: relative;
width: 100%;
overflow: auto;
}
#mainbody h1 {
font-size: 120%;
text-align: center;
}

#contentleft {
position: relative;
margin: 0px 0px 20px 30px;
width: 335px;
float: left;
}
#contentright {
position: relative;
margin: 0px 30px 20px 0px;
width: 335px;
float: right;
}

#content {
position: relative;
margin: 10px 20px 20px 20px;
text-align: left;
}
/*

#menuleft {
float: left;
border: 1px solid #080;
width: 120px;
}


#menuright {
float: right;
border: 1px solid #080;
width: 80px;
height: 150px;
overflow: auto;
}

#menuright img { float:right; display: block;}
*/

.font1 {font-family: arial;}
.font2 {font-family: tahoma;}
.font3 {font-family: "century gothic";}
.font4 {font-family: verdana;}


#footer {
text-align: center;
margin: 10px 0px 10px 0px;
clear: both;
font-size: 70%;
}

/* menus as ul list so set-up look and feel */
#menuleft ul {
list-style-type: none;
margin: 0px 0px 10px 10px;
}

#menuleft ul li {
width: 100px;
margin-bottom: 5px;
}

#menuleft a:link {
text-decoration: none;
}

#menuleft a:visited {
text-decoration: none;
}

#menuleft a:active {
text-decoration: underline;
}

#menuleft a:hover {
text-decoration: underline;
}

.bold {
font-weight: bold;
}

.red {
color: #f00;
}

.centre {
text-align: center;
}

.imagefr {
float: right;
margin: 0px 0px 10px 20px;
}

.imagefl {
float: right;
margin: 0px 20px 10px 0px;
}


form {
display:inline;
} 
input, textarea, select {
border: 1px solid #730B0A;
}

label {
font-weight: normal;
cursor: pointer;
}

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #730B0A;
background: #eee;
}

.mandatory {
color: #f00;
}

div.ptable {
overflow: auto;
width: 600px;
position: relative;
background: #cccccc;
border: 1px solid #730B0A;
color: #000000;
padding: 2px;
}

div.prow {
overflow: auto;
width: 100%;
margin: 0px 0px 0px 0px;
}

div.prow span.coll {
float: left;
width: 150px;
text-align: left;
} 

div.prow span.colr {
float: right;
width: 430px;
text-align: left;
}

/* =================== */
/* segment templates   */
/* =================== */
.segment {
margin: 10px 0px 10px 0px;
padding: 0px;
position: relative;
width: 100%;
display: block;
}

/* site specific templates   */
/* ========================= */

.segmenttpl2 {
margin: 0px 0px 0px 0px;
}

.segmenttpl2 .segment, .segmenttpl2 p {
margin: 0px;
float: left;
width: 260px;
}

/* CALENDAR FORMATTING */
/* =================== */
#calendar {
position: relative;
overflow: auto;
font-size: 90%
}

#calendar .month table {
border-collapse: collapse;
font-family: tahoma;
font-size: 100%;
margin: 0px auto 0px auto;
background: #fff;
}

#calendar .month th {
padding: 0px 3px 0px 3px;
width: 2em;
color: #000;
}

#calendar .month td {
padding: 0px 3px 0px 3px;
width: 2em;
color: #000;
}

.booked {
background: #92b6e3;
color: #fff;
}

.free {
background: #efe;
font-weight: normal;
}

.prov {
background: #F4D084;
}

.na {
background: #ddd;
}

.we {
background: #ccc;
color: #333;
}

#calendar .month {
float: left;
position: relative;
height: 10em;
width: 17em;
border: 1px solid #000;
margin: 2px 5px 0px 0px;
text-align: center;
font-family: tahoma;
font-size: 0.8em;
}

#today {
border: 1px solid #f66;
}

.showsyears {
display: inline;
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 90%;
}
.showsyears select,.showsyears input {
font-size: 90%;
}

.calendarkey {
margin: 0px 0px 0px 20px;
}
.calendarkey .free, .calendarkey .booked {
padding: 0px 2px 0px 2px;
color: #000;
}

/* ================================ */
/*  START OF WIDGET TEXT FORMATTING
/* ================================ */

.widgetem {font-style: italic;}
.widgetstrong {font-weight: bold;}
.widgetleft {text-align: left;}
.widgetright {text-align: right;}
.widgetcentre {text-align: center;}
.widgetjustify {text-align: justify;}
.widgetexternal {/* formatting for external link */}


/* ================================ */
/*  END OF WIDGET TEXT FORMATTING   */
/* ================================ */

.lhcolumn {
width: 48%;
}

.rhcolumn {
width: 48%;
float: right;
}
.uploadedimgr {
float: right;
margin: 0px 0px 10px 20px;
display: inline;
}

.uploadedimgl {
float: left;
margin: 0px 20px 10px 0px;
display: inline;
}

.uploadedimgc {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}

.uploadedimgi {
text-align: center;
display: inline;
margin: 5px 13px 5px 13px;
}

/* =================== */
/* segment templates   */
/* =================== */

.segment {
margin: 10px 0px 10px 0px;
padding: 0px;
position: relative;
width: 100%;
overflow: auto;
}

.segmenttpl1 {
position: relative;
margin: 0px;
padding: 0px;
}

.segmenttpl2 .segment {
position: relative;
margin: 0px;
padding: 0px;
}

.segmenttpl2 .uploadedimgl {
position: relative;
margin: 0px;
padding: 0px;
}

.segmentimgonly {
position: relative;
display: block;
float: left; 
margin: 0px 0px 0px 0px;
text-align: center;
}

.segmentimgonly p {
display: inline;
text-align: center;
}


/* =================== */
/* =================== */

/* =================== */
/*      PMBWS FORM     */
/* =================== */

.validation_options {
	position: absolute;
	left: -1000px;
}

form#pmbws 		{
display: block;
overflow: auto;
/*
border: 1px solid #060;
background: #E9F4E5;
*/
margin: 10px 0px 30px 0px;
}

form#pmbws p		{
	margin-bottom		: .1em;  /* NB value of this in forms css is currently set at 1em */
}

form#pmbws p.veterror {
	display: block; 
	margin-bottom		: 2em;
}

form#pmbws p label {
	width			: 8em; /* NB value of this in forms css is currently set at 9.5em */
	display			: block;
	float			: left;
	cursor			: pointer;
	margin-left		: 0px;
	clear			: left;
}
form#pmbws p input {
	width			: 14em; /* NB value of this in forms css is currently set at 9.5em */
}

form#pmbws p input.width2 {
	width			: 2em; 
}

form#pmbws p input.width6 {
	width			: 6em; 
}
form#pmbws p input.checkbox {
	width			: 1em; 
	border			: 0px;
}

form#pmbws p textarea {
	width			: 14em; /* NB value of this in forms css is currently set at 9.5em */
}

form#pmbws #submit 	{
	cursor			: pointer;
	width			: 10em;
	left			: 8em;
	display			: block;
}

/* ------ error/OK messages -------- */

form#pmbws p span.errorMsg {
	position		: relative;
	display			: block;
	float			: left;
	left			: 9em;
	color			: #FF0000;
	height			: 1.2em;
	clear			: left;
	font-size		: 90%;
}


.contactmessage {
font-weight: bold; 
}