/* CSS Document */
* {
padding:0;
margin:0;
}

body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 80%;
color: #000000
}
strong {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
p {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
h1 {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}
h2 {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
h3 {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
ul {margin-left: 20px;}
ul li {
margin-left: 20px;
}
li {list-style-type: square;}
/*******************************************************************/
/*******************************************************************/
a img { /* To replace deprecated attribute border="0" */
border: 0px;
}
/*******************************************************************/
/* SECTIONS **********************************************************/
#sub-section div {text-align:center}
#header,#menu,#content,#sub-section,#footer {padding:0px 0}

#header_pt1 {background:  url(../images/backgrounds/background_grey_gradient.gif)}
#header_pt2 {background:  url(../images/backgrounds/background_pink.gif)}
#menu {background:#FFFFFF}
#header_pt3 {background:#CC3366}
#header_pt4 {background:#FFFFFF}
#content {background:#FFFFFF}
#sub-section {background:#FFFFFF}
#footer {background:#FFFFFF}
#footer_menu {background:#FFFFFF}
#footer_address {background:  url(../images/backgrounds/background_grey_gradient.gif)}
/*******************************************************************/
body {text-align:center;}
#wrap { /* fullpage wrap */
width:100%;
margin-left: auto; /* centres the site in the middle of the page */
margin-right: auto; /* centres the site in the middle of the page */
background:   url(../images/backgrounds/backgroundFFFFFF.gif);
}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the background above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an horizontal scrollbar)  */
#header_pt1 {
overflow:hidden;
text-align:center;
width:100%; /* needed for FIREFOX but uncentres text */
}
#header_pt1 p {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}
#header_pt2 { /* CHECK */
overflow:hidden;
width:100%;
}
#menu { /* CHECK */
overflow:hidden;
width:100%; /* needed for FIREFOX but uncentres text */
text-align:left;
}
#header_pt3 { /* CHECK */
overflow:hidden;
width:100%; /* needed for FIREFOX but uncentres text */
text-align:left;
}
#header_pt3 img {
margin-top: 0px;
margin-right: 0px;
margin-bottom: -2px; /* needed to remove bottom margin that appears by default at bottom of image */
margin-left: 0px;
}
#header_pt4 { /* CHECK */
overflow:hidden;
width:100%;
text-align:left;
}
#content {
overflow:hidden;
text-align:left;
margin: 0px 5px 0px 0px; /* 5 px right margin to give gap between content and sub section */
}
#sub-section{
overflow:hidden;
text-align:left;
margin: 0px 0px 0px 0px;
}
#footer {
overflow:hidden;
text-align:center;
width:100%; /* needed for FIREFOX but uncentres text */
}
#footer_menu {
overflow:hidden;
width:100%; 
text-align:left;
margin: 0px 0px 0px 0px;
}
#footer_address {
overflow:hidden;
width:100%; 
text-align:left;
margin: 0px 0px 0px 0px;
}
#content,#sub-section {float:left}
#content {width:73%}
#sub-section {width:26%}
#footer {clear:left} /* or should it be clear:both */


/*******************************************************************/
/* TEXT **********************************************************/
a.textlinks:link    {
color: #CC3366;
font-weight: normal;
text-decoration: none;	
} 
a.textlinks:visited {
color: #CC3366;
font-weight: normal;
text-decoration: none;
}
a.textlinks:hover {
color: #CC3366;
font-weight: normal;
text-decoration: underline;
} 
a.textlinksbold:link    {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
a.textlinksbold:visited {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.textlinksbold:hover {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
} 
a.menulinks:link    {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
} 
a.menulinks:visited {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.menulinks:hover {
color: #CC3366;
font-weight: bold;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: 2px #CC3366 solid;
} 
.menutext {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #CC3366;
}
.heretext {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #FFFFFF;
}
/*******************************************************************/
/* BOXES **********************************************************/
.roundedcorner_box {
background:  url(../images/ad_boxes/roundedcorner_tl.gif) no-repeat top left;
}
.roundedcorner_top {
background:  url(../images/ad_boxes/roundedcorner_tr.gif) no-repeat top right;
}
.roundedcorner_bottom {
background:  url(../images/ad_boxes/roundedcorner_bl.gif) no-repeat bottom left;
}
.roundedcorner_bottom div {
background:  url(../images/ad_boxes/roundedcorner_br.gif) no-repeat bottom right;
}
.roundedcorner_content {
background:  url(../images/ad_boxes/roundedcorner_r.gif) top right repeat-y;
}

.roundedcorner_top div,.roundedcorner_top,
.roundedcorner_bottom div, .roundedcorner_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_content, .roundedcorner_bottom {
margin-top: -10px;
}
.roundedcorner_content { 
padding: 0 10px; 
}
.roundedcorner_content p { 
text-align:left;
}
.roundedcorner_content h2 { 
text-align:left;
}
.roundedcorner_content ul { 
text-align:left;
}
/*******************************************************************/
/* SEPARATORS **********************************************************/
.separator_strip { 
height: 1px;
background: #CC3366;
clear: both;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
.separator_strip_thick { 
height: 2px;
background: #CC3366;
clear: both;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
.separator_strip_grey { 
height: 2px;
background: #CCCCCC;
clear: both;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
.header_separator_strip{ 
height: 2px;
background: #999999;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.footer_separator_strip { 
height: 2px;
background: #CC3366;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.grey_footer_separator_strip { 
height: 1px;
background: #CCCCCC;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/*******************************************************************/
/* POSITION **********************************************************/
.fix_right { /* CHECK IF USED */
margin: 0px 0px 0px 0px;
float: right;
padding: 0px 0px 10px 0px; /* 10px bottom padding needed for Firefox */
}
.sub_sect_img { /* CHECK IF USED */
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px; 
}
.centre_image { /* USED */
overflow:hidden;
display: block;
text-align:center;
}
.centre_img { /* CHECK IF USED */
display: block;
margin-left: auto;
margin-right: auto;
}
div.row { 
clear: both;
}
div.row span.left { 
float: left;
text-align: left;
margin: 0px 0px 0px 0px;
}
div.row span.right { 
float: right;
text-align: right;
margin: 0px 0px 0px 0px;
}
div.row_footer_menu { 
clear: both;
}
div.row_footer_menu span.left { 
float: left;
text-align: left;
margin: 10px 10px 10px 10px;
}
div.row_footer_menu span.right { 
float: right;
text-align: right;
margin: 10px 10px 10px 10px;
}
div.row_footer_address { 
clear: both;
}
div.row_footer_address span.left { 
float: left;
text-align: left;
margin: 10px 10px 10px 10px;
}
div.row_footer_address span.right { 
float: right;
text-align: right;
margin: 10px 10px 10px 10px;
}
div.row_here { 
clear: both;
}
div.row_here span.left { 
float: left;
text-align: left;
margin: 0px 0px 0px 0px;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
color: #FFFFFF;
}
div.row_here span.right { 
float: right;
text-align: right;
margin: 0px 0px 0px 0px;
}
.image_centre { /* CHECK IF USED */
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.centre_table { /* NEEDED FOR FIREFOX */
margin-left: auto;
margin-right: auto;
}
#table_style { /* NEEDED FOR IE */
text-align:center;
}
.tabletext_centre {
text-align:center;
margin: 0px 0px 0px 0px;
}
.tabletext {
font-size: 80%;
margin: 0px 0px 0px 0px;
}
.membership_table { 
width:90%;
border-collapse:collapse;
text-align:center; /* NEEDED FOR IE */
margin-left: auto; /* NEEDED FOR FIREFOX */
margin-right: auto; /* NEEDED FOR FIREFOX */
}
.membership_table td, .membership_table th {
font-weight: normal;
text-align:left;
border:1px solid #FFFFFF;
padding:3px 7px 2px 7px;
}
.membership_table th {
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#CC3366;
color:#FFFFFF;
}
.membership_table tr.alt td {
color:#000000;
background-color:#CCCCCC;
}
/*******************************************************************/
/* FORMS **********************************************************/
.mailingtext { /* TEXT COLOUR ON MAILING LIST FORM*/
font-family: Tahoma, Geneva, sans-serif;
color: #CC3366;
font-size: 100%;
}