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

ul, ol {margin: 0px 0px 10px 30px;}

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


/* define main page areas */
#container {
position: relative;
width: 800px;
background: #fff;
text-align: left;
margin: 0px auto 20px auto;
}

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


#header {
position: relative;
height: 80px;
border-top: 1px solid #fff;
}

#logo {float: left; 
margin: 0px 0px 0px 15px;}

#header .heading {text-align: center;
margin: 20px 150px 0px 0px;
font-size: 150%;
color: #01BBD7;
}

#headerbar1 {
background: #fff url('../images/headerbar1.gif') no-repeat;
position: relative;
height: 20px;
}
#headerbar {
background: #fff url('../images/headerbar.gif') no-repeat;
position: relative;
height: 20px;
}

#footerbar {
background: #fff url('../images/footerbar.gif') no-repeat;
position: relative;
height: 20px;
}
#footerbar1 {
background: #fff url('../images/footerbar1.gif') no-repeat;
position: relative;
height: 19px;
}

#mainbody {
position: relative;
width: 100%;
overflow: auto;
}

#content {
position: relative;
margin: 0px 185px 20px 165px;
}

#contentwide {
position: relative;
margin: 0px 10px 20px 165px;
}

#childmenu {
float: right;
border: 1px solid #bd9cd9;
width: 120px;
margin: 30px 5px 10px 10px;
}

#childmenu ul {
list-style-type: none;
margin: 5px 0px 10px 5px;
}

#childmenu a {
text-decoration: none;
}

#columnleft {
float: left;
width: 145px;
margin: 30px 0px 0px 0px;
}


#columnright {
float: right;
width: 170px;
/* overflow: auto; */
margin: 30px 0px 0px 0px;
}


#footer {
text-align: center;
margin: 0px 0px 0px 0px;
}

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

#columnleft ul li {
position: relative;
width: 140px;
height: 25px;
margin-bottom: 5px;
background: url('../images/buttonbg.gif') no-repeat;
border-top: 1px solid #fff;
}

#columnleft a {
position: relative;
display: block;
margin: 3px 0px 0px 15px;
}

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

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

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

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

body {
	font-family: 'Trebuchet MS', 'New Gothic Std', Arial, Helvetica, sans-serif;
	background-color: #E5F0CB;
	color: #000;
	font-size: .9em;
	font-weight: normal;
}

a {
color: #730B0A;
}

a:active {
color: #4D8040;
}

a:hover {
color: #4D8040;
}

table {
font-size:100%;
}

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

/* specific heading settings */
h1 {
font-size: 150%;
text-align: center;
margin: 10px 0px 30px 20px;
}

h2 {
font-size: 110%;
margin: 10px 0px 0px 0px;
}

h3 {
font-size: 100%;
margin: 10px 0px 0px 0px;
}

.bold {
font-weight: bold;
}

.red {
color: #f00;
}

.centre {
text-align: center;
}

.smaller {
font-size: 90%;
}

.smallerstill {
font-size: 80%;
}

.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 #bc9dc9;
}

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

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #bc9dc9;
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;
}

/* ================================ */
/*         contact form             */
/* ================================ */
#contactform {
overflow: auto;
width: 400px;
position: relative;
background: #f7faee;
border: 1px solid #bc9dc9;
color: #000000;
padding: 2px;
}

#contactform div{
overflow: auto;
width: 100%;
margin: 0px 0px 2px 0px;
}

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

#contactform div span.colr {
float: right;
width: 245px;
text-align: left;
}

/* ------ validation option buttons -------- */

#contactform fieldset.validation_options {
	position		: absolute; 
	right			: 1000px;   
	bottom			: 0.5em;
	width			: 50%; 
	border			: 1px solid #006699;
	padding			: 0.3em;
}

/* error message class */
#contactform .errorMsg {
display: block; 
color: #f00;
}


/* =================== */
/* =================== */
/* =================== */
/*      PMBWS FORM     */
/* =================== */
.validation_options {
position: absolute;
left: -1000px;
}

form#pmbws {
display: block;
overflow: auto;
border: 1px solid #bc9dc9;
margin: 10px 0px 30px 0px;
}

form#pmbws p {
line-height: 1;
}

form#pmbws p label {
width: 160px;
display: block;
float: left;
clear: left;
cursor: pointer;
line-height: 1.3;
margin-left: 3px;
}

form#pmbws p input {
width: 200px;
}


form#pmbws p textarea {
width: 200px
}

form#pmbws #submit {
cursor: pointer;
width: 140px;
}

form#pmbws p.checkbox input  {
width: 14px;
height: 14px;
border: 0px ;
}

/* ------ error messages -------- */
form#pmbws p span.errorMsg {
position: relative;
display: block;
color: #f00;
}

/* ------ validation option buttons -------- */
form#pmbws fieldset.validation_options {
position: absolute;
bottom: 0.5em;
width: 50%;
border: 1px solid #006699;
padding: 0.3em;
}

.contactmessage {
font-weight: bold;

color: #600;
}


/* ================================ */
/*    end of contact form          */
/* ================================ */

/* ================================ */
/*         join form             */
/* ================================ */
#joinform {
overflow: auto;
width: 350px;
position: relative;
background: #f7faee;
border: 1px solid #bc9dc9;
color: #000000;
padding: 2px;
}

#joinform div{
overflow: auto;
width: 100%;
margin: 0px 0px 2px 0px;
}

#joinform div span.coll {
float: left;
width: 80px;
text-align: left;
} 

#joinform div span.colr {
float: right;
width: 250px;
text-align: left;
}

/* ------ validation option buttons -------- */

#joinform fieldset.validation_options {
	position		: absolute; 
	right			: 1000px;   
	bottom			: 0.5em;
	width			: 50%; 
	border			: 1px solid #006699;
	padding			: 0.3em;
}

/* error message class */
#joinform .errorMsg {
display: block; 
color: #f00;
}

/* ================================ */
/*    end of join form          */
/* ================================ */
/* ================================ */
/*  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
/* ================================ */
.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: block;
margin: 5px 0px 5px 0px;
}

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

.bigbuttontop {
width: 160px;
padding: 8px 0px 0px 0px;
background: url('../images/bigbuttontop.jpg') no-repeat;
margin: 0px 0px 0px 0px;
}
.bigbuttontop p {
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
background: url('../images/bigbuttonmid.jpg') repeat-y;
font-size: 120%;
line-height: 1;
}

.bigbuttontop a {
margin: 7px 5px 5px 5px;
display: block;
text-decoration: none;
cursor: pointer;
font-weight: normal;
}

.bigbuttonbot {
width: 160px;
height: 8px;
background: url('../images/bigbuttonbot.jpg') no-repeat;
margin: 0px 0px 20px 0px;
}

/* ================================ */
/* ================================ */
.newshead {
text-align: center;
font-weight: bold;
font-size: 120%;
}

.newsitem {
margin: 20px 0px 0px 0px;
}
.newsitem h2 {
margin: 0px 0px 0px 0px;
}


.newsitem a {
text-decoration: none;
margin: 10px 0px 0px 0px;
}

.newsdate {
float: right;
}

/* ================================ */
.orderitem {
display: block;
float: left;
width: 160px;
margin-left: 3px;
}