body { background: #FFF; color: #666666; font: 8pt/14pt bold 'Lucida Grande', Verdana, Helvetica, sans-serif; color: #666; padding: 10px; }

/**************************** contact details ******************************/

#contact { margin: 0 0.2em; font-weight: bold; font-size: 1.0em; color: #0071BC; text-align: right; }

#contact span { color: #211D70; }

#contact p { margin: 0; }

#contact a { text-decoration: none; color: #211D70; }

#contact a:hover { text-decoration: underline; }

#address { font-size: 0.9em; padding-left: 10px; }

#address p { padding: 0; margin: -0.4em 0 0 0; }


/**************************** navigation ***********************************/

#navigation { float: left; width: 150px; padding: 0 22px; overflow: hidden; }

.sidenav { margin-top: 5px; margin-bottom: 35px; width: 150px; letter-spacing: -1px; }

.sidenav ul { border-top: 1px solid #FAFAFA; margin: 0; padding: 0; }

.sidenav li { border-bottom: 1px solid #FAFAFA; list-style: none; margin: 0; }

.sidenav li a { color: #666; font-weight: bold; display: block; font-size: 1.1em; padding: 3px 6px 3px 14px; text-decoration: none; }

.sidenav li a:hover { color: #333; }


/**************************** page layout *********************************/

#container { margin: 15px auto 0 auto; width: 782px; }

#header { width: 752px; height: 146px; background: url(images/header_nologo.jpg) no-repeat; overflow: hidden; padding-top: 30px; padding-left: 30px; }

#content { width: 782px; /*height: 480px;*/ background: url(images/contentbg.jpg) repeat-y; overflow: hidden; margin-top: -1px; }

#main { float: right; width: 548px; padding: 0px 20px; overflow: hidden; }

#bottom { width: 782px; height: 41px; background: url(images/footer.jpg) no-repeat; overflow: hidden; margin-left: 1px; clear: left; }

#footer { position: relative; height: 2.0em; padding-top: 0.1em; font-size: 0.8em; }

#footer .left { position: absolute; left: 0.3em; }

#footer .right { position: absolute; right: 0.3em; }

#footer .right a { color: #333333; text-decoration: none; }

#footer .right a:hover { color: #666; text-decoration: underline; }


/**************************** left content *********************************/

h2 { font-size: 1.8em; letter-spacing: -1px; margin-top: 0; }

h3 { letter-spacing: -1px; margin: 20px 0 5px; }

h5 { letter-spacing: -1px; text-align: center; font-size: 1.1em; }

h5 a { text-decoration: none; color: #211D70; }

h5 a:hover { text-decoration: underline; }

#main .left { float: left; width: 290px; padding: 10px 10px; }

#main .left p { text-align: justify; line-height: 1.4em; color: #333; }

#main .left p span { font-weight: bold; }

cite { background: url(images/quote.gif) no-repeat; color: #999; font-weight: bold; display: block; padding-left: 28px; margin-bottom: 20px; }


/**************************** right content ********************************/

#main .right { float: right; width: 208px; padding: 10px 0px; }

.box { background-color: EDEDED; border: 1px solid #CCCCCC; padding: 5px; margin-bottom: 10px; letter-spacing: -1px;}

.box h4 { margin: 0; font-size: 1.0em; }

.box p { margin: 0; line-height: 1.4em; letter-spacing: normal; }

#linkIt { float: right; }

.box a { margin: 0; color: #211D70; text-decoration: none; text-align: right; }

.box a:hover { color: #0071BC; }

.image { float: left; border: 4px solid #FFF; margin: 0 9px 3px 0; }


/**************************** form layout ********************************/

form { font-weight: bold; letter-spacing: -1px; }

fieldset { border: #CCC solid 1px; padding: 5px; margin-top: 10px; width: 480px; margin-left: 30px; }

legend { font-size: 1.5em; color: #666; }

label,input, select { display: block; width: 200px; float: left; margin-bottom: 0px; }

textarea { margin-top: 5px; }

label {	text-align: right; width: 130px; padding-right: 20px; font-size: 1.1em; clear: left; }

br { clear: left; }

.clear input { margin: 0px 0px 0px 0px; width: auto; }

.submit input { margin: 0px 0px 0px 5px; width: auto; }