/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
margin: 0;
padding: 0;
border: 0;
}
body {
margin: 0;
padding: 0;
background-image: url(images/background.gif);
background-position: center top;
text-align: center; /* centres a fixed width layout in other browsers */
font-family: Arial, Helvetica, sans-serif;
font-size: 85%; /* allows user sizing */
height: 100%;
}
#container {
background-color:#FFFFFF;
/* margin-top: 2em; */
margin-left: auto;
margin-right: auto;
height: 100%;
width: 800px;
text-align: left; /* page content is aligned left despite body being centred */
}
img {
border-style: none; /* removes blue borders from all link images */
}
#banner {
float: left;
padding-left: 40px;
width: 40%;
height: 95px;
background-color:#ffffff;
}
#banner img {
margin-top: 25px;
}
#bannernav {
float: right;
width: 50%;
height: 95px;
background-color:#ffffff;
text-align: right;
}
#bannernav ul {
height: 25px;
margin-top: 70px;
list-style-type: none;
padding-right: 30px;
}
#bannernav li {
display: inline;
padding-right: 15px;
}
#topleft {
float: left;
height: 40px;
width: 25%;
background-image:url(images/top-left-outer.gif);
background-repeat: no-repeat;
background-color: #A6C43C;
}
#navbar {
float: right;
height: 40px;
width: 75%;
background-image:url(images/top-right-outer.gif);
background-position: 100% 0%;
background-color: #A6C43C;
background-repeat: no-repeat;
text-align: right;
}
#navbar ul {
list-style-type: none;
background: none;
margin-right: 30px;
margin-top: 13px;
height: 20px;
}
#navbar li {
display: inline;
padding-right: 15px;
}
#navbar li img {
vertical-align: middle;
}
#titleleft {
float: left;
height: 61px;
width: 25%;
background-image: url(images/top-left-inner.gif);
background-repeat: no-repeat;
}
#titlebar {
float: right;
background-image: url(images/top-right-inner.gif);
background-repeat: no-repeat;
background-position: 100%;
background-color: transparent;
width: 75%;
height: 61px;
}
#maindiv {
width: 800px;
background-image:url(images/content-background.gif);
background-repeat: repeat-y;
}
/*.fixed {height: 550px;} */
#sidemenu {
width: 25%;
float: left;
overflow: hidden;
}
#sidemenu ul {
padding-left: 40px;
width: 100%;
list-style-type: none;
color: #7F7F7F;
border: none;
background: none;
}
#sidemenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 5px;
text-decoration: none;
}
.orange a:link { text-decoration: none; color: #7F7F7F; }
.orange a:visited { text-decoration: none; color: #7F7F7F; }
.orange a:active { text-decoration: none; color: #ee7703; }
.orange a:hover { text-decoration: none; color: #ee7703; }
.pink a:link { text-decoration: none; color: #7F7F7F; }
.pink a:visited { text-decoration: none; color: #7F7F7F; }
.pink a:active { text-decoration: none; color: #b04f8f; }
.pink a:hover { text-decoration: none; color: #b04f8f; }
.blue a:link { text-decoration: none; color: #7F7F7F; }
.blue a:visited { text-decoration: none; color: #7F7F7F; }
.blue a:active { text-decoration: none; color: #3f8c7d; }
.blue a:hover { text-decoration: none; color: #3f8c7d; }
.purple a:link { text-decoration: none; color: #7F7F7F; }
.purple a:visited { text-decoration: none; color: #7F7F7F; }
.purple a:active { text-decoration: none; color: #745f83; }
.purple a:hover { text-decoration: none; color: #745f83; }
#content {
float: right;
width: 74%;
margin-top: -60px;
position: relative;
}
#content h1 {
color: #A6C43C;
}
#content h2 img {
margin-left: 5px;
}
#content h3 img {
margin-left: 25px;
}
#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7F7F7F;
padding-top: 10px;
}
#content a:link { text-decoration: none; color: #7F7F7F; }
#content a:visited { text-decoration: none; color: #7F7F7F; }
#content a:active { text-decoration: none; color: #7F7F7F; }
#content a:hover { text-decoration: none; color: #7F7F7F; }
#widetext p {
margin-left: 25px;
margin-right: 25px;
text-align: left;
}
#widetext h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: solid;
color: #ee7703;
text-align: left;
margin-left: 30px;
padding-top: 15px;
}
#widetext h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: solid;
color: #7F7F7F;
text-align: left;
margin-left: 25px;
padding-top: 15px;
}
#widetext h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7F7F7F;
text-align: left;
background-image: url(images/hints-arrow.gif);
background-position: 0% 13px;
background-repeat: no-repeat;
margin-left: 30px;
padding-top: 15px;
padding-left: 25px;
padding-bottom: 5px;
}
#widetext
.orangewide a:link { text-decoration: none; color: #ee7703; }
.orangewide a:visited { text-decoration: none; color: #ee7703; }
.orangewide a:active { text-decoration: none; color: #ee7703; }
.orangewide a:hover { text-decoration: none; color: #ee7703; }
.pinkwide a:link { text-decoration: none; color: #b04f8f; }
.pinkwide a:visited { text-decoration: none; color: #b04f8f; }
.pinkwide a:active { text-decoration: none; color: #b04f8f; }
.pinkwide a:hover { text-decoration: none; color: #b04f8f; }
.bluewide a:link { text-decoration: none; color: #3f8c7d; }
.bluewide a:visited { text-decoration: none; color: #3f8c7d; }
.bluewide a:active { text-decoration: none; color: #3f8c7d; }
.bluewide a:hover { text-decoration: none; color: #3f8c7d; }
.purplewide a:link { text-decoration: none; color: #745f83; }
.purplewide a:visited { text-decoration: none; color: #745f83; }
.purplewide a:active { text-decoration: none; color: #745f83; }
.purplewide a:hover { text-decoration: none; color: #745f83; }
#leftcol {
float: left;
padding-top: 10px;
width: 325px;
margin-left: 25px;
display: inline;
overflow: visible;
}
#bullets ul {
list-style-type: none;
width: 325px;
color: #7F7F7F;
}
#bullets li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7F7F7F;
list-style-type: none;
background-image: url(images/green-bullet.gif);
background-position: 0% 18px;
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 1.5em;
padding-bottom: 5px;
}
#bullets p {
padding-top: 10px;
}
/*RIGHT COLUMN*/
#portfolio {
display: inline;
/** html> */ float: right;
width: 200px;
margin-top: -18px;
margin-bottom: 10px;
margin-right: 22px;
}
#inside {
background-repeat: repeat-y ;
padding-bottom: 0;
}
#inside img {
margin: 0 10px 0 15px;
}
#inside h4 {
margin: 0 0 10px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.inside {background-image: url(images/portfolio-bkgd.gif) }
.inside h4 {color: #ED7703 }
.insidepk {background-image: url(images/portfolio-bkgdpk.gif) }
.insidepk h4 { color: #CC3399 }
.insidebl {background-image: url(images/portfolio-bkgdbl.gif) }
.insidebl h4 { color: #3F8C7D }
.insidepl {background-image: url(images/portfolio-bkgdpl.gif) }
.insidepl h4 { color: #745F83 }
#inside p {
margin: 0 15px 0px 15px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7F7F7F;
}
#inside p + p { margin-top: 5px; } /* sets the top margin of paragraphs that follow other paragraphs to 1/2 space (more or less)
(i.e., it doesn't set the margin of the first paragraph on the page, or the first paragraph in a section). */
#portfolio a:link {
text-decoration: none;
}
#helpbox {
float: right;
display: inline;
width: 200px;
margin: 0px 22px -2px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7F7F7F;
background-image: url(images/hints-box.gif);
background-repeat: no-repeat;
padding-right: 2px;
}
#helpbox p {
font-size: 10px;
padding: 35px 15px 15px 15px;
}
#helpbox a:link {
text-decoration: none;
}
#bottombar {
clear: both;
height: 58px;
margin-top: -20px;
background-image: url(images/bottom-inner.gif);
background-position: bottom 0%;
background-repeat: no-repeat;
}
/* FOOTER */
#footer {
height: 40px;
margin-top: 0px;
background-image: url(images/bottom-outer.gif);
background-repeat: no-repeat;
background-color: #A6C43C;
text-align: right;
}
#footer ul {
list-style-type: none;
background: none;
color: #FFFFFF;
height: 20px;
margin-top: 0px;
padding-top: 10px;
padding-right: 10px;
font-size: 9px;
}
#footer p {
color: #FFFFFF;
margin-top: 1%;
padding-right: 10px;
font-size: 9px;
line-height: 10px;
}
#clearfloats { /* vertical stretch of background in both columns despite content */
clear: both;
line-height: 2px;
}
#clearfloats2 { /* vertical stretch of background in both columns despite content */
clear: both;
line-height: 2px;
}
#clearfloats3 { /* vertical stretch of background in both columns despite content */
clear: both;
line-height: 2px;
}
#clearfloats4 { /* vertical stretch of background in both columns despite content */
clear: both;
line-height: 2px;
}