body {margin: auto;
padding: 0;
font-family: sans-serif;
color:#333333;
line-height: 1.4em;
font-size: small;
width: 800px;
background-color: #ffffff;
background-position: center;
background-image: url(images/sidebar.gif);
background-repeat: repeat-y; 
}
div#header {text-align: center;
}
div#leftcolumn {float: left;
text-align: center;
color: #ffffff;
width: 135px;
text-indent: 5px;
padding-top: 20px; 
display: inline;
}
div#maincontent {text-align: left;
margin-left: 140px;
background-color: #ffffff;
color: #666666;
padding-right: 10px;
padding-left: 10px; 
}
div#footer {text-align: left;
clear: both;
background-color: #ffffff;
color: #666666;
border-top: 2px #669999 solid;
margin-left: 140px;
font-size: 8px;
line-height: 15px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px; 
}
p {
font-size: 12px;
line-height: 1.4;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #494949;
padding-left: 20px; 
}
h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
line-height: 1.4;
font-weight: normal;
color: #fff;
border: medium #ffffff double;
padding: 4px;
background-color: #669999; 
}
h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #666666;
margin-bottom: 0;
}
h2+h3 {
margin-top: 0;
}
h3 {
font-size: 12px;
line-height: 1.4;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #3f3f3f;
font-weight: 500;
padding-left: 20px; 
}
h4 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #666666; 
border-top: 1px dashed; 
padding-top: 6px; 
}
hr {
border: none;
background-color: #3f3f3f;
color: #3f3f3f; 
height: 1px;
}
ul {
list-style-type: square;
}
.quoteby {
text-align: right;
}
.hilite {
color: #669999;
}
a:link {color: #333333;
text-decoration: underline; }
a:visited {color: #99cccc;
text-decoration: underline; }
a:hover {color: #99cccc;
text-decoration: underline; 
}
blockquote {
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic; 
}

div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: bold;
text-align: center;
margin-left: 140px;
background-color: #669999;
padding: 8px;
width: 640px; 
}
#navbar ul li a:link, #navbar ul li a:visited {color: #ffffff;
text-decoration: none;
border: solid #ffffff 1px;
padding-top: 3px;
padding-left: 13px;
padding-bottom: 3px;
padding-right:13px; 
}
#navbar ul li a:hover, #navbar ul li a.current {color: #232e3c;
background-color: #336666;
text-decoration: none;
border: solid #ffffff 1px; 
}
#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}
#navbar ul {
margin: 0px;
padding: 0px;
}
.right {
text-align: right;
}
.cssform p {
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 140px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -140px; /*width of left column*/
width: 500px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
display: inline;}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left: -140px; /*width of left column*/
width: 500px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.indent {
padding-left: 30px;
}