/* CSS for layout */

body {margin: 0; padding: 0; background: #ffffff; min-width: 960px;}
.clear {clear: both;}
.hidden {display: none;}

#header {background: #000000 url(images/header-people.jpg) top right no-repeat; height: 150px;}
#headerLogo {position: absolute; top: 5px; left: 50px; color: #0071B5; font-size: 4em; text-decoration: none; letter-spacing: -0.06em;}
#headerLogo img {border: 0;}

.cyan, #item1 a {background-color: #29A4DB;}
.purple, #item2 a {background-color: #8C2788;}
.pink, #item5 a {background-color: #CD145A;}
.green, #item4 a {background-color: #008B45;}
.red, #item3 a {background-color: #BA272D;}
.brown, #item6 a {background-color: #9F7C52;}
.teal, #item13 a {background-color: #00AF9B;}
.orange, #item7 a {background-color: #EA5A24;}
.blue, #item14 a {background-color: #0071B5;}
.darkbrown, #item60 a {background-color: #651D07;}
.yellow, #item65 a {background-color: #e9d000; color: #000000;}

#navigation {background: #003280; height: 30px;}
#navBar {height: 8px;}

#page {width: 920px; margin: 20px auto; padding: 20px; /*border-left: 4px dotted #0071B5; border-right: 4px dotted #0071B5;*/ background: #ffffff url(images/page-bg.png) top left repeat-y;}
.frontPage {padding-top: 140px; background: url(images/front-bg.jpg) top center no-repeat; margin-top: -20px;}
.frontPage h1 {display: none;}

.column {float: left; width: 250px; margin-left: 10px;}
#leftColumn, #mainColumn {margin-left: 0;}
#middleColumn {width: 400px;}
#mainColumn {width: 620px; padding-left: 40px;}
.frontPage #rightColumn {padding-top: 140px;}
.columnBox {margin-bottom: 10px;}

#motto {background: url(images/quote-box.jpg) top left no-repeat; height: 134px;}
#motto p {padding: 15px 30px; font-style: italic; color: #666666; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}

#dailyVerse {background: #f0f0f0; padding: 8px; margin: 5px 0; font-size: 0.9em;}
#dailyVerse h2 {font-size: 1.2em; margin: 0;}

.futureNews {border: 1px solid #c0c0d0; margin: 0 0 10px 0; padding: 6px; color: #606060;}
.newsReport {border-bottom: 1px dotted #c0c0c0; margin: 0 0 10px 0; padding: 0 0 10px 0;}
#pageControls span, #pageControls a {display: inline-block; padding: 2px 5px; margin: 1px; color: #909090; font-weight: bold;}
#pageControls a {color: #003280;}
#pageControls .ditto_currentpage {background: #003280; color: #ffffff;}

#footer {background: #003280; color: #ffffff; font-size: 0.8em; padding: 10px 20px; text-align: right;}
.footerLinks {float: left; margin: 0; padding: 0; list-style-type: none;}
.footerLinks li {padding: 0 20px 0 0; margin: 0; list-style-type: none; display: inline;}
#footer a {color: #ffffff; text-decoration: underline; display: inline-block;}
#footer a:hover {background: #000000; background: rgba(0,0,0,0.5); padding: 4px; margin: -4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#footerCopyright {background: url(images/grapes-small.png) right center no-repeat; height: 32px; padding-right: 30px;}