@charset "UTF-8";
/* Color Palette

Blue-Grey:		535C65
Med Blue-Grey:	A0AEBC
Lt Blue-Grey:	F3F6F7

 */
body { text-align: center; background: #535C65;  }
h1 { font: normal 12px Geneva, Arial, Helvetica, sans-serif; margin: 10px 0; color: #535C65; }
h5 { font: normal 12px Geneva, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
p { font: normal 12px Geneva, Arial, Helvetica, sans-serif; }
img { border: 0; }

a:link { color: #000000; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
a:active { color: #A0AEBC; text-decoration: none; }

#container { text-align: left; margin: 0 auto; width: 780px; padding: 10px; }
#header { margin: 0; }
#navBar { background: #535C65 url(../images/navBarBg.gif) center no-repeat; text-align: center; }
#navBar img {  margin: 0 5px; }

#sideArea { float: left; margin-right: 10px; }
#sideArea img { margin: 0 0 10px 0; }

#contentArea { background: #F3F6F7; margin: 0; padding: 10px; overflow: auto; height: 300px; }
#textArea p { margin: 10px 30px 10px 220px; color: #535C65; }
#textArea ul { margin: 10px 0 10px 190px; color: #535C65; }
#textArea ul li { font: normal 12px Geneva, Arial, Helvetica, sans-serif; list-style-position: inside; }
#textArea ol { margin: 10px 0 10px 190px; color: #535C65; }
#textArea ol li { font: normal 12px Geneva, Arial, Helvetica, sans-serif; }

ul.pageNav { margin: 0 0 0 190px; padding: 0; list-style-type: none; font: normal 12px Geneva, Arial, Helvetica, sans-serif; cursor: default; border-top: 1px solid #535C65; border-left: 1px solid #535C65; border-right: 1px solid #535C65; }
ul.pageNav li { border-bottom: 1px solid #535C65; }
ul.pageNav h1 { padding: 6px 10px 6px 30px; margin: 0; background-color: #FFF; background-image: url(../images/filledBullet.gif); background-repeat: no-repeat; background-position: 10px 50%; }
ul.pageNav a { display: block; padding: 6px 10px 6px 30px; margin: 0; color: #FFF; background-color: #A0AEBC; background-image: none; }
ul.pageNav a:visited { color: #FFF; }
ul.pageNav a:hover { color: #535C65; text-decoration: none; background-color: #FFF; background-image: url(../images/crossBullet.gif); background-repeat: no-repeat; background-position: 10px 50%; }

.genericButton { }
.genericButton a { display: block; border: 1px solid #535C65; background-image: url(../images/emptyBullet.gif); background-repeat: no-repeat; background-position: 10px 50%; cursor: pointer; background-color: #FFF; padding: 6px 10px 6px 30px; color: #A0AEBC; text-decoration: none; width: 138px; }
.genericButton a:hover, .genericButton a:focus { background-image: url(../images/filledBullet.gif); background-repeat: no-repeat; background-position: 10px 50%; background-color: #FFF; color: #535C65; }

#contactArea { margin: 10px 40px; }
#contactText { background: url(../images/medBlueGrey.gif) left repeat-y; margin: 0 0 0 170px; }
#contactText p { margin: 0 0 0 10px; color: #A0AEBC; }
#contactText a:link { color: #A0AEBC; }
#contactText a:hover { color: #F3F6F7; }

#footer { margin: 0; }

.divLine { background: #535C65; }
.clearfloat { clear: both; height: 1px; }

*html #textArea ul { margin: 10px 0 10px 220px; }
*html #textArea ol { margin: 10px 0 10px 220px; }
*html .divLine { margin-top: 10px; }