/*Body text  
*/
body {font-family: "verdana", Arial, tahoma, verdana, serif, "times new roman";
      background:url(images/back_oakhanger.jpg);
      width:100%;
      height:100%;
      color:#000000;
      line-height:1.2em;}

/*Underline body text links
*/

a {text-decoration:underline;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#3333CC;}
a:active {color:#000000;}

/*Don't underline nav text links
*/

a.nav:link {text-decoration:none;
             color:#006600;
             font-size:1.1em;}
a.nav:visited {text-decoration:none;
             color:#006600;
             font-size:1.1em;}
a.nav:hover {text-decoration:underline;
             color:#339933;
             font-size:1.1em;}
a.nav:active {text-decoration:none;
             color:#006600;
             font-size:1.1em;}


/*Help page links
*/

a.help:link {text-decoration:underline;
             color:#000066;
             font-size:1.2em;}
a.help:visited {text-decoration:underline;
             color:#000066;
             font-size:1.2em;}
a.help:hover {text-decoration:none;
             color:#0033FF;
             font-size:1.2em;}
a.help:active {text-decoration:underline;
             color:#000066;
             font-size:1.2em;}

/*adjust bullet points
*/
ul.home {margin-left:-1.5em;}


/*Table
*/

table {border-width: 1px;
       border-spacing: 0px;
       border-collapse: collapse;}

table th {border-width: 1px;
          border-spacing: 0px;
          padding: 0.4em;}

table td {border-width: 1px;
          border-spacing: 0px;
          padding:0.65em;}


/*Image links
*/

img {border:none;}

/*Make heading 1s blue. 
*/
h1 {font-family:  "verdana", Arial, tahoma, verdana, Times, serif, "times new roman";
    font-size:1.5em;
    color:#000033;
    line-height:1.5em;}

/*Make heading 1s for Wendelien name. 
*/
h1.name {font-family: "verdana", Arial, tahoma, verdana, Times, serif, "times new roman";
    font-size:1.2em;
    color:#000099;
    line-height:0em;}


/*Make heading 2s white. 
*/
h2 {font-family: "verdana", tahoma, Arial, tahoma, verdana, serif, "times new roman";
    font-size:1em;
    color:#000000;}

/*create a border around some text 
*/

div.styled {border:2px solid #3333CC;
            padding:0.5em;}

/*Top background blue
*/

div.top {display:block;
         position:absolute;
         width:57.5em;
         height:11.25em;
         margin-left:10em;
         background:url(images/top_back.png);
         z-index:2;}

/*Nav bar on left
*/

div.nav {display:block;
         position:absolute;
         width:13em;
         height:34em;
         margin-top:12em;
         margin-left:5em;
         background:none;
         color:#000099;
         font-size:1.1em;
         line-height:2.3em;
         z-index:2;}

/*Home page main section
*/

div.main1 {display:block;
           position:absolute;
           width:60em;
           height:50em;
           margin-top:1em;
           margin-left:6em;
           font-size:0.95em;
           color:#000000;
           padding:1em;}


/*About Me page main section
*/

div.maina {display:block;
           position:absolute;
           width:56em;
           height:40.5em;
           margin-top:15.5em;
           margin-left:26.5em;
           background:url(images/main_about_back.png);
           font-size:0.8em;
           text-align:justify;
           color:#000000;
           padding:1em;
           background-repeat:no-repeat;
           z-index:3;}

/*counselling page background
*/

div.mainc {display:block;
           position:absolute;
           width:56em;
           height:100em;
           margin-top:15.5em;
           margin-left:26.5em;
           background:url(images/main_counselling_back1.png);
           background-repeat:no-repeat;
           font-size:0.8em;
           text-align:justify;
           color:#000000;
           padding:1em;}


/*bereavement page background
*/

div.mainb {display:block;
           position:absolute;
           width:56em;
           height:67em;
           margin-top:15.5em;
           margin-left:26.5em;
           background:url(images/main_bereavement_back.png);
           background-repeat:no-repeat;
           font-size:0.8em;
           text-align:justify;
           color:#000000;
           padding:1em;}

/*links page background
*/

div.mainl {display:block;
           position:absolute;
           width:56em;
           height:70em;
           margin-top:15.5em;
           margin-left:26.5em;
           background:url(images/main_link_back.png);
           background-repeat:no-repeat;
           font-size:0.8em;
           text-align:justify;
           color:#000000;
           padding:1em;}


/*Special page background
*/

div.mains {display:block;
           position:absolute;
           width:56em;
           height:56em;
           margin-top:15.5em;
           margin-left:26.5em;
           background:url(images/main_special_back.png);
           background-repeat:no-repeat;
           font-size:0.8em;
           text-align:justify;
           color:#000000;
           padding:1em;}

/*Special page image section background
*/

div.mains1 {display:block;
           position:absolute;
           width:30em;
           height:5em;
           margin-top:58em;
           margin-left:28em;
           background:url(images/white_about_back.png);
           background-repeat:no-repeat;
           vertical-align: middle;
           font-size:0.8em;
           padding:1em;
           z-index:3;}


/*Help page first white background
*/

div.help1 {display:block;
           position:absolute;
           width:30em;
           height:3em;
           margin-top:19em;
           margin-left:22em;
           background:url(images/white_help_back.png);
           background-repeat:no-repeat;
           padding-left:2em;
           padding-top:0.5em;
           z-index:3;}

/*Help page second white background
*/

div.help2 {display:block;
           position:absolute;
           width:30em;
           height:3em;
           margin-top:23.5em;
           margin-left:22em;
           background:url(images/white_help_back.png);
           background-repeat:no-repeat;
           padding-left:2em;
           padding-top:0.5em;
           z-index:3;}

/*Help page third white background
*/

div.help3 {display:block;
           position:absolute;
           width:30em;
           height:3em;
           margin-top:28em;
           margin-left:22em;
           background:url(images/white_help_back.png);
           background-repeat:no-repeat;
           padding-left:2em;
           padding-top:0.5em;
           z-index:3;}

/*Help page fourth white background
*/

div.help4 {display:block;
           position:absolute;
           width:30em;
           height:3em;
           margin-top:32.5em;
           margin-left:22em;
           background:url(images/white_help_back.png);
           background-repeat:no-repeat;
           padding-left:2em;
           padding-top:0.5em;
           z-index:3;}

/*Help page fifth white background
*/

div.help5 {display:block;
           position:absolute;
           width:30em;
           height:3em;
           margin-top:37em;
           margin-left:22em;
           background:url(images/white_help_back.png);
           background-repeat:no-repeat;
           padding-left:2em;
           padding-top:0.5em;
           z-index:3;}

/*What I can help with page first column
*/

div.what1 {display:block;
           position:absolute;
           width:23em;
           height:40em;
           margin-top:21em;
           margin-left:27em;
           font-size:0.8em;
           z-index:4;}

/*What I can help with page second column
*/

div.what2 {display:block;
           position:absolute;
           width:22em;
           height:40em;
           margin-top:21em;
           margin-left:52em;
           font-size:0.8em;
           z-index:4;}

/*Contact page white background
*/

div.cont1 {display:block;
           position:absolute;
           width:7em;
           height:28em;
           margin-top:18em;
           margin-left:22.5em;
           background:url(images/contact_white_image.png);
           background-repeat:no-repeat;
           padding-top:0.5em;
           z-index:2;}

/*Contact page actual details
*/

div.cont2 {display:block;
           position:absolute;
           width:28em;
           height:20em;
           margin-top:14em;
           margin-left:22em;
           background:none;
           font-size: 1.3em;
           line-height:1.25em;
           z-index:5;}


/*Links page white background
*/

div.link1 {display:block;
           position:absolute;
           width:13em;
           height:42em;
           margin-top:18em;
           margin-left:22em;
           background:url(images/link_white.png);
           background-repeat:no-repeat;
           padding-top:0.5em;
           z-index:3;}

/*links page actual details
*/

div.link2 {display:block;
           position:absolute;
           width:20em;
           height:28em;
           margin-top:13em;
           margin-left:25em;
           background:none;
           font-size: 1.4em;
           line-height:1.3em;
           padding-top:0.5em;
           z-index:4;}