/*---------------------Now 200 px wider (nov 2010)--------------------------------------*/
body {
	background-attachment: fixed;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 1100px;
	height: 578px;
	
}

/*-------------------------------------PAGE BACKGROUNDS---------------------------*/
div.page1{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/index.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page2{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/aboutus.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page3{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/salespeople.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page4{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/listings.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page5{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/needtoknow.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page6{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.page7{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page8{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/sitemap.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.page9{
	width: 1100px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/crew.png);
	background-repeat: no-repeat;
	background-position: top center;
	
}


/*----------------------------------------vertical NAV BOX:----------------------------------------------------------------*/
div.box1 {
margin: 100px 10px 0 0;
padding-left: 5px;
border: none;
border-width: none;
border-color: none;
width: 15%;
background-color: #ffffff;
float: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
text-decoration: none;
}

/* vertical nav ID code inserted into div box 1----------------------------------*/
#navigation {
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 30 0 0 0;
   padding: 0;
	text-align: right;
	text-decoration: none;
}

#navigation ul {
list-style: none;
margin: 0 5% 0 0;
padding: 0;
text-decoration: none;
}

#navigation li {
border-bottom: none;
margin: 0px;
padding: 0;
text-decoration: none;
}

/* text colour dark green (as in logo)--*/
#navigation li a {
display: block;
margin: 0px;
padding: 0px;
border-left: none;
border-right: none;
background-color: #ffffff;
color: #004a3d;
text-decoration: none;
}

#navigation li a:link {
width: 100%;
background-color: #ffffff;
color: #004a3d;
}

#navigation li a:visited {
width: 100%;
background-color: #ffffff;
color: #004a3d;
}

/*text on hover and active:  paler green*/
#navigation li a:hover {
width: 100%;
background-color: #ffffff;
color: #119b81;
}

#navigation li a:active {
width: 100%;
background-color: #ffffff;
color: #119b81;
}

/*--orange colour:"you are here"--*/
#navigation li a#current{
width: 100%;
background-color: #ffffff;
color: #ec7e08;	
}


/*---------------------------Little top (horizontal) NAV for LISTINGS FRAMEZ-----------------------------------------*/

div.box4 {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
width: 100%;
background-color: transparent;
float: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
text-decoration: none;
}

/*---------------------nav ID code HORIZONTAL little top NAV for LISTINGS frames pg-------------------------------------------------------*/
#navigationtop {
font-size: 80%;
}
#navigationtop ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}
#navigationtop li {
display: inline;
}
#navigationtop a:link, #navigationtop a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #004a3d;
background-color: #none;
text-decoration: none;
border: none;
}

#navigationtop a:hover {
color: #119b81;
text-shadow: black;
background-color: transparent;
text-decoration: none;
}

/*--orange colour:"you are here"--*/
#navigationtop li a#now{
background-color: transparent;
color: ec7e08;	
text-decoration: none;
}

/*--N/A manifests in sidebar:"you are here"--*/
#navigationtop li a#now2{
background-color: transparent;
color: blue;	
text-decoration: none;
}
/*-----------------------END NAV of all sorts----------------------------------------------------*/


/*----------------------BOX 2:MAIN body of page:--------------SHORT (if full-pg bkg img is used)-------------:*/
div.box2 {

background-color: none;
background-image: none;
/*BREAKS site in FF & Safari:position: absolute;--*/
width: 75%; height: 100%;
border: none;
margin: 20px 0 0 20px;
padding: 0;
float: left;
}


/*----------------SERIF top banner titles:---------------------------*/
h1 {
	font-family: Clarendon,"Times New Roman", Times, serif; 
	font-weight: normal;
	font-size: 21pt;
	color: #004a3d;
	margin: 0 0 -2 0;
}

/*--------------------serif sub-head/slogan INDENTED----------------------*/
h2{
	font-family: Clarendon,"Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 10 0 0 25;
padding: 0px;
border: 0px;
}

/*--------------------SANSserif sub-head/slogan, NO INDENT:----------------------*/
h3{
	font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

/*--------------------SANSserif sub-head/slogan, NO INDENT, ORANGE:----------------------*/
h4{
	font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #ec7e08;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

/*--------------------SANSserif sub-head/slogan, CENTRED:----------------------*/
h5{
	font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
color: #004a3d;
background-color: transparent;
text-align: center;
line-height: 135%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}
/*----------------plain body text:---------------------------*/
p {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: justify;
line-height: 135%;
text-decoration: none;
margin: 0 33% 0 0;
padding: 0px;
border: 0px;
}

/*----------------v small body text, for member thingie at bottom:---------------------------*/
.p2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 7px;
font-weight: normal;
font-variant: small-caps;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

/*----------------wide leading body text for links pg:---------------------------*/
.p3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: justify;
line-height: 165%;
text-decoration: none;
margin: 0 30% 0 0;
padding: 0px;
border: 0px;
}

/*----------------plain body textCENTRED:---------------------------*/
.p4 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: center;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 0;
padding: 0px;
border: 0px;
}

/*----------------plain body text indented a bit:---------------------------*/
.p5 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 10;
padding: 0px;
border: 0px;
}


/*----------------small body text, for sitemap link:---------------------------*/
.p6 {
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
font-variant: small-caps;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

/*----------------plain body text indented a lot:---------------------------*/
.p7 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 30;
padding: 0px;
border: 0px;
}

/*----------------plain body text indented even more!!:---------------------------*/
.p7a {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #004a3d;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 40;
padding: 0px;
border: 0px;
}


/*----used for top right logo, each pg:-------------------------------*/
.thumbnail{
float: right;
position: relative;
width: 22%;
border: none;
margin: -10 0 0 0;
padding: 5px;
background-color: transparent;
}


/*-------for directory units (TBA):----------------------*/
.thumbnail2{
float: left;
position: relative;
width: 30%;
border: none;
margin: 0;
padding: 0;
background-color: transparent;
}

/*----used for bottom slogan & logos, each pg:-------------------------------*/
.thumbnail3{
float: left;
clear: both;
/*--BREAKS site in FF & Safari:position: fixed;--*/
width: 100%;
border: none;
margin: 0;
padding: 0;
background-color: transparent;
}
.span1 {
font-size: smaller; 
vertical-align: text-top;
text-decoration: none;
}
.span2 {
font-size: smaller; 
vertical-align: super;
}
.clearboth { clear: both;
text-decoration: none; }