body {
	padding: 0;
	margin: 0;
	background-color: #4e4c4d;
	/*background: url(../img/bg_floor.gif) #FFF 0px 0px;*/
	/*background: url(../img/bg_bg.jpg) #0F56B9 repeat-x 0px 0px;*/
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
		font-size: x-small;
		voice-family: "\"}\"";
		voice-family: inherit;
		font-size: small;
	}

img {
	border: 0px;
}
	
div.mainpad {
	
	/*background: url(../img/bg_bg.jpg) transparent repeat-x 0px 0px;*/
	width: 100%
}

img {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	color: #888;
	}

/* ======================================================= */
/* ======================== conts ======================== */
/* ======================================================= */

div.footer .url {
	display: none;
}

div.frame {
	padding: 0px;
	margin: 0 auto;
	width: 750px;
	text-align: left;
	background: url(../img/bg_floor.gif) repeat-x 0px 0px;
	}

div.con_logo {
	padding: 0px;
	margin: 0px;
	width: 750px;
	height: 110px;
	background-color: #FFF;

}
.default div.con_logo {
	background: url(../img/bg-header.gif) no-repeat 570px 43px #FFF;

	}

div.con_logo h1 {
	display: none; 	
}


div.spacer {
	padding: 0px;
	margin: 0px;
	width: 750px;
	height: 10px;
	background-color: transparent;
	font-size: 2px;
	line-height: 2px;
	display: none;
}

div.con_main {
	display: block;
	padding: 0px 5px;
	margin: 0px;
	width: 740px;
/*	background: url(../img/bg_main.gif) #FFF repeat-y 0px 0px;*/
/*	line-height: 0px;
	font-size: 0px; */
	background-color: #fff;
}

div.content {
	float: left;
	width: 447px;
	padding: 0px;
	margin: 0px;

}

div.content_pad {
	padding: 30px 5px 30px 20px;
}

div.contentlarge {
	float: left;
	width: 700px;
	background: url(../img/bg_main.gif) #FFF repeat-y 70% 10%; /* override for pages with no img */
	/*height: 400px;*/
	padding: 30px 5px 30px 20px;
	margin: 0px;
}

div.image {
	float: left;
	width: 293px;
	height: 341px;
	padding: 0px;
	margin: 0px;
}

div.footer {
	display: block;
	clear: both;
	padding: 0px 0px;
	margin: 0px 0px;
	width: 750px;
	background: url(../img/bg_main.gif) #FFF repeat-y 0px 0px;
/*	line-height: 0px;
	font-size: 0px; */
}

div.footer .pad {
	border-top: 1px solid #CCC;
	margin: 0px 25px;
	padding: 5px 0px 20px 0px;
}

/* ================================================================== */
/* ============================ MAIN NAV ============================ */
/* ================================================================== */

/* IE 5 bug */
/* setting width/height of a tags which include img makes the links on the img unclickable over the area of the img */
/* setting width as "auto" for IE5 and then overriding it for others is an effective workaround */

div.mod_mainnav_1 {
	text-align: left; /* overrides text-align in body */
	padding-top: 5px;
	margin: 0px;
	clear: both;
	_font-size: 0px;
	_line-height: 0px;

	}

/* nav module inner div */
/* take care to override all these values in li div */
div.mod_mainnav_1 div {
	padding: 0;
	margin: 0;

	}

div.mod_mainnav_1 ul {
	list-style: none;
	padding: 0;
	margin: 0;

	}


/* relative positioning ensures each submenu appears with its corresponding main menu item */
/* avoid relative positioning on subsequent block elements within the page - they may appear over the top of this menu */
div.mod_mainnav_1 li {
	padding: 0;
	margin: 0;
	float: left;
	height: 70px;
	position: relative;
/*	width: 125px;*//* see below for widths */
	z-index: 3;
		/*border: 1px solid red;*/
		/*background: blue;*/
	}

div.mod_mainnav_1 h2 span { display: none; } 
	
/* widths based on main nav bar images */
li#linb1 {	width: 106px; background: url(../img/nb01_act.gif) no-repeat 0px 0px; }
li#linb2 {	width: 106px; background: url(../img/nb02_act.gif) no-repeat 0px 0px; }
li#linb3 {	width: 106px; background: url(../img/nb03_act.gif) no-repeat 0px 0px; }
li#linb4 {	width: 105px; background: url(../img/nb04_act.gif) no-repeat 0px 0px; }
li#linb5 {	width: 106px; background: url(../img/nb05_act.gif) no-repeat 0px 0px; }
li#linb6 {	width: 106px; background: url(../img/nb06_act.gif) no-repeat 0px 0px; }
li#linb7 {	width: 105px; background: url(../img/nb07_act.gif) no-repeat 0px 0px; }

div.mod_mainnav_1 li a {
	display: block;
/*	-- include padding when there is no image replacement -- */
/*	padding: 5px 4% 5px 4%; */ 
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	/* setting width to 'inherit' breaks background in IE 5.5 */
	/* anything other than auto will break img links in IE 5.0 */
	/* IE5 on Mac considers "auto" to be something huge, hence */
	width: 5px;/* IE 5 on MAC only */
	/* \*/
	width: auto; /* override for all browsers except IE5 MAC */
	}


/* ///////////////// FOOTER ///////////////////// */

div.footer ul {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

div.footer li {
	padding: 0px 26px 0px 0px;
	_padding: 0px 20px 0px 2px ;
	margin: 0px;
	display: inline;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	_font-size: 80%;
	color: #888;
	background: url(../img/footer_separator.gif) #FFF no-repeat 100% 100%;
}

div.footer li.noseparator { background: #FFF; }

div.content ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

div.content li, div.contentlarge li {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px;
	background: url(../img/bullet.gif) transparent no-repeat 0 0;
	list-style: none;
	color: #333;
	max-width: 550px;
}

div.content li strong, div.contentlarge li strong {
	color: #555;
}

div.vertspacing {
	clear: both;
	height: 10px;
}

table.membertable {
	width: 692px;
}

table.membertable td {
	width: 232px;
	height: 140px;
	/*background: url(../img/bg_logo.gif) transparent no-repeat 0 0; -------------------------------------*/
	/*border: 1px solid red;*/
}

table.membertable td div {
	width: 167px; /*167px;*/
	height: 117px; /*117px;*/
	padding: 5px 0px;
	margin: 0px;
	background: url(../img/bg_logo.gif) transparent no-repeat 0% 0%;
	/*border: 1px solid pink;*/
} 
	
p, td {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	_font-size: 100%;
	line-height: 1.5em;
	color: #333;
}

p strong {
	/*color: #555;*/
}

p.introtext {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	_font-size: 120%;
	color: #9e1b3d;
	color: #333;
}

p.intromember {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	_font-size: 120%;
	color: #4C71A2;
	padding: 0px 15px;
	border-left: 1px solid #D8D8D8;
}



p.newstitle {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	_font-size: 125%;
	font-weight: bold;
	color: #4C71A2;
	display: block;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

div.newscontent {
	border-left: 2px solid #f4f4f4;
	padding-left: 10px;
	margin-bottom: 20px;
}

div.newscontent p {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	_font-size: 100%;
	padding: 0px;
	margin: 5px 0px 8px 0px;
}

p.date {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	line-height: 1 em;
	_font-size: 90%;
	font-weight: bold;
	color: #87A2C5;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: block;
}


p.detail {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	_font-size: 75%;
	line-height: 1.5em;
	color: #222;
	/*background: #F8F8F8;*/
	padding: 0px;
	/*width: 50%;*/
}


a:link {
	color: #9e1b3d;
	}
a:active {
	color: #9e1b3d;
	}
a:visited {
	color: #8dc63f;
	}	
a:hover {
	color: #ff0000;
	}
a:active {
	color: #ff0000;
	}

td {
	/*border: 1px solid green;*/
}

h2 {
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-family: arial, helvetica, sans-serif;
  	font-size: 18px;
	_font-size: 150%;
	line-height: 1.2em;
	car
	font-weight: normal;
  	color: #000;
	/*padding: 3px 0px 6px 0px;*/
	margin: 0px;
	padding: 0px;
}

div.content p a, div.contentlarge p a {
/*	color: #D00;
	border-bottom: 1px dotted #D00;
	_border-bottom: 1px solid #D00;
	text-decoration: none;*/
}

div.content p a:hover, div.contentlarge p a:hover {
	/*color: blue;
	border: 0px;
	border-bottom: 1px solid blue;
	text-decoration: none;*/
}

div.footer a {
	color: #888;
	text-decoration: none;
}

div.footer a:hover {
	color: #333;
	text-decoration: underline;
}

table.membertable div a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
}

table.membertable div a:hover {
	color: blue;
	/*border-bottom: 1px dotted blue;*/
	_border: 1px solid #999;
	text-decoration: none;
}

div.contentlarge p.back a {
	color: gray;
	border: 0px;
	font-size: 9px;
}

div.contentlarge p.back a {
	color: red;
	border-bottom: 1px dotted;
	_border-bottom: 1px solid;
	font-size: 9px;
}

div.logoCont {
	width: 167px; /*167px;*/
	height: 117px; /*117px;*/
	/*padding: 5px 0px;*/
	margin: 0px 0px;
	/*background: url(../img/bg_logo.gif) transparent no-repeat 0% 0%;*/
	

}

div.map{
position:relative;
background: url(../img/map_grey.gif) transparent no-repeat 0% 0%;
margin: 65px 0px 0px 0px;
width: 652px;
height:446px;
}

div.map div{
position:absolute;
}

div.cootharinga{
width:79px;
height:70px;
top:33px;
left:504px;
}

div.cootharinga a{
display:block;
width:79px;
height:70px;
}

div.cootharinga a:hover{
background: url(../img/hover_cootharinga.jpg) transparent no-repeat 0% 0%;
}


div.montrose{
width:101px;
height:64px;
top:136px;
left:551px;
}

div.montrose a{
display:block;
width:101px;
height:64px;
}

div.montrose a:hover{
background: url(../img/hover_montrose.jpg) transparent no-repeat 0% 0%;
}

div.northcott{
width:44px;
height:63px;
top:266px;
left:539px;
}

div.northcott a{
display:block;
width:44px;
height:63px;
}

div.northcott a:hover{
background: url(../img/hover_northcott.jpg) transparent no-repeat 0% 0%;
}

div.scope{
width:89px;
height:33px;
top:382px;
left:524px;
}

div.scope a{
display:block;
width:89px;
height:33px;
}

div.scope a:hover{
background: url(../img/hover_scope.jpg) transparent no-repeat 0% 0%;
}

div.st_giles{
width:95px;
height:36px;
top:409px;
left:271px;
}

div.st_giles a{
display:block;
width:95px;
height:36px;
}

div.st_giles a:hover{
background: url(../img/hover_st_giles.jpg) transparent no-repeat 0% 0%;
}

div.novita{
width:59px;
height:70px;
top:307px;
left:271px;
}

div.novita a{
display:block;
width:59px;
height:70px;
}

div.novita a:hover{
background: url(../img/hover_novita.jpg) transparent no-repeat 0% 0%;
}

div.rocky_bay{
width:77px;
height:71px;
top:260px;
left:38px;
}

div.rocky_bay a{
display:block;
width:77px;
height:71px;
}

div.rocky_bay a:hover{
background: url(../img/hover_rocky_bay.jpg) transparent no-repeat 0% 0%;
}


/*  PRINT  */

@media print {

	div.con_logo { width: 650px; text-align: right; }
	div.mod_mainnav_1 { display: none; }
	div.footer img { display: none; }
	h4 { font-size: 24px; }
	div.content { width: 650px; margin-top: -30px; }
	div.contentlarge { width: 650px; margin-top: -30px; }
	div.image { display: none; }
	div.footer .url { display: inline; padding-right: 10px;}
   p, p.introtext, p strong, p li { color: #000; }
	table.membertable { width: 650px; }
	table.membertable td { width: auto; }
}