/* BASIC HTML */
HTML {
    height: 100%;
    margin-bottom: 1px;
}
body {
    background-color: #69d2e7;
    background-image: url(http://www.graphicsupersite.com/images/bg8.gif);
    background-repeat:repeat;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 75%;
    margin: 0px 0;
}
table, td, tr {
    padding: 0px;
    margin: 0;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 100%;
}
ul li {
    font-size: 100%;
    font-family: Verdana, Arial, sans-serif;
    color: #4F3A29;
}
hr {
    background-color: #000;
    color: #6fcde3;
    height: 1px;
    width: 100%;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
/* HEADINGS LEFT NAV */
h1 {
    font-family: Verdana, Arial, sans-serif;
    color: #69d2e7;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
/* HEADINGS RIGHT NAV */
h2 {
    font-family: Verdana, Arial, sans-serif;
    color: #f26a21;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}
/* HEADINGS EXTRA STYLES */
h3 {
    font-family: Verdana, Arial, sans-serif;
    color: #f26a21;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
h4 {
    font-size: 120%;
    font-weight: bold;
    color: #64884C;
    border-bottom: 1px solid #64884C;
}
/* BASIC LINK COLORS */
A:LINK {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
A:VISITED {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
A:HOVER {
    color: #f26a21;
    text-decoration: underline;
    font-weight: bold;
}
A:ACTIVE {
    color: #f26a21;
    text-decoration: none;
    font-weight: bold;
}
/* FOOTER LINKS */
.footer a:link {
    color: #f26a21;
    text-decoration: none;
    font-weight: normal;
}
.footer a:visited {
    color: #f26a21;
    text-decoration: none;
    font-weight: normal;
}
.footer a:hover {
    color: #f5d100;
    text-decoration: none;
    font-weight: normal;
}
.footer a:active {
    color: #f26a21;
    text-decoration: none;
    font-weight: normal;
}
/* SIDEBAR LEFT LINKS */
.sidenavleft a:link {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;
}
.sidenavleft a:visited {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;
}
.sidenavleft a:hover {
    color: #333333;
    background-color: #a9dcd9;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color:  #f26a21;
    padding:2px;
}
.sidenavleft a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;
}

/* SIDEBAR RIGHT LINKS */
.sidenavright a:link {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;
}
.sidenavright a:visited {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;

}
.sidenavright a:hover {
    color: #333333;
    background-color: #a9dcd9;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color:  #f26a21;
    padding:2px;
}
.sidenavright a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    border-left: solid 7px;
    border-color: #f5d100;
    padding:2px;
}

/* MAIN CLASSES */
.wrapper {
    width: 900px;
    text-align: left;
}
.header {
    width: 900px;
    background-image: url(http://www.graphicsupersite.com/images/header.gif);
    color: #000;
    font-weight: bold;
    text-align: right;
    height: 200px;
    font-size: 85%;
    border-left:2px solid #E0E4CC;
    border-right:2px solid #E0E4CC;
}
.sideleft {
    width: 190px;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 10px;
    line-height: 8px;
    border-right: 1px solid #6fcde3;
    border-left: 2px solid #E0E4CC;
    font-size: 90%;
    color: #333333;
}
.sideright {
    width: 190px;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-left: 10px;
    line-height: 8px;
    border-left: 1px solid #6fcde3;
    border-right: 2px solid #E0E4CC;
    font-size: 90%;
    color: #333333;
}

.maintext {
    width: 520px;
    vertical-align: top;
    padding: 5px;
    line-height: 18px;
    text-align: justify;
}
.maintextb {
    width: 520px;
    vertical-align: top;
    padding: 5px;
    line-height: 18px;
    text-align: center;
}
.maintextwide {
    width: 900px;
    vertical-align: top;
    padding: 5px 40px;
    line-height: 18px;
    text-align: justify;
}
.spacer {
    height: 5px;
    background-color: #E0E4CC;
}
.footer {
    text-align: center;
    font-size: 90%;
    font-weight: normal;
    height: 50px;
    padding: 5px;
    background-color: #69d2e7;
    color: #f26a21;
    border-left:2px solid #E0E4CC;
    border-right:2px solid #E0E4CC;
}

/* TEXT ALIGNMENTS USED TO POSITION TEXT*/
.style1 {
    text-align: center;
}
.style2 {
    text-align: right;
}
.style3 {
    text-align: left;
}

    
/* IMAGE STYLES*/
.imageleft {
    margin: 0 10px 0 0;
    float: left;
    border: 3px double #69d2e7;
}
.imageright {
    margin: 0 0 0 10px;
    float: right;
    border: 3px double #69d2e7;
}
.imagecenter {
    margin: 0 5px;
}