/* CSS Document */
body{
margin: 30px auto;
padding: 0;
background: #666;
color: #4994CE;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 100%;
} 
#wrapper {
width: 770px;
margin: 0 auto;
text-align: left;
background: #666 url(../images/faux.gif) repeat-y top center;
}
/* header */
#banner {
height: 100px;
background-image: url(../images/banner.png);
background-repeat: no-repeat;
}
.bannerlink {
width: 178px;
height: 95px;
float: left;
background-image: url(../images/trans.gif);
background-repeat: no-repeat;
/* navigation buttons */
}
#navcontainer {
margin: 0;
padding: 0;
}
#navcontainer ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a {
background: #fff;
width: 110px;
height: 18px;
border-top: 1px solid #4994CE;
border-bottom: 1px solid #4994CE;
border-right: none;
padding: 0;
margin: 0;
color: #4994CE;
text-decoration: none;
display: block;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}
#navcontainer ul li a:hover {
background: #9AC2E6;
color: #FFF;
}
#navcontainer a:active {
background: #9AC2E6;
color: #FFF;
}
#navcontainer li#active a
{
background: #9AC2E6;
color: #FFF;
}
/* basic right column and image rotator */
#rightcol {
padding: 0;
margin: 0;
width: 220px;
height: 400px;
float: right;
background-image: url(../sidebar/rotator.php);
background-repeat: no-repeat;
background-position: top center;
}
#rightcolB {
padding: 0;
margin: 0;
width: 220px;
height: 420px;
float: right;
}
/* main content */
#content {
padding-top: 0;
padding-left: 11px;
padding-right: 5px;
padding-bottom: 5px;
margin: 10px;
width: 510px;
float: left;
text-align: left;
color: #666;
}
/* main text p and h1 elements */
.contentp {
font-size: 80%;
margin-top: 10px;
}
.contenth1 {
font-size: 85%;
color: #4994CE;
font-weight: bold;
margin-bottom: 5px;
}
.contenth2 {
font-size: 80%;
margin-top: 5px;
}
/* forms and links page text elements and validation error class */
.formh1 {
font-size: 70%;
color: #4994CE;
text-align: right;
}
.linksh1 {
font-size: 60%;
color: #4994CE;
font-weight: bold;
text-align: center;
}
.linksh2 {
color: #4994CE;
font-weight: bold;
text-align: center;
font-size: 100%;
} 
.error {
color: #DB8D04;
}
/* graphic web and digital icon rollovers on main page */
.graphichomeimg {
float:left;
margin-right:15px;
width:70px;
height:76px;
font:normal 10px verdana;
text-align:center;
background: url(../images/graphic70.jpg) no-repeat 0 0px;
}
a.graphichomeimg:link, a.graphichomeimg:visited, a.graphichomeimg:active {
text-decoration:none;
background: url(../images/graphic70.jpg) no-repeat 0 0px;
}
a.graphichomeimg:hover {
background: url(../images/graphic70.jpg) no-repeat -70px 0px;
}
.webhomeimg {
float:left;
margin-right:15px;
width:70px;
height:76px;
font:normal 10px verdana;
text-align:center;
background: url(../images/web70.jpg) no-repeat 0 0px;
}
a.webhomeimg:link, a.webhomeimg:visited, a.webhomeimg:active {
text-decoration:none;
background: url(../images/web70.jpg) no-repeat 0 0px;
}
a.webhomeimg:hover {
background: url(../images/web70.jpg) no-repeat -70px 0px;
}
.digitalhomeimg {
float:left;
margin-right:15px;
width:70px;
height:76px;
border:1px solid #FFFFFF;
font:normal 10px verdana;
text-align:center;
background: url(../images/digital70.jpg) no-repeat 0 0px;
}
a.digitalhomeimg:link, a.digitalhomeimg:visited, a.digitalhomeimg:active {
text-decoration:none;
background: url(../images/digital70.jpg) no-repeat 0 0px;
}
a.digitalhomeimg:hover {
background: url(../images/digital70.jpg) no-repeat -70px 0px;
}
/* graphic, web, and digital icon rollovers on solutions page */
.graphicsolutionsimg {
float:left;
width:90px;
height:120px;
font:bold 10px Verdana;
text-align: center;
vertical-align:middle;
color:#4994CE;
background: url(../images/graphic90.jpg) no-repeat 0 30px;
}
a.graphicsolutionsimg:link, a.graphicsolutionsimg:visited, a.graphicsolutionsimg:active {
color:#4994CE;
text-decoration:none;
background: url(../images/graphic90.jpg) no-repeat 0 30px;
}
a.graphicsolutionsimg:hover {
color:#9AC2E6;
background: url(../images/graphic90.jpg) no-repeat -90px 30px;
}
.websolutionsimg {
float: left;
width:90px;
height:120px;
font:bold 10px Verdana;
text-align: center;
vertical-align:middle;
color:#4994CE;
background: url(../images/web90.jpg) no-repeat 0 30px;
}
a.websolutionsimg:link, a.websolutionsimg:visited, a.websolutionsimg:active {
color:#4994CE;
text-decoration:none;
background: url(../images/web90.jpg) no-repeat 0 30px;
}
a.websolutionsimg:hover {
color:#9AC2E6;
background: url(../images/web90.jpg) no-repeat -90px 30px;
}
.digitalsolutionsimg {
float: right;
width:90px;
height:120px;
font:bold 10px Verdana;
text-align: center;
vertical-align:middle;
color:#4994CE;
background: url(../images/digital90.jpg) no-repeat 0 30px;
}
a.digitalsolutionsimg:link, a.digitalsolutionsimg:visited, a.digitalsolutionsimg:active {
color:#4994CE;
text-decoration:none;
background: url(../images/digital90.jpg) no-repeat 0 30px;
}
a.digitalsolutionsimg:hover {
color:#9AC2E6;
background: url(../images/digital90.jpg) no-repeat -90px 30px;
}
/* basic footer box */
#footer {
width: 770px;
height: 50px;
border-top: 1px solid #4994CE;
background-color: #FFF;
color: #0375B5;
clear: both;
}
/* footer text elements */
.footerp {
margin: 10px;
font-size: 70%;
text-align: center;
color: #4994CE;
}
.footerh1 {
margin: 10px;
font-size: 60%;
text-align: center;
color: #9FC4EE;
}
.floatimgleft {
float:left;
margin-right: 8px;
}
/* all link colors */
a:link {color: #4994CE; text-decoration: none; }
a:visited {color: #4994CE; text-decoration: none; }
a:hover {color: #9AC2E6; text-decoration: none; }

fieldset {
color: #4994CE;
}
legend {
color: #4994CE;