#header { background-image: url("/images/header_background_green.jpg"); }

#primary-content { min-height: 280px; background: url("/images/strong_background.jpg") no-repeat; }

#home-page-info { padding: 40px 0px 0px 10px; width: 50%; float: left; }

#twitter { width: 40%; padding: 10px; background-color: #A7CFDF; margin: 40px 0 15px 40px; border: 1px solid #83A7BF; float: right; }
#twitter img { border: none; }
#twitter ul { margin: 0; }
#twitter ul li { list-style-type: none; padding: 10px 0; }
#twitter ul li a { font-weight: normal; }
#twitter ul li a:hover { color: #428DC4; }
#twitter .posted { display: block; font-size: small; color: #6F6F6F; }
#twitter .twitter-bird { float: right; height: 50px; }

#headlines { margin: -10px 0 0 0; text-align: center; width: 940px; height: 270px; background-color: black; }
#headlines .items div { width: 970px; text-align: center; height: 270px; }

#home #events { position: relative; top: 10px; left: 10px; width: 350px; float: left; margin-bottom: 20px; }
#home #news { position: relative; top: 10px; right: 10px; width: 450px; float: right; margin-bottom: 20px; }

/* Scroll CSS */
.navi { margin: 3px 0 0 0; float: right; }
.navi a { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(/images/navigator.png) no-repeat scroll 0 0; display: block; float: left; font-size: 1px; height: 8px; margin: 3px; width: 8px; }
.navi a:hover { background-position: 0 -8px; }
.navi a:active { background-position: 0 -16px; }

div.scrollable { position: relative; overflow: hidden; width: 660px; height: 90px; }

div.scrollable div.items { width: 2000em; position: absolute; }

div.scrollable div.items div { float: left; }

div.items div.active { border: 1px inset #ccc; background-color: #fff; }