/* THIS IS THE STYLE SHEET FOR A SUPPORTED LIFE */

/* layout starts here */

body {
padding:0px;
margin:0px;
font-family:"lucida sans", arial, tahoma;
font-size:11px;

background-color:#cccccc;
}
/* -------------------  main container around the site  -------------------   */
#container {
width:752px;
margin:0px auto;
background-image:url(images/bg_gradient.jpg);
background-repeat:repeat-y;
background-position:center;
}

/*-------------------  header at the top ---------  */
#mainheader {
margin-top:5px;
width:752px;
height:151px;
background-color:#ff0000;
background-image:url(images/asupportedlife.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.sectionimage {
width:267px;
height:151px;
float:right;
background-position:bottom;
background-repeat:no-repeat;
}

/* -------------------  main navigation  -------------------   */
#mainnavigation {
background-color:white;
height:42px;
margin:0px 19px;
}
#mainnavigation ul {
padding-top:15px;
width:700px;
margin:0px auto;
}
#mainnavigation ul li {
list-style:none;
display:inline;
padding-left:20px;
border-right:2px dotted red;
font-size:1.3em;
}
#mainnavigation ul li a {
padding-right:20px;
text-decoration:none;
color:#666666;
font-weight:bold;
}
#mainnavigation .noborder {
border:0px;
}
#mainnavigation ul li a:hover, #mainnavigation ul li a.selected {
text-decoration:none;
color:#ff0000;

}

/* -------------------  content container around the main content  -------------------   */
#contentcontainer {
margin:0px 19px;
background-color:white;
/*float:left;*/
}

/* -------------------  page header for each page  -------------------   */
#pageheader {
background-color:white;
height:70px;
}

/* ------------------- secondary navigation  -------------------   */
#secondarynavigation {
background-color:white;
width:129px;
float:left;
}
#secondarynavigation ul {
padding:5px;
margin:0px 20px;
padding:0px;
}
#secondarynavigation li {
font-size:1em;
list-style:none;
padding-top:3px;
list-style:none;
}
#secondarynavigation li a {
list-style:none;
}
#secondarynavigation li a {
color:black;
text-decoration:none;
}
#secondarynavigation li a:hover, #secondarynavigation li a.selected {
color:red;
}

/* -------------------  the main content  ---------550px----------   */
#maincontent {
background-color:white;
float:left;
width:370px;
margin-bottom:6px;
}
#maincontentwide {
background-color:white;
float:left;
width:650px;
margin:0px 0px 6px 25px;
}

/* ------------------- pics down the right  -------------------   */
#pics {
width:200px;
float:left;
margin-left:10px;
}
#pics img {
float:left;
padding:10px 0px 10px 0px;
}

/* ------------------- right column content  -------------------   */
#onthispage {
width:200px;
float:left;
}
#onthispage h3 {
font-size:1.2em;
color:black;
padding:2px 0px 0px 0px;
margin:0px;
}

/* ------------------- footer closes site  -------------------   */
#footer {
border-top:1px #cccccc dashed;
clear:both;
background-color:white;
margin:0px auto;
height:40px;
width:600px;
}
#footer ul {
padding:0px;
margin:0px;
text-align:center;
padding:10px 0px;
}
#footer li {
display:inline;
font-size:.9em;
font-family:arial;
}
#footer li a {
text-decoration:none;
font-family:arial;
color:black;
}
#footer li a:hover, #footer li a.selected {
text-decoration:underline;
color:red;
}

/*   STYLES DEFINED HERE    */
p {
padding:4px 0px;
margin:0px;
}
a {
color:black;
}
a:hover {
color:#ff0000;
}
ul {
padding:4px 20px;
margin:0px;
}
li {
list-style:url(images/bullet_general.gif);
padding:0px 0px 5px 2px;
}
li.down {
list-style:url(images/bullet_down.gif);
}
li.up {
list-style:url(images/bullet_up.gif);
}
li.back {
list-style:url(images/bullet_back.gif);
}
li.forward {
list-style:url(images/bullet_forward.gif);
}
li.secondnav {
list-style:none;
}
h2 {
font-size:1.8em;
color:black;
padding:2px 0px 0px 0px;
margin:0px;
}
h3 {
font-size:1.2em;
color:black;
padding:11px 0px 0px 0px;
margin:0px;
}
h4 {
font-size:1.0em;
color:black;
padding:11px 0px 0px 0px;
margin:0px;
font-weight:bold;
}

/*THESE ARE THE STYLES TO CHANGE THE HEADERS */
/* -------------------------- HOME -------------------------- */
#home .sectionimage {
background-image:url(images/banner_home.gif);
}
#home h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#home h1 span {
background:url(images/pagehead_home.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}
/* -------------------------- FUN AND LEISURE -------------------------- */
#funcreativity .sectionimage {
background-image:url(images/banner_funcreativity.gif);
}
#funcreativity h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#funcreativity h1 span {
background:url(images/pagehead_funcreativity.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- ABOUT US -------------------------- */
#aboutus .sectionimage {
background-image:url(images/banner_aboutus.gif);
}
#aboutus h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#aboutus h1 span {
background:url(images/pagehead_aboutus.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- JOIN US -------------------------- */
#joinus .sectionimage {
background-image:url(images/banner_joinus.gif);
}
#joinus h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#joinus h1 span {
background:url(images/pagehead_joinus.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- EVENTS -------------------------- */
#events .sectionimage {
background-image:url(images/banner_events.gif);
}
#events h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#events h1 span {
background:url(images/pagehead_events.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- CONTACT US -------------------------- */
#contactus .sectionimage {
background-image:url(images/banner_contactus.gif);
}
#contactus h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#contactus h1 span {
background:url(images/pagehead_contactus.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- TERMS -------------------------- */
#terms .sectionimage {
background-image:url(images/banner_home.gif);
}
#terms h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#terms h1 span {
background:url(images/pagehead_home.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}

/* -------------------------- SITEMAP -------------------------- */
#sitemap h1 {
padding:0px;
margin:0px 0px 0px 30px;
width:330px;
height:60px;
position:relative;
}
#sitemap h1 span {
background:url(images/pagehead_home.gif) no-repeat;
width:100%;
height:100%;
position:absolute;
}
#sitemap #maincontentwide ul .pagelist {
padding:0px;
margin:0px;
}
#sitemap #maincontentwide li  {
margin:0px;
padding-top:5px;
}
#sitemap #maincontentwide li.first  a {
color:#ff0000;
}
#sitemap #maincontentwide li.second  {
text-indent:25px;
list-style:none;
}
#sitemap #maincontentwide li.third {
text-indent:50px;
list-style:none;
}
#sitemap #maincontentwide li.fourth {
text-indent:80px;
list-style:none;
}

/* WEB STYLES END */