/*
* 
{
    
 border: solid 1px orange;   
}
*/

body
{
    width: 850px;
    margin: auto;
    font-family: Georgia, Palatino, Serif;
    font-size: 90%;
    line-height: 1.525;
    background-image: url(../images/recyclelogo2.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: White;
    clear: both;
    
}

h1 /*large heading*/
{
    font-size: 1.20em;
    font-weight: bolder;
    color: #008FD5;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
}

h2 /*green heading*/
{
    font-size: 1em;
    font-weight: bolder;
    color: #666666;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    padding-left: 25px;
}

h3 /*SO Blue heading*/
{
    font-size: 1em;
    font-weight: bolder;
    color: #008FD5;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    padding-left: 25px;
}

p
{
    margin-bottom: 36px;
    color: black;
}


/*Blue box on the right*/
.sidebar ul
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 0.825em;
    font-weight: bold;
    color: black;
}

.sidebar li
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    padding-bottom: 1em;
    padding-right: 25px;
    color: black;
    font-size: 0.825em;
    font-weight: bold;
}

.sidebar a
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    padding: 2px 10px;
    color: black;
    font-size: 1.125em;
}

.sidebar a:link
{
    color: black;
    text-decoration: none;
}

.sidebar a:visited
{
    color: black;
    text-decoration: none;
}

.sidebar a:hover
{
    color: black;
    text-decoration: underline;
}


/*Blue box on the right - FAQ ONLY*/
.FAQ ul
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 0.825em;
    font-weight: bold;
    color: #5B3B01;
}

.FAQ li
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    padding-bottom: 1em;
    padding-right: 25px;
    color: #5B3B01;
    font-size: 0.825em;
    font-weight: bold;
}

.FAQ a
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    color: #5B3B01;
    font-size: 1.125em;
}

.FAQ a:link
{
    color: #008FD5;
    text-decoration: none;
}

.FAQ a:visited
{
    color: #008FD5;
    text-decoration: none;
}

.FAQ a:hover
{
    color: #ee008c;
    text-decoration: underline;
}


/*Navigation*/
#navcontainer
{
    font-size: 0.855em;
}

ul#navlist
{
    white-space: nowrap;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-weight: bolder;
    font-size: larger;
    margin: 15px 10px 0px 200px;
}

#navlist li
{
    display: inline;
    list-style-type: none;
}

#navlist a
{
    color: #008FD5;
    text-decoration: none;
    padding: 2px 10px;
}



#navlist a:visited
{
    color: #008FD5;
    text-decoration: none;
}


#navlist a:hover
{
    color: #ee008c;
    text-decoration: underline;
}

#navlist a:visited.current
{
    color: #ee008c;
    font-size: 1.25em;
   
}    

    
    
/* Right Column Blue Box*/
.rightcolumn
{
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    width: 30%;
    margin-right: 55px;
    background-repeat: repeat-x;
    background-color: #E3F1F6;
    background-image: url(../images/gradient.gif);
    border-style: solid;
    border-color: #008FD5;
    border-width: 2px;
}

.rightcolumn p
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 0.825em;
    color: black;
    font-weight: bold;
    background-color: Transparent;
    padding: 2px 20px 0px 20px;
}


/* Left Column Main Area*/
.leftcolumn
{
    width: 50%;
    float: left;
    padding-left: 40px;
    margin-left: 15px;
}

.leftcolumn p
{
    background-color: Transparent;
}


/* for SPAN pink words*/
.pink
{
    color: #ee008c;
    font-weight: bold;
}





/* images of finger pointing for Java Script Expansions*/
.thefinger
{
    list-style-type: none;
    font-family: Georgia, Palatino, Serif;
    font-size: .75em;
    padding: 5px;
    line-height: 1.525;
}

.thefinger p
{
    line-height: 2em;
}

.thefinger li
{
    font-weight: bold;
    margin: 10px;
    
}

li.thefinger img
{
    margin-bottom: -8px;
    margin-right: 7px;
    
 }

.thefinger a:link
{
    color: #336633;
    text-decoration: none;
}

.thefinger a:visited
{
    color: #5b3b01;
    text-decoration: none;
}

.thefinger a:hover
{
    color: #5B3B01;
    text-decoration: underline;
}

/* Header & Footer*/
#header
{
    margin: auto;
    height: 250px;
    width: 800px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/headerImage3.gif);
}

#footer
{
    margin: auto;
    width: 800px;
    padding: 10px;
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    font-size: .7em;
    text-align: center;
    clear: both;
}