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


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #333;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}

a {
color: #156185;
}

a:active {
color: #156185;
}

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: #156185;
font-size: 110%;
}

/* specific heading settings */
h1 {
font-size: 140%;
}

h2 {
font-size: 120%;
}


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

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

/* define main page areas */
/* ====================== */
#container {
position: relative;
width: 940px;
margin: 0px auto 20px auto;
text-align: left;
background: #cedeee url('../images/sidebarsbg.gif') -44px 0px repeat-y;
}

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


#header {
position: relative;
height: 195px;
background:  url('../images/headerbg-940.jpg') 0px -40px no-repeat;
}
#header img{
border: 0px;
}


#logo {
position: absolute;
left: 30px;
top: 10px;
}

#straplinetop {
color: #d7da4d;
float: right;
margin: 20px 20px 0px 0px;
width: 380px;
font-size: 120%;
font-weight: bold;
font-family: verdana, bodoni, arial, helvetica, "sans-serif";
font-style: italic;
}


#mainbody {
overflow: auto;
background: url('../images/sidebarsbg.gif') 784px 0px repeat-y;
}


#content {
margin: 20px 170px 0px 170px;
font-size: 90%;
}


#menuleft {
float: left;
width: 156px;
margin: 20px 0px 0px 0px;
}


#menuleft img {
border: 0px;
}

#menuright {
float: right;
width: 156px;
overflow: auto;
margin: 20px 0px 0px 0px;
text-align:center;}

#menuright img {  border: 0px;}

.socialmedialinks {
margin: 0px 0px 10px 0px;
}

#newssummary {
margin: 0px 5px 20px 5px;
}

#eventsummary {
margin: 0px 10px 40px 0px;
}

#memberships {
display: block;
text-align: center;
margin: 20px auto 0px auto;
clear: both;
}

.foxhills {
font-weight: bold;
color: #156185;
margin: 20px 7px 20px 0px;
}


#footer {
width: 100%;
text-align: left;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
font-weight: bold;
color:#0e3c54;
clear: right;
}

#footer a{
text-decoration: none;
color:#0e3c54;
}

#webstersm {
float: left;
margin: 0px 10px 10px 0px;
}


#footer .straplinebottom {
font-size: 170%;
margin: 0px 0px 3px 0px;
display: block;
}


/* ======================================== */
/* ======================================== */
/*                 NAV BAR                  */
/* ======================================== */
/* ======================================== */
/* menus as ul list so set-up look and feel */
/* ======================================== */

#menuleft ul {
list-style-type: none;
margin: 0px 0px 20px 12px;
}

#menuleft ul li {
width: 130px;
height: 33px;
background: #156185;
margin-bottom: 3px;
}


#menuleft ul li a {
font-size: .75em;
background: #91b3d8;
margin: 0px 0px 0px 5px;
display: block;
height: 25px;
text-decoration: none;
color: #156185;
border-left: 1px solid #fff;
padding: 8px 0px 0px 3px;
font-weight: bold;
}

#menuleft li.thispage  {
background: #c0cb24;
}
#menuleft .thispage a{
background: #156185;
color: #fff;
}
#menuleft li.thisparent {
background: #c0cb24;
color: #fff;
}

#menuleft ul li a:hover {
background: #156185;
color: #fff;
}
/* ======================================== */
#childmenu ul {
list-style-type: none;
margin: 0px 0px 20px 12px;
}

#childmenu ul li {
width: 130px;
height: 23px;
background: #156185;
margin-bottom: 3px;
}


#childmenu ul li a {
font-size: .75em;
background: #91b3d8;
margin: 0px 0px 0px 5px;
display: block;
height: 20px;
text-decoration: none;
color: #156185;
border-left: 1px solid #fff;
padding: 3px 0px 0px 3px;
font-weight: bold;
}

#childmenu li.thispage  {
background: #c0cb24;
}
#childmenu .thispage a{
background: #156185;
color: #fff;
}

#childmenu ul li a:hover {
background: #156185;
color: #fff;
}



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


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


/* ================================ */
/*  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: 290px;
margin: 0px 0px 0px 0px;
}

.rhcolumn {
width: 290px;
float: right;
margin: 0px 0px 0px 0px;
}


.lhcolumn2 {
width: 290px;
margin: 0px 0px 10px 0px;
padding: 2px;
border: 2px solid #156185;
}


.rhcolumn2 {
width: 290px;
float: right;
margin: 0px 0px 10px 0px;
padding: 2px;
border: 2px solid #156185;
}


.uploadedimgr {
float: right;
margin: 5px 0px 10px 20px;
display: inline;
}

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

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


.uploadedimgi {
position: relative;
text-align: left;
display: block;
margin: 0px 5px 0px 0px;
padding: 0px;
}


/* =================== */
/* HOME PAGE BOXES     */
/* =================== */

.homeboxred {
background: #0e3c54;
color: #fff;
font-size: 100%;
margin-bottom: 10px;
}
.homeboxred h2 {
display: block;
border-left: 15px solid #952112;
border-bottom: 1px solid #fff;
text-transform: uppercase;
color: #fff;
font-size: 100%;
padding: 5px 2px 5px 5px;
font-weight: bold;
}
.homeboxred a{
text-decoration: none;
color: #fff;
}
.homeboxred p {
margin: 0px;
padding: 0px 0px 0px 15px;
}
.homeboxred .uploadedimgr {
margin: 0px 0px 5px 5px;
border: 0px;
}
/* =================== */
.homeboxgr {
background: #0e3c54;
color: #fff;
font-size: 100%;
margin-bottom: 10px;
}
.homeboxgr h2 {
display: block;
border-bottom: 1px solid #fff;
border-left: 15px solid #2d851f;
text-transform: uppercase;
color: #fff;
font-size: 100%;
padding: 5px 2px 5px 5px;
font-weight: bold;
}
.homeboxgr a{
text-decoration: none;
color: #fff;
}
.homeboxgr p {
margin: 0px;
padding: 0px 0px 0px 15px;
}
.homeboxgr p .uploadedimgr {
margin: 0px 0px 5px 5px;
border: 0px;
}
/* =================== */
.homeboxyw {
background: #0e3c54;
color: #fff;
font-size: 100%;
height: 185px;
margin-bottom: 10px;
}
.homeboxyw h2 {
display: block;
border-left: 15px solid #d6a113;
border-bottom: 1px solid #fff;
text-transform: uppercase;
color: #fff;
font-size: 100%;
padding: 5px 2px 5px 5px;
font-weight: bold;
}
.homeboxyw a{
text-decoration: none;
color: #fff;
}
.homeboxyw p {
margin: 0px;
padding: 0px 0px 0px 15px;
}
.homeboxyw p .uploadedimgr {
margin: 0px 0px 5px 5px;
border: 0px;
}
/* =================== */
.homeboxpr {
background: #0e3c54;
color: #fff;
font-size: 100%;
height: 185px;
margin-bottom: 10px;
}
.homeboxpr h2 {
display: block;
border-left: 15px solid #7d24a6;
border-bottom: 1px solid #fff;
text-transform: uppercase;
color: #fff;
font-size: 100%;
padding: 5px 2px 5px 5px;
font-weight: bold;
}
.homeboxpr a{
text-decoration: none;
color: #fff;
}
.homeboxpr p {
margin: 0px;
padding: 0px 0px 0px 15px;
}

.homeboxpr p .uploadedimgr {
margin: 0px 0px 5px 5px;
border: 0px;
}

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

.boxlh {
position: relative;
width: 130px;
overflow: auto; 
margin: 0px 0px 20px 12px;
background:  url('../images/boxback.gif') 0px 0px repeat-y;
color: #fff;
padding: 10px 5px 10px 5px;
line-height: 1;
}


.boxlh p, .boxlh h2, .boxlh h3 {
width: 115px;
margin: 0px 7px 5px 7px;
padding: 0px 0px 0px 0px;
}


.eventsummary {
position: relative;
width: 130px;
overflow: visible;
margin: 0px 0px 40px 12px;
background:  url('../images/boxback.gif') 0px 0px repeat-y;
color: #fff;
padding: 10px 0px 10px 0px;
line-height: 1;
}

.eventsummary p, .eventsummary h2, .eventsummary h3 {
width: 115px;
margin: 0px 7px 0px 7px;
padding: 0px 0px 0px 0px;
}
.eventsummary h2{
font-size: 100%;
}
.eventsummary ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.eventsummary li{
margin: 7px 0px 7px 0px;
}

.eventsummary a{
text-decoration: none;
}
.eventsummary a:hover{
text-decoration: underline;
}

.eventlisttable {
border-collapse: collapse;
border:  1px solid #156185;
width: 500px;
margin: 20px 0px 20px 20px;
}

.eventlisttable td,th {
border: 1px solid #156185;
padding: 1px 3px 1px 3px;
text-align: left;
vertical-align: top;
font-size: 90%;
}

.tabledate {width: 20%;}
.tableevent {width: 40%;}

.boxtop {
position: absolute;
top: 0px;
left: 0px;
}
.boxbottom {
position: absolute;
bottom: 0px;
left: 0px;
}

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

.newssubtitle {

color: #156185 ;
font-size: 110%;
}

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

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

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

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

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

*/

.segment {
width: 98%;
position: relative;
display: block;
}

.segmentimgonly {
float: left;
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
overflow: auto;

}


.segmentimgonly p {
display: inline;
overflow: auto;
}


.regbook a{
font-size: 130%;
font-weight: bold;
color: #156185;
border: 1px solid #156185;
padding: 3px 5px 3px 5px;
text-decoration: none;
background: #91b3d8;
}

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

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

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

form#pmbws 		{
display: block;
overflow: auto;
border: 1px solid #156185; 
background: #dde7f1;
margin: 0px 50px 0px 10px;
}

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

form#pmbws p label {
	width			: 10em; /* NB value of this in forms css is currently set at 9.5em */
	display			: block;
	float			: left;
	cursor			: pointer;
	clear			: left;
	font-weight		: bold;
}
form#pmbws p input {
	width			: 22em; /* NB value of this in forms css is currently set at 9.5em */
}
form#pmbws p textarea {
	width			: 22em; /* NB value of this in forms css is currently set at 9.5em */
}

form#pmbws #submit 	{
	cursor			: pointer;
	width			: 10em;
	margin			: 3em 0em 1em 12em;
	clear: left;
	display: block;

}

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

}

form#pmbws p input.width10 {
width: 10em;

}


form#pmbws input.radio,  form#pmbws input.radio2 {
display: block;
float: left;
display: inline;
width: 2em;
border: 0px;
margin: 0px 5px 0px 0px;
clear: none;
}
form#pmbws label.radio {
display: block;
float: left;
width: 2em;
clear: none;
margin: 0px 20px 0px 0px;
border: 0px;
}

form#pmbws p span.errorMsg {
	position		: relative;
	display			: block;
/*	float			: left; */
	clear			: left;
	margin-left		: 10em;
	color			: #FF0000;
	font-size		: 100%;
	width			: 20em;
}


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

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

.contactmessage {
font-weight: bold; 
color: #f00;
}

#downloads {
font-size: .8em;
width: 500px;
position: relative;
border: 1px solid #156185;
overflow: auto;
border-collapse: collapse;
}

#downloads td{
border: 1px solid #156185;
vertical-align: top;
padding: 1px;
}

.downloadhead {
background: #156185;
color: #fff;
}

.download300 {
width: 300px;
border: 1px solid #060;
}
.download200 {
width: 200px;
border: 1px solid #060;
}
.download100r {
width: 100px;
text-align: right;
border: 1px solid #060;
}