/* CSS Document */

/* base
----------------------------------------------- */

body {
background-color: #fff;
margin: 0px;
padding: 0;
text-align: left;
font-family: Arial, Times, serif;
font-size: 90%;
color: #000;
}

blockquote, p, li {
padding-right: 10px;
padding-left: 10px;
font-size: 0.9em;
line-height: 1.6em;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1, h2, h3 {
padding-left: 10px;
font-weight: bold;
color: #0000cc;
}

h1, h2, h3 {
font-family: Arial, Times, serif;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1em;
font-style: italic;
}

h3 {
font-size: 110%;
}

small, .small {
font-size: 0.9em;
}

img {
text-decoration: none;
/*border: 1px dotted #000;*/
}

td img {display: block;}

/* links
----------------------------------------------- */

a {
text-decoration: underline;
color: #000;
background-color: inherit;
}

a:hover {
text-decoration: none;
color: #000;
}

h1 a, h2 a, h3 a {
text-decoration: none;
border: none;
}

h3 a {
font-family: Arial, Times, serif;
color: #000;
}

#sidebar-2 a, #sidebar-1 a {
color: #fff;
background-color: inherit;
border: none;
}

#sidebar-2 a:hover, #sidebar-1 a:hover {
color: #000;
}

.divider { 
border-top: 1px dashed #000;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
font-size: 0.9em;
line-height: 1.1em;
}

#sidebar-1 p {
text-align: left;
}

#sidebar-2 p {
text-align: left;
}

#content hr {
margin: 0em 0;
width: 66%;
color: #000;
background-color: #bdced6;
}

.caps {
font-size: 100%;
/*letter-spacing: 0.1em;*/
}

img.divider {
margin: 2em 0;
text-align: center;
}

.testimonials {
color: #c00;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
text-align: left;
background-color: #fff;
color: #000;
padding: 10px;
width: 760px;
\width: 770px;
w\idth: 760px;
}

#mainContainer {
padding-left: 5px;
width: 740px;
\width: 740px;
w\idth: 740px;
}

#head {
height: 100px;
padding: 0px;
text-decoration: none;
}


#left, .left {
float: left;
}

#right, .right {
float: right;
}

#form, .form {

padding-left: 10px;
}

#sidebar-1 {
margin-right: 5px;
padding-top: 15px;
float: left;
width: 160px;
\width: 160px;
w\idth: 160px;
}

#sidebar-2 {
text-align: right;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
float: right;
width: 0px;
\width: 0px;
w\idth: 0px;
}

#collage {
float: right;
text-align: right;
margin-left: 0px;
padding-top: 73px;
padding-bottom: 15px;
width: 120px;
\width: 120px;
w\idth: 120px;
}

#title {
color: #0000cc;
font-size: 110%;
font-weight: normal;
padding-bottom: 10px;
}

#content {
width: 560px;
margin-left: 175px;
padding-top: 27px;
}

#frontpage {
width: 440px;
margin-left: 175px;
padding-top: 27px;
}

#foot {
margin-top: 25px;
clear: both;
text-align: right;
font-size: 0.8em;
}

/* My Menu
-------------------------*/
.mymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.mymenu li a{
background: white url(../images/bg_1.gif) repeat-x bottom left;
font-weight: bold;
font-size: 100%;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .mymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.mymenu li a:visited, .mymenu li a:active{
color: white;
}

.mymenu li a:hover{
background-image: url(../images/bg_2.gif);
}