/* set a level playing field */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body{
font-family: Verdana,Arial,sans-serif;
color: #333; /* this is the main body text colour - charcoal grey */
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 70%;
text-align: justify;
}
a{
color: #000;
text-decoration: none;
}
a:link{
color: #000;
text-decoration: underline;
}
a:visited{
color: #000;
text-decoration: none;
}
a:hover{
color: #990033;
text-decoration: underline;
}
/*div {
border: 1px solid #f00;
}*/
/***********************************************/
/* Banner */
#bannerLeft {
border-bottom: 0px solid #fff;
height: 120px;
margin: 0px;
background-image: url(../images/bannerLeft.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#bannerText {
font-family: Verdana,Arial,sans-serif;
color: #666; /* this is the main body text colour - charcoal grey */
margin-left: 15px;
margin-top: 5px;
padding: 10px 10px 10px 10px;
font-size: 16px;
font-weight: normal;
text-align: left;
float:left;
}
#bannerRight {
border-bottom: 0px solid #fff;
height: 120px;
margin: 0px;
background-image: url(../images/bannerRight.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#bannerBackground {
border-bottom: 0px solid #fff;
height: 120px;
margin: 0px;
background-image: url(../images/bannerBg.jpg);
}
/***********************************************/
h1{
font-family: Verdana,Arial,sans-serif;
font-size: 130%;
color: #5aa7a7;
margin: 0px;
padding: 0px;
}
h2{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #5aa7a7;
font-style: italic;
margin: 0px;
padding: 0px;
}
h3{
font-family: Verdana,Arial,sans-serif;
font-size: 99%;
color: #666;
margin: 0px;
padding: 10px 0px 10px 0px;
}
h4{
font-family: Verdana,Arial,sans-serif;
font-size: 110%;
color: #5aa7a7;
margin: 0px;
padding: 10px 0px 10px 0px;
}
h5{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #ff0000;
margin: 0px;
display: inline;
}
.class h3{
font-family: Verdana,Arial,sans-serif;
font-size: 98%;
color: #ccc;
margin: 0px;
padding: 0px;
}
/************** #unordered list styles **************/
.unorderedlist {
margin: 5px 0 2px 25px;/*set the margins*/
}
#bullets {
color: #333;
padding: 15px 0 15px 35px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 150px;
}
#bulletboxtop {
color: #000;
font-weight: bold;
text-align: left;
padding: 5px 18px 5px 17px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
width: 150px;
background-color: #99cccc;
}
#bulletsAlt {
color: #000;
padding: 15px 0 15px 35px;
}
#bulletsExpanded {
width: 300px;
color: #666;
background-color: #fff;
padding: 10px;
margin-bottom: 25px;
border: 1px solid #999;
}
#bulletsExpanded ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
#bulletsExpanded ul li {
margin-left: 0;
padding-left: 2px;
border: none;
display: inline;
}
/************** #expanded listing styles **************/
#keywords {
width: 300px;
margin: 0;
padding: 2px;
color: #666;
background-color: #fff;
border: 1px dashed #999;
text-align:left;
}
#advertheading {
width: 300px;
margin: 0;
padding: 2px;
color: #000;
background-color: #ffcccc;
}
#advertheading h3 {
font-family: Verdana,Arial,sans-serif;
font-size: 99%;
color: #666;
margin: 0;
padding: 5px 0px 0 8px;
color: #000000;
}
#advertheading p {
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
}
#advertheading a {
display: block;
text-decoration: underline;
font-weight: normal;
color: #000;
}
#advertheading a:hover, #advertheading a:active, #advertheading a:focus {
color: #000;
text-decoration: underline;
letter-spacing: 0.01px;
}
/************** #end of expanded listing styles **************/
#copyright{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #000;
font-weight: bold;
margin: 0px;
padding: 0px;
}
#nav {
width: 189px;
float: left;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 95%;
font-weight: normal;
text-align: left;
}
#navCol {
width: 188px;
border-right: 1px solid #99cccc;
background-repeat: repeat-y;
}
#rightCol {
width: 245px;
float: right;
color: #fff;
}
#rightCol h4 {
width: 180px;
color: #fff;
display: inline;
font-weight: bold;
}
#leftColAddress {
width: 188px;
color: #666;
background-color:#fff;
padding-top: 20px;
padding-bottom: 50px;
font-weight: normal;
border: 1px solid #99cccc;/*add a border*/
font-style: normal;
text-align: center;
font-size: 93%;
}
#homebox {
padding: 10px 10px 10px;
font-size: 95%;
font-style: italic;
color: #666;
text-align: left;
border: 1px dashed #99cccc;
margin-top: 20px;
border-color: #ccc;
}
/* #whyjoin {
padding: 0 10px 10px;
font-size: 95%;
color: #000;
text-align: left;
border: 1px dotted #fff;
margin-top: 10px;
border-color: #990134;
}
*/
#content {
padding-left: 200px;
padding-right: 250px;
padding-top: 10px;
padding-bottom: 20px;
}
#content p{
padding-top: 7px;
padding-bottom: 7px;
}
#content a {
text-decoration: underline;
color: #000;
}
#content a:hover, #memberlist a:active, #memberlist a:focus {
color: #999;
text-decoration: underline;
letter-spacing: 0.01px;
}
#box {
font-family: Verdana,Arial,sans-serif;
color: #333;
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 95%;
text-align: left;
}
#innerContentWrapper {
border: 1px solid #fff;
background-image: url(/images/contentWrapper2.jpg);
background-repeat: repeat-y;
background-position: left top;
}
#outerContentWrapper {
border-top: 1px solid #fff;
background-image: url(/images/contentWrapper1.jpg);
background-repeat: repeat-y;
background-position: right top;
}
#bodger {
clear: both;
}
/*align images to the left in the content area*/
.left {
float: left;/*float to the left*/
border: 1px solid #ccc;/*add a border*/
margin: 5px 10px 5px 15px;/*set the margins*/
}
/*align images to the right in the content area*/
.right {
float: right;/*float to the right*/
border: 1px solid #ccc;/*add a border*/
margin: 5px 5px 8px 12px;/*set the margins*/
}
.rightExpanded {
float: right;/*float to the right*/
border: 1px solid #fff;/*add a border*/
margin: 2px 0 8px 12px;/*set the margins*/
}
/*align images to the right in the content area*/
.thumbsright {
float: right;/*float to the right*/
border: 1px solid #ccc;/*add a border*/
margin: 5px 5px 8px 2px;/*set the margins*/
}
/* pullquotes */
blockquote {
float: right;
width: 300px;
margin: 5px -20px 5px 20px; /* minus moves the blockquote to the right */
background: #D9E8E8 url(../images/pullquote_top.gif) no-repeat;
position: relative;
}
#contentArea > blockquote {
margin-right: -60px;
}
p.quoteBody {
color: #666;
font-size: 135%;
line-height: 1.2em;
font-weight: bold;
padding: 40px 10px 20px 25px;
text-align: center;
background: url(../images/quotemark_bottom.gif) bottom right no-repeat;
width: 285px;
voice-family: "\"}\"";
voice-family:inherit;
width: 250px;
}
p.quoteCite {
color: #999;
font-size: 105%;
font-weight: bold;
font-style: italic;
text-align: center;
padding-right: 10px;
padding-bottom: 30px;
background: url(../images/pullquote_bottom.gif) left bottom no-repeat;
margin-bottom: 0;
}
/* end of pullquotes */
/************** #memberlist styles **************/
#memberlist {
padding: 10px 10px 1px;
font-size: 90%;
color: #666;
text-align: center;
border: 1px solid #99cccc;
margin-top: 10px;
}
#memberlist_forums {
padding: 10px 10px 10px;
font-size: 96%;
color: #000;
text-align: center;
font-weight: bold;
background-image: url(../images/crayon.gif);
border: 0px solid #999;
margin-top: 10px;
}
#memberlist a {
display: block;
text-decoration: underline;
font-weight: bold;
color: #000;
}
#memberlist a:hover, #memberlist a:active, #memberlist a:focus {
color: #000;
text-decoration: underline;
letter-spacing: 0.01px;
}
/**************** vacant categories *****************/
#vacancies {
width: 160px;
color: #fff;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
margin-top: 20px;
padding-bottom: 20px;
font-weight: normal;
font-style: normal;
text-align: center;
border: 1px dashed #fff;
font-size: 93%;
}
#vacancies a {
display: block;
text-decoration: underline;
color: #fff;
}
#vacancies a:hover, #memberlist a:active, #memberlist a:focus {
color: #fff;
text-decoration: underline;
letter-spacing: 0.01px;
}
#vacancies h2 {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
color: #fff;
font-weight: bold;
font-style: normal;
padding-top: 0px;
padding-bottom: 8px;
}
/**************** email style ***********************/
#email a {
text-decoration: underline;
color: #666;
}
#email a:hover, #memberlist a:active, #memberlist a:focus {
color: #666;
text-decoration: none;
letter-spacing: 0.01px;
}
/************ newsfeed ***********/
.box {
margin: 5px 0;
border: 1px solid #999;
padding: 5px;
}
.box h1 {
color: #3f9fc0;
font-size: 90%;
text-align: center;
}
.box#mothers35plus p {
color: #666;
font-size: 80%;
}
#sideColumn2 #newsfeed h2 a {
color: #999;
font-size: 50%;
}
#sideColumn2 #newsfeed p {
padding-left: 10px;
}
.box p {
font-size: 70%;
text-align: justify;
line-height: 150%;
padding: 5px 0 5px 0;
}
.box p.textRight {
text-align: right;
}
/************** #unordered list styles **************/
.unorderedlist {
margin: 5px 0 2px 25px;/*set the margins*/
}
/************** #right column styles **************/
.right_column {
padding: 10px 10px 10px;
font-size: 110%;
color: #fff;
text-align: justify;
border: 1px dashed #fff;
}
.right_column img{
display: block;
}
/************** #headlines styles **************/
#headlines{
margin: 0px;
padding: 0px 3px 10px 10px;
color: #fff;
font-size: 100%;
}
#headlines p{
padding: 5px 0px 5px 0px;
}
/************* #globalNav styles **************/
#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #018ec4;
color: #000; /* this is the colour of the separator line - dark blue */
}
#globalNav img{
display: block;
}
#globalNav a {
font-size: 80%; /* this is the text at top - home contact us etc */
padding: 0 4px 0 0;
}
/*************** #pageName styles **************/
#pageName{
margin: 0px;
padding: 0px 0px 0px 10px;
color: #008000; /* this is the colour of the Welcome to - green */
}
/************* #breadCrumb styles *************/
#breadCrumb{
font-size: 80%;
padding: 2px 0px 5px 10px;
}
/************ #arrow img *********/
#morearrow img{
padding: 2px 2px 2px 2px;
border: 0;
vertical-align: middle;
horizontal-align: middle;
}
/********** polls ********************/
#polllight {
color: #000000;
background: #F0F0F0;
;
}
#polldark {
font-family: verdana, arial;
font-size: 10px;
color: #FFFFFF;
background: #000;
color: #fff;
text-align: left;
}
#polltable {
font-family: verdana, arial;
font-size: 10px;
border: 1px;
border-color: #000000;
border-style: solid;
text-align: left;
}
#pollbut {
font-family: verdana, arial;
font-size: 10px;
text-align: left;
}
/************* #footer styles ***************/
#footerLinks{
font-family: Verdana,Arial,sans-serif;
clear: both;
font-size: 85%;
background-color:#ccc;
color: #fff;
padding: 10px 5px 5px 5px;
text-align: left;
}
#footerLinks img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}
#footerLinks a {
text-decoration: none;
color: #fff;
}
#footerLinks a:hover, #footerLinks a:active, #footerLinks a:focus {
color: #999;
text-decoration: underline;
letter-spacing: 0.01px;
}
/************* #copyright styles ***************/
#copyright{
font-family: Verdana,Arial,sans-serif;
font-weight:normal;
clear: both;
font-size: 87%;
color: #999;
padding: 5px 5px 5px 5px;
text-align: left;
}
#copyright img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}
#copyright a {
text-decoration: none;
color: #5aa7a7;
}
#copyright a:hover, #copyright a:active, #copyright a:focus {
color: #999;
text-decoration: underline;
letter-spacing: 0.01px;
}
/* START: Special offer styles --------------------------------------------------------------------- */
#offersWrapper {
width: 510px;
margin: 0 auto;
float:left;
}
#offers {
float: left;
padding: 0;
margin:0 4px 15px 4px;
color: #000;
width: 510px;
background-color:#eee;
border: 1px dotted #666;
padding: 5px;
}
#offers img {
padding: 0;
border: 1px solid #999;
margin-right: 6px;
margin-left: 0;
float: left;
}
/* END: Special offer styles --------------------------------------------------------------------- */
#bamboo {
float: left;
padding: 0;
margin: 0 4px 5px 10px;
color: #000;
width: 210px;
background-color:#eee;
border: 1px dotted #666;
padding: 5px;
text-align:center;
}
#bambooBlank {
float: left;
padding: 0;
margin: 0 4px 5px 10px;
color: #000;
width: 210px;
background-color:#fff;
border: 1px dotted #fff;
padding: 5px;
text-align:center;
}