﻿/* CSS Document */

/* universal selector */
*
{
    margin: 0;
    padding: 0;
}



/* general css styles */
body
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Trebuchet MS" , "Lucida Sans Unicode" , "Lucida Grande" , "Lucida Sans" , Arial, sans-serif;
    font-size: 13px;
    color: #E7EAEF;
    background-color: #E7EAEF;
    background-image: url(../images/bgBody3.png);
    background-position: left top;
    background-repeat: repeat-x;
    background-attachment: fixed;
}
p
{
    font-size: 13px;
    margin: 5px 0 10px 0;
}
h1
{
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0 0;
}
h2
{
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 0 0;
}
h3
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 0;
}
a
{
    color: #355A7F;
    text-decoration: underline;
}
a:hover
{
    color: #CE1141;
    text-decoration: None;
}
#container
{
    width: 800px;
    padding: 0;
    margin: 0 auto;
}
#content
{
    top: 0px;
    position: relative;
    width: 800px;
    overflow: hidden;
    margin-top: 10px;
}
#content a:hover
{
    color: #CE1141;
}
#content hr
{
    border-color: Black Gray Gray Black;
    width: 100%;
    color: Black;
    border-style: groove;
    border-width: 1px;
}
.highlight
{
    font-size: 14px;
    font-weight: bold;
}
.contentBox
{
    background-color: #E7EAEF;
    background-repeat: no-repeat;
    color: #15283F;
    border-width: 1px 0px 0px 1px;
    margin: 0;
    width: auto;
    overflow: hidden;
    border-style: solid;
    border-color: Black;
    padding-left: 20px;
    padding-right: 20px;
}
.contentBox h1
{
    padding-top: 10px;
}
.pictureWindow
{
    border: 1px solid Black;
}
.downloads img
{
    margin-bottom: 5px;
}
.outline h3
{
    margin: 10px 0 0 25px;
}
.outline ul
{
    margin: 0 0 0 50px;
}
.outline li
{
}

/* Styles for subMenu */
#subMenu
{
    text-align: center;
    color: #E7EAEF;
}
#subMenu a
{
    font-size: 12px;
    color: #A2CAF2;
    text-decoration: underline;
}
#subMenu a:hover
{
    text-decoration: none;
    color: #CE1141;
}


/* Styles for rpHead */
#rpHead
{
    width: auto;
    height: 110px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(../images/sky-header3.jpg);
    background-position: left top;
    background-repeat: repeat-x;
}

/* Styles for rpMenu */
#rpMenu
{
    width: auto;
    margin: 10px 0 0 0;
    padding: 0;
    border: 0;
    clear: both;
    overflow: hidden;
}
#rpMenu ul
{
    list-style-type: none;
    width: 800px;
    margin: 0;
    padding: 0;
}
#rpMenu li
{
    height: 30px;
    width: 80px;
    float: left;
    text-align: center;
    background: url(../images/bgMenuBtn2.png);
    background-repeat: repeat-x;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #000000;
}
#rpMenu li:hover
{
    background: url(../images/bgMenuBtn-Hover2.png);
    background-repeat: repeat-x;
}
#rpMenu a
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-top: 7px;
    height: 23px;
}
#rpMenu a:hover
{
    color: #355A7F;
    text-decoration: none;
}
#rpMenu a.recycling
{
    color: #CCFFCC;
}
#rpMenu a:hover.recycling
{
    color: #006600;
}

/* Styles for rpDivisions */
#rpDivisions
{
    width: auto;
    clear: both;
    overflow: auto;
    text-align: center;
    margin-top: 10px;
}
#rpDivisions p
{
    font-size: 12px;
    color: #333333;
    line-height: 14px;
    margin: 1px;
    padding: 1px;
}
#rpDivisions a
{
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}
#rpDivisions a:hover
{
    color: #CE1141;
    text-decoration: none;
}


/* Styles for rpFooter */
#rpFoot
{
    width: auto;
    clear: both;
    overflow: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}
#rpFoot p
{
    font-size: 11px;
    line-height: 14px;
    color: #333333;
    margin: 1px;
    padding: 1px;
}
#rpFoot a
{
    font-size: 11px;
    color: #333333;
    text-decoration: underline;
}
#rpFoot a:hover
{
    color: #CE1141;
    text-decoration: none;
}
#rpFootIcons
{
    margin-top: 15px;
    margin-bottom: 10px;
}
#rpFootIcons td
{
    width: 60px;
}
#rpFootIcons a
{
    text-decoration: none;
}
#rpFootIcons img
{
    border: none;
    padding: 0 2px 2px 0;
}
#rpFootIcons img:hover
{
      padding: 2px 0 0 2px;
}

