/* general */
body, td, tr, p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #036; line-height: 1.5}
body {background-color: #08589E; padding-top:0; margin-top: 10px}
a:link, a:visited, a:active {color:#06c}
a:hover {color: #09f}
#page {background-image: url(images/bodybg.jpg); background-repeat: repeat-y; text-align: center; width: 770px; padding: 0 15px; margin: 0;}

/* home page header */
#header {width: 740px; margin: 0; padding: 0; border: 0; border-bottom: 2px solid #08589E; }
#logo {margin:0; padding: 0 0 0 28px; width: 160px;}
#tagline {margin:0; padding: 0 15px 15px 0; width: 580px; vertical-align: bottom; text-align: right; height: 95px}
#title {margin: 0; padding: 0; float: left}
#tagline a:link, #tagline a:visited, #tagline a:active, #tagline a:hover {margin: 50px 0 0 0; font-size: 0.9em;}
#nav {background-color: #6B98CA; text-align: center; width:100%; vertical-align: middle;}
#nav a:link, #nav a:visited, #nav a:active {height: 17px; font-size: 0.9em;
	font-weight: bold; display: block; float:left; width: auto; color:white; text-decoration:none; padding: 2px 13px 0 13px; border-right: 1px solid white;}
#nav a:hover {background-color: #08589E; color: #fff}
a#homeBut:link, a#homeBut:visited, a#homeBut:active {background-image: url(images/navBarCorner.gif); background-repeat: no-repeat; padding: 2px 13px 0 32px;}
a#homeBut:hover {background-image: url(images/navBarCornerUp.gif); background-repeat: no-repeat; }
#eventsBut {border-right: 0;}
.author {font-style: italic; font-size: 0.9em}
.article {border-bottom: 2px dotted #98BAD7; margin: 20px 0; padding: 0 0 10px 0}

/* home page banner */
#banner {width: 740px; margin: 0; padding: 0; border: 0; background-color: #CDDBE7;}
#intro { background-color: #CDDBE7; padding: 20px; width:100%}
#intro h1 {font-size: 16px; color:# 08589E; text-transform: uppercase;font-family: Arial, sans-serif}
#intro p {font-size: 0.9em; line-height: 17px}

/* home page bottom */
#bottom {vertical-align: top; background-color: #E7EFF5; width: 740px; font-sizexx: 0.9em;}
.bottombox {margin: 0; padding: 0 0 20px 0; width: 246px; vertical-align: top; font-sizexx: 0.9em}
.bottomboxcenter  {width: 248px; border-left: 3px solid #fff; border-right: 3px solid #fff; vertical-align: top; padding: 0 0 20px 0; }
#bottom h2 {background-color: #8AA540; color: #fff; padding: 2px 15px 2px 20px; font-size: 1em}
#bottom h3 {margin: 20px 15px 10px 20px; padding: 0; font-size: 1em}
#bottom p {margin: 5px 15px 10px 20px; padding: 0; font-size: 0.9em;}
#imgleft {margin: 10px 7px 5px 20px; padding: 0; float: left}
#imgright {margin: 10px 15px 5px 5px; padding: 0; float: right}
#bottom ul {margin: 10px 15px 10px 30px; padding: 0}
#bottom li {font-size: 0.9em; margin: 3px 5px ; padding: 0; list-style: url(images/bullet.gif) none;}

/* back page left */
#left {width: 160px; background-color: #CEDEEC; margin: 0; padding: 0; vertical-align: top; border-top: 7px solid #08589E;}
#left ul {margin: 0; padding: 0;}
#left li {list-style: none; margin: 0; padding: 0;}
#left a:link, #left a:visited, #left a:active {font-size: 0.9em; display: block; color: #fff; background-color: #98BAD7; border-top: 1px solid #fff; text-decoration: none; padding:7px 6px; margin: 0; }
#left a:hover {color: #003; background-color: #E7EDF4;}

/* back page content */
#content {margin: 0; padding: 30px 20px 50px 32px; vertical-align: top; background-color: #E7EDF4;}
#content h1 {font-size: 17px; color:# 08589E; text-transform: uppercase; font-family: Arial, sans-serif; margin: 0 0 15px 0; padding: 0 0 15px 0;border-bottom: 2px dotted #98BAD7; }
#content h2 {font-size: 13px; font-familyxx: Arial, sans-serif; margin: 2em 0 0.5em 0}
#content h3 {font-size: 12px; font-familyxx: Arial, sans-serif; margin: 10px 0 5px 0}
#content h4 {font-size: 11px; font-familyxx: Arial, sans-serif; margin: 8px 0 5px 0}
#content p {margin: 1.5em 0 }
#content h2 a:link, #content h2 a:visited, #content h2 a:hover {color:#036}
#content ul {margin: 0 0 0 20px; padding: 0;}
#content li {margin: 10px 0 10px 0px; padding: 0;}
#content ul li {list-style: url(images/bullet.gif) none; }

/* footer */
#footer {width: 770px; text-align: center; font-size: 0.8em; margin: 0px; padding: 25px 15px 10px 15px; background: #08589E url(images/footerbg.gif) no-repeat left top;}
#footer a:link, #footer a:visited, #footer a:active {margin: 0px 13px; color: #CDDBE7}
#footer a:hover {color: #fff}
#copyright {margin: 10px 0 0 0; color: #E7EFF5}


