body {
    background-color: #232343;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

#page {
    background: url(images/page-background.gif) repeat;
    margin: 0px auto;
    width: 772px;
}

.altcolor1 {
    background-color: #d3d3d9;
    
}

ul.fluff {
    list-style-type: square;
}
ul.fluff li {
    margin-bottom: 1em;
    padding: 0 0.2em 0 0.2em;
}
span.fluff {
    color: #232343;
    font-weight: bold;
    font-size: 1.10em;
}


/* Masthead */
#masthead {
    background: url(images/masthead.gif) no-repeat;
    height: 85px;
    padding: 0 0.5em 0 0;
}

#masthead p.links {
    position: relative;
    top: 65px;
    left: 100px;
    color: #232343;
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 80%;
}
#masthead p.links a:link {
    color: #9bb3ca;
    text-decoration: none;
}
#masthead p.links a:visited {
    color: #9bb3ca;
    text-decoration: none;
    /* color: #cc99cc; */
}
#masthead p.links a:hover {
    color: #ff9900;
    text-decoration: underline;
}
#masthead p.contact {
    color: white;
    font-family: Arial, Helvetica, sans;
    font-size: 70%;
    float: right;
    text-align: right;
    padding: 0.4em 0 0 0;
}
#masthead #clickable {
   position: absolute;
   height: 80px;
   width: 80px;
   cursor: pointer; 
   display: block;
   float: left;

}

/* Footer */
#footer {
    background: url(images/footer.gif) no-repeat bottom;
    height: 20px;
}

#footer p {
    padding: 0 0 0 30px;
    color: #999;
    font-family: Arial, Helvetica, sans;
    font-size: 70%;
    text-align: center;
}

/*  Content id contains the actual page-to-page content */
#content {
    padding: 0.5em 0 0 2.5em;
    font-family: Verdana, Arial, Helvetica, sans;
}
#content .lede {
    font-size: 90%;
    margin: 1em 0 1em 0;
}
#content h3 {
    font-size: 90%;
}
#content ul {
    font-size: 80%;
}
#content p {
    font-size: 80%;
    padding-right: 1em;
}   
/* Columns */
#rightcol {
    width: 190px;
    margin: 0 0 0 33em;
}
#rightcol p {
    font-size: 80%;
}
#leftcol {
    width: 31em;
    padding: 0 2em 0 0;
    float: left;
}
#leftcol p {
    font-size: 80%;
    line-height: 1.5em;

}
h2.pageTitle {
    font-size: 100%;
}
#leftcol h3 {
    font-size: 90%;
}
#content div.partimage {
    float: right;
    width: 200px;
    margin: 2em 1em 0 1em;
}
#content p.caption {
    font-size: 60%;
    color: #999;
    text-align: right;
}

/* Rounded corner box style */

#rightcol div.roundbox {
    background: #e9e9ec url(images/box-bottom.gif) no-repeat bottom;
    padding: 0 0 0.3em 0;
}
#rightcol div.roundbox p {
    font-size: 70%;
    line-height: 1.4em;
    padding-left: 0.3em;
    margin-top: 0.4em;
    margin-bottom: 0.5em;
}
#rightcol div.roundbox h3 {
    background: url(images/box-top.gif) no-repeat top;
    font-size: 70%;
    text-align: center;
    padding: 0 0 0.2em 0;
    margin-bottom: 0.5em;
}
img.icon {
    vertical-align: top;
    border: 0;
    margin: 0 0.7em 0.8em 0;
}
#rightcol img.icon {
    float: left;
    border: 0;
    margin: 0 0.7em 0.8em 0;
}
.lastupdated {
    color: #999;
    font-size: 90%;
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}

/* Inquiry form */
#content table.inquiryForm {
    border: 1px solid #999;
    border-collapse: collapse;
    width: 98%;
}
table.inquiryForm th {
    text-align: left;
    font-weight: normal;
    background-color: #ccc;
    width: 25%;
}
table.inquiryForm th.note {
    background-color: #aaaaaa;
    font-weight: bold;
    padding: 0.2em;
    border: 1px solid #999;
    border-bottom: 2px groove;
    
}
table.inquiryForm td, table.inquiryForm th {
    padding: 0.2em;
    font-size: 80%;
    border: 1px solid #ddd;
}
.requiredStar {
    color: red;
}
.go {
    background-color: #99cc66;
}