body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-position: top center;
margin: 0;
padding-top: 0;
padding-bottom: 50px;
text-align: center;
background-color: #9494ba;
font-family: verdana, arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
#masthead {
width: 748px;
height: 129px;
margin-left: auto;
margin-right: auto;
background-image: url(images/masthead-bg.jpg);
text-align: left;
}
#masthead a {
display: block;
width: 600px;
height: 129px;
background-image: url(images/logo.gif);
}
h1 {
margin: 0;
padding: 0;
text-align: left;
font-size: 28px;
color: #006;
text-indent: -9999px;
}
h2 {
margin-top: 0px;
font-size: 22px;
text-align: center;
margin-bottom: 15px;
color: #339;
display: none;
}
h3 {
color: #352da8;
margin: 0 10px 10px 70px;
padding: 0;
}
#site {
width: 769px;
padding: 0;
background-image: url(images/content-bg.gif);
background-repeat: repeat-y;
background-position: top center;
margin: 0 auto 0 auto;
text-align: left;
}
#content {
width: 390px;
float: left;
margin-left: 70px;
text-align: left;
line-height: 1.3em;
padding-top: 0px;
padding-bottom: 0;
margin-bottom: 0;
}
#content-wide {
width: 630px;
float: left;
margin-left: 70px;
text-align: left;
line-height: 1.3em;
padding-top: 0px;
padding-bottom: 0;
margin-bottom: 0;
}
h3 {
color: #352da8;
margin-top: 0;
}
h4 {
color: #bc7229;
font-style: italic;
}
h5 {
color: #bc7229;
font-style: italic;
}
#content ul {
margin-left: 15px;
padding-left: 15px;
}
#content ul ul, #content-wide ul ul {
padding-top: .75em;
padding-bottom: .5em;
}
#content ul li {
padding-left: 7px;
background-image:url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 5px;
margin-bottom: .25em;
}
#content-wide ul {
margin-left: 15px;
padding-left: 15px;
}
#content-wide ul li {
padding-left: 7px;
background-image:url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 5px;
margin-bottom: .25em;
}
#address-box {
background-image: url(images/contact-pix.jpg);
background-repeat: no-repeat;
background-position: 270px 0;
}
#nav {
width: 769px;
height: 40px;
background-image:url(images/navbar.gif);
background-repeat: no-repeat;
color: #fff;
margin-bottom: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#nav ul {
margin-top: 8px;
margin-left: 12px;
padding-left: 12px;
list-style: none;
float: left;
}
#nav li {
float: left;
padding: 0 1px 0 1px;
}
#nav li a {
font-weight: bold;
font-size: 13px;
display: block;
color: #fff;
text-decoration: none;
padding: 3px 12px 3px 12px;
text-align: center;
}
#nav li a.lit  {
color: #ffe9a5;
}
#nav li a:hover  {
color: #dbdcf4;
}

#footer{
margin-top:0px;
padding-top: 1px;
width: 769px;
margin-left: auto;
margin-right:auto;
color: #fff;
font-weight: bold;
background-image: url(images/footer-bg.gif);
background-repeat: no-repeat;
height: 108px;
}

#footer #meta {
	padding-top: 60px;
	clear: both;
	color: #3d3a9e;
	font-size: 12px;
}
.copyright {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#sidepanel {
width: 235px;
float: right;
text-align: left;
margin-top: 15px;
}
#sidepanel ul, #sidepanel ul li {
list-style: none;
margin: 0;
padding: 0;
width: 197px;
float: left;
}
#sidepanel a:link, #sidepanel a:visited  {
display: block;
width: 197px;
color: #00f;
background-position: -197px 0;
background-repeat: no-repeat;
text-indent: -9999px;
text-decoration: none;
}

/*
#sidepanel div li {
}
#sidepanel div ul li a:link, #sidepanel div ul li a:visited {
display: block;
font-weight: bold;
font-size: 13px;

text-decoration: none;
padding: 5px 0 5px 10px;
}
#sidepanel div ul li a:hover  {
background-color: #ddd;
}
#sidepanel div ul li a.lit  {
background-color: #eee;
color: #666;
}
*/
#cross a {
height:40px;
} 
#dataentry a, #coding a {
height: 44px;
}
#datacon a {
height: 36px;
}
#report a {
height: 45px;
}
#cross a:link, #cross a:visited {
background-image: url(images/sn-cross-bg.gif);
}
#coding a:link, #coding a:visited {
background-image: url(images/sn-coding-bg.gif);
}
#dataentry a:link, #dataentry a:visited {
background-image: url(images/sn-dataentry-bg.gif);
}
#datacon a:link, #datacon a:visited {
background-image: url(images/sn-datacon-bg.gif);
}
#report a:link, #report a:visited {
background-image: url(images/sn-report-writing-bg.gif);
}
#cross a:hover, #datacon a:hover, #dataentry a:hover, #coding a:hover, #report a:hover {
background-position: 0 0;
}
#sidepanel a:hover, #sidepanel a.lit  {
color: #bc7229;
background-position: 0 0 !important;
}
.note {
font-size: .75em;
font-style: italic;
}
.about-list {
margin-top: -10px;
padding-top: 0;
}
.about-list li {
margin-top: -.75em;
}

/* FORMS */
form ol {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
form ol.left {
width: 310px;
}
form ol.right {
}
fieldset {
margin-bottom: 20px;
padding-left: 0;
padding-bottom: 20px;
border: none;
clear: left;
}
legend {
margin-bottom: .5em;
font-size: 1em;
font-weight: bold;
font-style: italic;
color: #bc7229;
display: none;
}
label {
display: block;
margin-top: 8px;
font-size: .85em;
font-weight: bold;
clear: left;
}
input.text {
width: 240px
}
input.num {
width: 60px;
}
#buttons {
border: none;
text-align:center;
padding-top: 20px;
}
textarea {
width: 500px;
clear: left;
}

form ol.tri {
width: 600px;
margin-top: .5em;
padding-bottom: .5em;
border-bottom: 1px dashed #ccf;
}
form ol.tri li {
width: 210px;
float: left;
}
form ol.tri li.a {
width: 150px;
}
form ol.tri li.b {
width: 150px;
}
form ol.tri li.c {
width: 230px;
}
form ol.tri label {
display: inline;
}
.radio {
margin-left: 15px;
}
#comments {
clear: left;
padding-top: .5em;
}
.required {
color: #F60;
}
#clear {
clear: both;
margin: 0 auto 0 auto;
padding: 0;
}
.error {
color: red;
font-weight: bold;
}
.contact-list {
list-style: none;
margin: 20px 0 20px 15px !important;
padding: 0 !important;
overflow: hidden;
}
.contact-list li {
float: left;
margin: 0 25px 0 0 !important;
padding: 0 !important;
}
.contact-list li.last {
margin: 0 0 0 0 !important;
}
.quotes {
padding-top: 20px;
background-color: #f7f6fd;
background-image:url(images/quotes-top.gif);
background-repeat:no-repeat;
width: 624px;
}
.quote-box {
padding: 0;
}
.quote-box.last {
background-image:url(images/quotes-bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.quotes .quote {
font-style: italic;
margin: 0;
padding: 0 20px .5em 20px;
}
.quotes .quoter {
margin: 0;
padding: 0 20px 20px 20px;
font-size: 13px;
line-height: 1.25em;
}

.quotes.small {
padding-top: 15px;
background-image:url(images/quotes-top-sm.gif);
width: 380px;
}
.quotes.small .quote-box {
padding: 15px;
}
.quotes.small .quote-box.last {
padding: 15px;
background-image:url(images/quotes-bottom-sm.gif);
}
.quotes.small .quote {
font-style: italic;
margin: 0;
padding: 0 15px .5em 15px;
}
.quotes.small .quoter {
margin: 0;
padding: 0 15px 15px 15px;
}