/*** General ***/

body {
    background-color: white;
    margin: 0;
    padding: 0;
    text-align: center;
}

a:link, a:visited {
    color: #003366;
    text-decoration: none;
}

a:hover {
    color: #336699;
}

body, textarea, input, td {
    color: #555555;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

.centered {
    text-align: center;
}

.fullwidth {
    width: 100%;
}

.threefourthwidth {
    width: 75%;
}

.onefourthwidth {
    width: 25%;
}

.nowrap {
    white-space: nowrap;
}

.altcolor {
    color: #666633;
}

.tableheadcolor {
    background-color: #d7dde2;
}

.tablerowcolor {
    background-color: #efefef;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

h1 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #003366;
    font-size: 15px;
    font-weight: bold;
}

h2 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    color: #999966;
}

h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    color: #cc0000;
}

#midbox ul, #onebox ul, #midrightcontentbox ul {
    margin: 0 0 10px 30px;
    padding: 0;
}

#midbox ul li, #onebox ul li, #midrightcontentbox ul li {
    list-style-image: url(images/bulletblue.gif);
    margin: 0 0 5px 0;
}

#midbox ol, #midrightcontentbox ol {
    margin: 0 0 10px 25px;
    padding: 0;
}

#midbox ol li, #midrightcontentbox ol li {
    margin: 0 0 10px 0;
}

table {
    margin: 0 0 10px 0;
    padding: 0;
    border-collapse: collapse;
}

tr, td {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

a img {
    border: none;
}


/*** Forms ***/

form {
    background-color: #efefef;
    margin: 0;
    padding: 0;
}

form h2 {
    padding: 5px 0 5px 0;
    text-align: center;
    background-color: #d7dde2;
}

.form_buttons {
    padding: 3px;
    margin: 3px;
    text-align: center
}

.button {
    border: 1px solid black;
    background-color: #003366;
    color: white;
    font-size: 9px;
    font-weight: bold;
}

.accessbutton {
    width: 80px;
    height: 17px;
    background-image:url(images/access.gif);
    border: none;
    cursor: pointer;
}

form td {
    margin: 0;
    padding: 10px 5px 0 5px;
}


/*** Header ***/

#header {
    text-align: left;
    margin: 0 auto;
    height: 85px;
    width: 770px;
    w\idth: 768px;    /* ie5 box model hack */
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #a5b2c6;
    background-image: url(images/headergraphic.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#header img {
    border-style: none;
}


/*** TopNav ***/

#topnav {
    text-align: left;
    margin: 0 auto;
    height: 20px;
    width: 770px;
    w\idth: 768px;    /* ie5 box model hack */
    border: 1px solid #a5b2c6;
    font-size: 11px;
    font-weight: bold;
}

#topnavleftbox {
    float: left;
    height: 20px;
    width: 173px;
    w\idth: 174px;    /* ie5 box model hack */
    line-height: 20px;
}

#topnavcenterbox {
    float: left;
    height: 20px;
    width: 426px;
    w\idth: 425px;    /* ie5 box model hack */
    border-right: 1px solid #a5b2c6;
}

#topnavcenterbox div {
    text-align: center;
    width: 85px;
    w\idth: 84px;    /* ie5 box model hack */
    padding: 0;
    line-height: 20px;
    float: left;
    border-left: 1px solid #a5b2c6;
}

#topnavrightbox {
    float: left;
    margin: 0 0 0 10px;
    height: 20px;
    width: 150px;
    line-height: 20px;
}

#topnavrightbox div {
    padding: 0;
    line-height: 20px;
    float: left;
}

.topnavlinkbox {
    background-color: white;
    color: #666666;
}

.topnavlinkboxon {
    background-color: #d7dde2;
    color: #003366;
}

.topnavlinkbox a:link, .topnavlinkbox a:visited {
    background-color: white;
    color: #666666;
}

.topnavlinkbox a:hover {
    color: #003366;
}


/*** Content Columns ***/

#outerbox {
    text-align: left;
    margin: 0 auto;
    width: 770px;
    w\idth: 768px;    /* ie5 box model hack */
    border-left: 1px solid #a5b2c6;
    border-right: 1px solid #a5b2c6;
    border-bottom: 1px solid #a5b2c6;
}

#onebox {   /* content box for single column layout (home page) */
    width: 768px;
    w\idth: 728px;    /* ie5 box model hack */
    padding: 20px 20px 20px 20px;
}

#leftbox {
    float: left;
    width: 173px;
    w\idth: 164px;    /* ie5 box model hack */
    padding: 20px 0 0 10px;
}

#leftbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftbox li {
    padding: 5px 0 0 12px;
    font-size: 10px;
}

#leftbox li ul li {
    margin-left: -4px;
    padding: 5px 0 0 0;
}

#leftbox .unsel {
    background: url(images/bulletgray.gif) no-repeat left top;
    color: #666666;
} 

#leftbox .unsel a:link, #leftbox .unsel a:visited {
    color: #666666;
}

#leftbox .unsel a:hover {
    color: #003366;
}

#leftbox .sel {
    background: url(images/bulletblue.gif) no-repeat left top;
    color: #003366;
}

#leftbox .sel a:link, #leftbox .sel a:visited {
    color: #003366;
}

#leftbox .subunsel {
    background: none;
    color: #666666;
} 

#leftbox .subunsel a:link, #leftbox .subunsel a:visited {
    color: #666666;
}

#leftbox .subunsel a:hover {
    color: #003366;
}

#leftbox .subsel {
    background: none;
    color: #003366;
}

#leftbox .subsel a:link, #leftbox .subsel a:visited {
    color: #003366;
}

#midrightbox {
    float: left;
    width: 594px;
}

#midbox {
    float: left;
    width: 426px;
    w\idth: 404px;    /* ie5 box model hack */
    border-left: 1px solid #a5b2c6;
    border-right: 1px solid #a5b2c6;
    padding: 20px 10px 20px 10px;
    z-index: 1;
    line-height: 1.5;
}

#midrightcontentbox { /* content box mid column and right column combined layout (download kiosk page) */
    float: left;
    width: 594px;
    w\idth: 572px;    /* ie5 box model hack */
    border-left: 1px solid #a5b2c6;
    padding: 20px 10px 20px 10px;
    z-index: 1;
    line-height: 1.5;
}

#rightbox {
    float: left;
    width: 168px;
    padding: 20px 0 20px 0;
}

#rightbox p {
    margin: 10px 0 0 0;
    padding: 0;
}

.rightcallout {
    padding: 2px 8px 10px 10px;
    border-bottom: 1px solid #a5b2c6;
    background: url(images/rightcalloutheader.gif) no-repeat left top;
    font-size: 10px;
    line-height: 1.4;
}

.rightcallout a {
    display: block;
}

.rightcallout h1 {
    margin: 0;
    padding: 0;
    color: #555555;
    font-size: 10px;
    font-weight: bold;
}


/*** Footer ***/

#footer {
    text-align: center;
    margin: 0 auto;
    width: 770px;
    padding: 4px 0 10px 0;
    font-size: 9px;
    color: black;
    background: url(images/footer.gif) no-repeat left top;

}


/*** Homepage ***/

#homegraphic {
    float: left;
    width: 470px;
    background: url(images/homegraphicbg.gif) no-repeat left top;
}

#homecontent {
    float: right;
    width: 258px;
    line-height: 1.9;
    background: url(images/homecontentbg.gif) no-repeat left top;
}

#homecontent a {
    display: block;
}

#homecalloutleft {
    float: left;
    width: 350px;
}

#homecalloutright {
    float: right;
    width: 350px;
}

.homecallout {
    width: 350px;
    background: url(images/homecalloutlarge.gif) no-repeat left top;
}

.homecallout h1 {
    padding: 0;
    color: #555555;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 21px;
}

.homecalloutcontent {
    padding: 5px 10px 1px 10px;
    line-height: 1.4;
}