body
{
 behavior: url("csshover3.htc");
 background: #a8b5c5 url('images/background.jpg') top repeat-x;
 margin-top: 0px;
min-width:800px;
}

div#main_anchorpoint 
{
 position: relative;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 width: 1px;
 height: 1px;
}

img#clouds { position: absolute; top: 0px; left: -482px; z-index: 0; }
img#header_image { position: absolute; top: 11px; left: -395px; z-index: 1; }
img#site_logo { position: absolute; top: 1000px; left: -390px; z-index: 1; }
img#changeyourworld { position: absolute; top: 15px; left: -60px; z-index: 1; }

/* ******************************** LOGIN BOX ******************************** */

div#login
{
 position: absolute;
 margin: 0px;
 padding: 0px;
 top: 0px;
 right: -400px;
 text-align: right;
 font-family: Tahoma, Geneva;
 color: #3c4a5a;
 font-size: 12px;
 z-index: 5;
 background: url('');
}


/* ******************************** MENU BAR ******************************** */


div#menu_anchorpoint { position: absolute; top: 85px; left: -400px; width: 1px; height: 1px; }

div.menubar
{
 -moz-border-radius: 5px 5px 5px 5px;
 position: relative;
 background: url('images/darkblue_sidebar.png') center;
 height: 25px;
 width: 800px;
 z-index: 4; 
}

div.menubox
{
 position: absolute;
 top: 0px;
 width: 100px;
 min-height: 21px;
 padding-top: 4px;
 font-family: verdana;
 font-size: 1.1em;
 color: #3c4a5a;
 font-weight: bold;
 text-transform: uppercase;
 z-index: 5;
}

div.menubox:hover { background: #a8b5c5; }

div.menubox a:link { color: #3c4a5a; text-decoration: none; }
div.menubox a:visited { color: #3c4a5a; text-decoration: none; }
div.menubox:hover a:link { color: #3c4a5a; text-decoration: none; }
div.menubox:hover a:visited { color: #3c4a5a; text-decoration: none; }
div.menubox:hover a:hover { color: #3c4a5a; text-decoration: none; }

div.one { left: 0px; }
div.two { left: 100px; }
div.three { left: 200px; }
div.four { left: 300px; }
div.five { left: 400px; }
div.six { left: 500px; }
div.seven { left: 600px; }
div.eight { left: 700px; }


/* ******************************** MENU POPUP ******************************** */

div.menubox:hover span { visibility: visible; }

div.menubox span
{
 visibility: hidden;
 position: absolute;
 min-width: 100px;
 min-height: 21px;
 padding-top: 4px;
 font-family: Tahoma, Geneva;
 font-size: 14px;
 color: #3c4a5a;
 font-weight: bold;
 background: #a8b5c5;
 z-index: 5;
}

span#item_one { top: 25px; left: 0px; }
span#item_one:hover { background: white; color: #626c78; }
span#item_one:hover a:link { color: #626c78; text-decoration: none; }
span#item_one:hover a:visited { color: #626c78; text-decoration: none; }
span#item_one:hover a:hover { color: #626c78; text-decoration: none; }
span#item_two { top: 50px; left: 0px; }
span#item_two:hover { background: white; color: #626c78; }
span#item_two:hover a:link { color: #626c78; text-decoration: none; }
span#item_two:hover a:visited { color: #626c78; text-decoration: none; }
span#item_two:hover a:hover { color: #626c78; text-decoration: none; }
span#item_three { top: 75px; left: 0px; }
span#item_three:hover { background: white; color: #626c78; }
span#item_three:hover a:link { color: #626c78; text-decoration: none; }
span#item_three:hover a:visited { color: #626c78; text-decoration: none; }
span#item_three:hover a:hover { color: #626c78; text-decoration: none; }


/* ******************************** GARETH BOX ******************************** */


div#gareth_anchorpoint { position: absolute; top: 120px; left: -400px; width: 1px; height: 1px; }

div.gareth_box
{
 -moz-border-radius: 5px 5px 5px 5px;
 position: relative;
 background: url('images/darkblue_sidebar.png') center; 
 width: 360px;
 padding-top: 15px;
 padding-left: 15px;
 padding-right: 115px;
 padding-bottom: 15px;
 height: 85px;
 margin-bottom: 10px;
 text-align: justify;
 font-family: verdana;
 color: #2b1f25;
 font-size: 13px;
}

div.gareth_box span
{
 display: block;
 font-weight: bold;
 font-style: italic;
 margin-top: 10px;
}

img#gareth { position: absolute; top: -5px; left: 370px; z-index: 1; }


/* ******************************** ROTATOR BOX ******************************** */

div#rotator_anchorpoint { position: absolute; top: 120px; left: 100px; width: 1px; height: 1px; }

div.rotator_box
{
 -moz-border-radius: 5px 5px 5px 5px;
 position: relative;
 background: url('images/darkblue_sidebar.png') center; 
 width: 225px;
 padding: 10px;
 padding-right: 65px;
 height: 95px;
 margin-bottom: 10px;
 text-align: justify;
 font-family: verdana;
 color: #3c4a5a;
 font-size: 1em;
}

div.rotator_box a:link { color: #3c4a5a; text-decoration: none; }
div.rotator_box a:visited { color: #3c4a5a; text-decoration: none; }
div.rotator_box a:hover { color: #3c4a5a; text-decoration: none; }

span.rotator_header
{
 display: block;
 font-family: Verdana;
 font-size: 0.9em;
 text-transform: uppercase;
 color: #3c4a5a;
 font-weight: bold;
 margin-bottom: 5px;
}

img#smoking { position: absolute; top: 8px; left: 230px; z-index: 5; }
img#weightloss { position: absolute; top: 12px; left: 243px; z-index: 5; }
img#sports { position: absolute; top: 12px; left: 240px; z-index: 5; }
img#stress { position: absolute; top: 10px; left: 230px; z-index: 5; }