* { padding: 0; margin: 0; }

body {
 /*background: #c5e0f1 url('images/bg-gradient.jpg') repeat-x;*/
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin-top: 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 760px;
}

/* ------------------------------------
Background image for the top menu links
---------------------------------------*/
#headerinner {
 width: 760px;
 border: 0px solid #ccc;
 height: 118px;
 margin: 0px 0px 0px 0px;
 background: url('images/menu-inner-blank.jpg') no-repeat;
}

/* ----------------------
Top menu link positioning
-------------------------*/
#home {position: relative; left: 440px; top: 92px; text-decoration: none; font-size: 0.8em; color: #000;}
#services {position: relative; left: 459px; top: 88px; text-decoration: none; font-size: 0.8em; color: #000;}
#members {position: relative; left: 472px; top: 92px; text-decoration: none; font-size: 0.8em; color: #000;}
#about {position: relative; left: 483px; top: 90px; text-decoration: none; font-size: 0.8em; color: #000;}
#contact {position: relative; left: 496px; top: 96px; text-decoration: none; font-size: 0.8em; color: #000;}

#home:hover{color: #ff0000;}
#services:hover{color: #ff0000;}
#members:hover{color: #ff0000;}
#about:hover{color: #ff0000;}
#contact:hover{color: #ff0000;}

#homeselected {position: relative; left: 440px; top: 92px; text-decoration: none; font-size: 0.8em; color: #ff0000;}
#servicesselected {position: relative; left: 459px; top: 88px; text-decoration: none; font-size: 0.8em; color: #ff0000;}
#membersselected {position: relative; left: 472px; top: 92px; text-decoration: none; font-size: 0.8em; color: #ff0000;}
#aboutselected {position: relative; left: 483px; top: 90px; text-decoration: none; font-size: 0.8em; color: #ff0000;}
#contactselected {position: relative; left: 496px; top: 96px; text-decoration: none; font-size: 0.8em; color: #ff0000;}

/* --------------------------------------------------
Background image and styling for each content section
-----------------------------------------------------*/

/* Services styling */
#navigationservices {
 width: 760px;
 height: 393px;
 background: #c5e0f1 url('images/inner-services.jpg') no-repeat;
}

/* Members styling */
#navigationmembers {
 width: 760px;
 height: 394px;
 background: #c5e0f1 url('images/inner-members.jpg') no-repeat;
}

#navigationmemberswhole {
 width: 760px;
 height: 541px;
 background: #c5e0f1 url('images/inner-members-whole-page.jpg') no-repeat;
}

/* Contact styling */
#navigationcontact {
 width: 760px;
 height: 393px;
 background: #c5e0f1 url('images/inner-contact.jpg') no-repeat;
}

/* About styling */
#navigationabout {
 width: 760px;
 height: 393px;
 background: #c5e0f1 url('images/inner-about.jpg') no-repeat;
}

/* ----------------------------------------
Styling for the right side of contacts etc.
-------------------------------------------*/
.rightside {position: relative; width: 260px; height: 280px; top: 75px; left: 420px;}
.rightside h1 {
 font-size: 1.1em;
 font-weight: bold;
 margin: 0 0 10px 0;
}
.rightside p {
 margin: 5px 0 5px 0;
 font-size: 1.0em;
}

/* ---------------------------------------------------------
Styling for content - secondary content are above the footer
------------------------------------------------------------*/
#content { 
 width: 760px;
 color: #333;
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#content p
{
margin: 0 0 0px 50px; width: 600px; background-color: #ffffff;
}

#content h1 {margin: 0 0 5px 50px; font-weight: bold; color: #000000; font-size: 14px;}
#content h2 {margin: 5px 0 5px 50px; font-weight: bold; color: #000000; font-size: 13px;}
 
 
/* ----------------------
Footer and copyright area
-------------------------*/ 
#footer { 
 width: 760px;
 height: 102px;
 color: #333;
 background: #ffffff url('images/bottom.gif') no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#copy { 
 width: 760px;
 color: #000;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 50px;
 padding: 0px;
}

#footermapcopy { 
 width: 760px;
 color: #000;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 3px 0px 0px 50px;
 padding: 0px;
}

#footer a, #copy a{ 
 color: #000;
 text-decoration: none;
}

#footer a:hover, #copy a:hover{ 
 color: #dc143c;
 text-decoration: underline;
}

#footermap a, #copy a{ 
 color: #000;
 text-decoration: none;
}

#footermap a:hover, #copy a:hover{ 
 color: #dc143c;
 text-decoration: underline;
}

/* Workaround for IE */
#footer p
{
margin: 85px 0 0 50px; 
font-size: 0.8em;
text-transform: uppercase;
/*text-transform: capitalize;*/
}
/* Firefox version */
html>body #footer p
{
margin: 0px 0 0 50px; 
font-size: 0.8em;
line-height: 18.6em;
text-transform: uppercase;
/*text-transform: capitalize;*/
}

/* and the same work around for the members map ... */
#footermap p
{
margin: -15px 0 0 50px; 
font-size: 0.8em;
text-transform: uppercase;
/*text-transform: capitalize;*/
}
/* Firefox version */
html>body #footermap p
{
margin: -20px 0 0 50px; 
font-size: 0.8em;
/*line-height: 1.5em;*/
text-transform: uppercase;
/*text-transform: capitalize;*/
}
 
 
/* ----------------------
... and all this stuff again
for the footer area in the 
'special' map members page.
-------------------------*/ 
#membersextra { width: 760px; height: 29px; background: #ffffff url('images/inner-members-extra.gif') no-repeat;}

#footermembers { 
 width: 760px;
 height: 102px;
 color: #333;
 background: #ffffff url('images/Inner-Members-bottom.gif') no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#footermembers a{ 
 color: #000;
 text-decoration: none;
}

#footermembers a:hover{ 
 color: #dc143c;
 text-decoration: underline;
}

/* Workaround for IE */
#footermembers p
{
margin: 85px 0 0 50px; 
font-size: 0.8em;
text-transform: uppercase;
/*text-transform: capitalize;*/
}
/* Firefox version */
html>body #footermembers p
{
margin: 0 0 0 50px; 
font-size: 0.8em;
line-height: 17.5em;
text-transform: uppercase;
/*text-transform: capitalize;*/
}

 
/* ----------------
Miscellaneous stuff
-------------------*/ 
.noborder {border: 0px solid #fff;}
.mailto {color: navy; text-decoration: none;}
.torf {color: #ff0000; font-size: 1.1em; font-weight: bold;}
.phone {color: #000000; font-size: 1.1em; font-weight: bold;}