/*      GENERAL STYLING      */

img {
border: 0;
}

html { height: 100%; margin-bottom: 1px; }

body {
color: #333;
font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
font-size: 76%;
margin: 0;
padding: 0;
font-weight: normal;
background: #D6D7D2;
text-align: left;
}

div.container {
margin: 0 auto;
padding: 0;
width: 760px;
background: #fff;
}

p {
font-size: 1em;
text-align: left;
margin: 0;
padding: 15px;
line-height: 150%;
}

h2 {
margin: 0 15px 0 15px;
padding: 15px 0 0 0;
font-size: 1.5em;
line-height: 150%;
}

p.biggerp {
font-size: 1.3em;
}

span.bigger {
font-size: 1.3em;
line-height: 200%;
margin-top: 40px;
}

span.centred {
padding: 6px 0 6px 0;
margin: 10px 0 10px 0;
border-top: 1px solid #8f4c9e;
border-bottom: 1px solid #8f4c9e;
width: 446px;
display: block;
text-align: center;
}

span.hunderline {
padding: 0 0 0 0;
margin: 0 0 -5px 0;
border-bottom: 1px solid #ebeff2;
display: block;
}

span.hsmaller {
font-size: 0.8em;
color: #8eb640;
}

a { text-decoration: none; }
a:link { text-decoration: none; color: #333; border-bottom: 1px solid #a2c165; }
a:visited { text-decoration: none; color: #333; border-bottom: 1px solid #a2c165; }
a:hover { text-decoration: none; color: #a2c165; border-bottom: 1px solid #a2c165;}


/*      HEADER STYLING      */

div.header h1 {position: absolute; left: -5000px;}
div.header h2 {position: absolute; left: -5000px;}

div.header {
margin: 0px 0px 0px 0px;
padding: 0;
width: 760px;
position: relative;
}

img.homesignup {
float: right;
margin: 10px;
}

img.logoimg {
float: right;
margin: 25px 25px 0 0;
}

img.frimg {
float: right;
margin: 10px 0 10px 10px;
}

img.bigicons {
float: right;
margin: 0 0 10px 10px;
}

img.greenarrow {
margin: 0 0 -3px 7px;
padding: 0 0 0 0;
}

p.logonote {
float: right;
margin: 0;
padding: 0;
position: absolute;
top: 65px;
right: 24px;
font-size: 0.95em;
}



/*      MENU STYLING      */

div.header ul {
margin: 0 0 0 10px;
padding: 78px 0 8px 0;		/* PADDING A. (EIGHT TOP/BOTTOM) NEEDED FOR PADDING B TO WORK. */
border: none;
background: url(../img/tabdrop.gif) repeat-x bottom center;
}

div.header ul li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

div.header ul li a, div.header ul li a:link, div.header ul li a:visited {
margin: 0;
padding: 8px 10px 8px 10px;		/* PADDING B. */
font-weight: normal;
text-decoration: none;
color: #333;
border: none;
background: #b3d66f url(../img/greentab.gif) repeat-x bottom center;
}

div.header ul li a:hover {
text-decoration: underline;
}

div.header ul li a.activestate, div.header ul li a.activestate:visited {
background: #8f4c9e;
font-weight: bold;
color: #fff;
}



/*      SUB-PAGE MENU STYLING      */

div.smenu {
margin: 0;
padding: 0;
}

div.smenu ul {
margin: 0 10px 0 10px;
padding: 8px 0 8px 4px;		/* PADDING A. (EIGHT TOP/BOTTOM) NEEDED FOR PADDING B TO WORK. */
border-bottom: 1px solid #f1f1f1;
}

div.smenu ul li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

div.smenu ul li a, div.smenu ul li a:link, div.smenu ul li a:visited {
margin: 0;
padding: 8px 10px 8px 10px;		/* PADDING B. */
font-weight: normal;
text-decoration: none;
color: #333;
border: none;
}

div.smenu ul li a:hover {
text-decoration: underline;
}

div.smenu ul li a.smenuactive, div.smenu ul li a.smenuactive:visited {
background: url(../img/purple-pointer.gif) no-repeat 50% 0;
font-weight: bold;
}



/*      GENERAL CONTENT STYLING       */

div.content {
width: 760px;
}

div.ptriple {
width: 253px;
float: left;
margin: 0;
padding: 0;
}

p.ptriplegrey {
width: 223px;
float: left;
background: #f2f2f2;
}



/*      WHY PAGE STYLING       */

p.twocolumns {
width: 350px;
float: left;
}

div.whybox {
width: 350px;
margin: 0 0 0 12px;
padding: 0 0 0 3px;
float: left;
background: url(../img/pill.gif) no-repeat 0 2px;
}

div.whybox a:hover {color: #693;}

span.dottedline {
height: 0px;
border-top: 1px dotted #693;
width: 350px;
float: left;
margin: 0;
padding: 0;
}






/*      SUB-PAGE CONTENT STYLING       */

div.pcontent {
width: 760px;
border-top: 6px solid #8f4c9e;
}

div.twothirds {
width: 477px;
float: left;
background: url(../img/greenie.gif) no-repeat 100% 10px;
}

div.onethird {
float: left;
width: 280px;
}

div.linedthird {
width: 223px;
float: left;
border-right: 1px solid #e3e3e3;
}

div.clippy {
height: 180px;
width: 220px;
position: relative;
margin: 0 0 0 20px;
}



/*      PURPLE BG CONTENT STYLING       */

div.purplecontent {
width: 760px;
background: #8f4c9e url(../img/womanp.jpg) no-repeat bottom right;
border-bottom: 6px solid #754182;
margin: 0;
padding: 0;
}

div.purplecontent p {
color: #fff;
width: 223px;
float: left;
}

div.purplecontent a { text-decoration: none; }
div.purplecontent a:link { text-decoration: none; color: #fff; border-bottom: 1px solid #BEA3D5; }
div.purplecontent a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #BEA3D5; }
div.purplecontent a:hover { text-decoration: none; color: #BEA3D5; border-bottom: 1px solid #BEA3D5;}

div.purplelinks {
color: #fff;
width: 253px;
float: left;
background: #754182;
margin: 0;
padding: 0 0 0 0;
}

div.purplelinks p {
color: #fff;
width: auto;
}

div.purplelinks a#signuplink { text-decoration: none; border: none; background: #333; display: block; margin: 5px 5px 10px 10px; float: right; }
div.purplelinks a#signuplink:link { text-decoration: none; border: none; background: #333; width: 143px; height: 24px; }
div.purplelinks a#signuplink:visited { text-decoration: none; border: none; background: #333; }
div.purplelinks a#signuplink:hover { text-decoration: none; border: none; background: #666; }




/*      CONTACT FORM STYLING      */

form {
margin: 20px 10px 30px 10px;
}

fieldset {
margin: 0;
padding: 0;
border: none;
}

input {
display: block;
width: 180px;
float: left;
margin: 0 0 10px 0;
}

textarea {
display: block;
width: 300px;
float: left;
margin: 0 0 10px 0;
background: #f7f7f7;
}

select {
display: block;
float: left;
margin: 0 0 10px 0;
}

select#re {
width: 304px;
}

label {
float: left;
display: block;
text-align: right;
width: 110px;
padding: 2px 10px 0 10px;
margin: 0;
color: #666;
}

br {
clear: left;
}

input.submit {
margin: 25px 0 10px 130px;
padding: 3px;
}

div.formdivider {
margin: 0;
padding: 0;
height: 3px;
border-bottom: 1px solid #ccc;
position: relative;
}

label.highlighted {
font-weight: bold;
color: #333;
}

span.finalformnote {
position: absolute;
top: 10px;
left: 132px;
font-style: italic;
}



/*      NOTE BOX STYLING      */

div.notebox {
border: 1px solid #ccc;
background: #f7f7f7;
float: left;
width: 180px;
margin: 0px 15px 15px 15px;
padding: 15px;
}



/*       GREEN ARROW LINK        */

div.gbouter {
margin: 0 0 0 10px;
padding: 0;
clear: both;
}

ul.greenblock {
margin: 0 0 8px 0;
padding: 0 0 0 0;
font-size: 1.1em;
color: #acdb42;
float: left;
background: url(../img/biggreenarrow.gif) no-repeat 0px 100%;
border-top: 1px solid #673a73;
border-bottom: 1px solid #673a73;
width: 231px;
}

ul.greenblock li {
display: block;
list-style: none;
margin: 0 0 0 60px;
padding: 8px 13px 8px 0;
}

ul.greenblock li a, ul.greenblock li a:link, ul.greenblock li a:visited {
margin: 0;
padding: 0;		/* PADDING B. */
font-weight: normal;
text-decoration: none;
color: #acdb42;
border: none;
}

ul.greenblock li a:hover {
border: none;
color: #caf170;
}


/*      APLIST (LIST WITH APOSTROPHE) STYLING       */

ul.aplistrightcol {
margin: 0.5em 0 2.2em 1.5em;
padding: 0 0 0 1.5em;
}

ul.aplistrightcol li {
margin: 0 25px 4px 0;
padding: 0;
list-style: square url(../img/apbullet.gif) ;
}

ul.aplist {
margin: 0 0 2.2em 1.3em;
padding: 0 0 0 1.3em;
}

ul.aplist li {
margin: 0 25px 4px 0;
padding: 0;
list-style: square url(../img/apbullet.gif) ;
}

ul.subaplist {
margin: 0 1.3em 0 1.3em;
padding: 0 0 0 1.3em;
}

ul.subaplist li {
margin: 0 25px 4px 0;
padding: 0;
list-style: square url(../img/apbullet.gif) ;
}





/*      STYLING FOR FOOTER      */

div.footer {
margin: 0;
padding: 0;
width: 760px;
clear: both;
background: #D6D7D2;
border-top: 3px solid #b3d66f;
}

div.footer p {
font-size: 0.9em;
color: #b0b0b0;
margin: 0;
padding: 6px 10px 10px 5px;
float: left;
}

div.footer p.flrp {
color: #b0b0b0;
margin: 0;
padding: 6px 5px 10px 0px;
float: right;
}

div.clearingdiv {
clear: both;
margin-top: -1px;
height: 1px;
overflow: hidden;
background: yellow;
width: 0px;
height: 0px;
}

div.footer a { text-decoration: none; }
div.footer a:link { text-decoration: none; color: #b0b0b0; border: none; }
div.footer a:visited { text-decoration: none; color: #b0b0b0; border: none; }
div.footer a:hover { text-decoration: none; color: #333; border: none; }