/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; background-color: #FFC; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; margin: 15px 0px 5px 0px; }

img.left { float: left; margin-right: 8px; clear: left; }
img.right { float: right; margin-left: 8px; clear: right; }
img.bordered { border: 1px solid #333; }
input.qty { width: 30px; }
p.note { clear: both; font-size: 9px; color: #666; margin: 0px 2px; }
a.backLink { float: right; }

table th { text-align: left; }

#headerContainer { width: auto; height: 133px; background: #88DDFF url('/images/sky.png') repeat-x; }
#header { position: relative; width: 770px; height: 133px; margin: auto; background: url('/images/heads.jpg') right no-repeat; }
#header #left { height: 133px; width: 200px; background-image: url('/images/splash.jpg'); }
#topStrip { width: 770px; margin: auto; height: 133px; font-size: 10px; background: url('/images/splash.jpg') left no-repeat; }
#topStrip select { font-size: 10px; }

#mainStripContainer { background: #909 url('/images/purplestrip.png') repeat-x; border-top: 1px solid #000; }
ul#navStrip { list-style: none; height: 20px; margin: 0px auto; padding: 0px; width: 770px; font-size: 12px; }
ul#navStrip li { float: left; padding: 2px 0px; margin-left: 0px; }
ul#navStrip li a { padding: 3px 12px; text-decoration: none; color:#FFFFFF; }
ul#navStrip li a:hover { text-decoration: underline; }
ul#navStrip li.active { color: #FFF; padding: 3px 12px; font-weight: bold; }

#subStripContainer { background: #C03 url('/images/reddystrip.png'); border-top: 1px solid #000; border-bottom: 1px solid #000; }
ul#subNavStrip { list-style: none; width: 770px; height: 20px; margin: 0px auto; padding: 0px; clear: both; font-size: 12px; }
ul#subNavStrip li { float: left; margin: 0px; padding: 2px 0px; }
ul#subNavStrip li a { padding: 3px 12px; text-decoration: none; color:#FFF; }
ul#subNavStrip li a:hover { text-decoration: underline; }
ul#subNavStrip li.active { color: #FFF; padding: 3px 12px; font-weight: bold; }

#content { width: 770px; margin: auto; }
#footer { position: relative; font-size: 10px; color: #999; width: 770px; margin: auto; height: 20px; padding-top: 10px; clear: both; }
#footer p { position: absolute; left: 5px; bottom: 5px; margin: 0px; padding: 0px; }
#footer img { border: none; margin: 0px; }
#footer #buttons { position: absolute; right: 3px; bottom: 5px; height: 15px; }
#footer #buttons a { float: left; margin: 2px; }
#footer #buttons a#sharpformat { display: block; width: 124px; padding-top: 15px; height: 0px !important; height /**/:15px; overflow: hidden; background: url('http://www.sharpformat.co.uk/images/buttons/built-sharpformat.gif') no-repeat; }

p.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; text-align: center; }

#news h2 { font-family: Georgia, "Times New Roman", Times, serif; }
#news .article { clear: both; margin: 25px 0px; }
#news #turnPage { clear: both; text-align: center; }
#news table.small { float: left; clear: left; margin: 2px 5px 5px 0px; }
#news table.big { float: right; clear: right; margin: 2px 0px 5px 5px; }
#news table.small td { width: 152px; height: 152px; text-align: center; vertical-align: middle; }
#news table.big td { width: 302px; height: 302px; text-align: center; vertical-align: middle; }
#news img#mainPhoto { border: 1px solid #333333; }

h2#othersHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 2px 4px; clear: both; }
#otherPhotos { clear: both; padding: 2px; margin-bottom: 5px; }
#otherPhotos table { float: left; margin: 2px; }
#otherPhotos td { width: 160px; height: 160px; text-align: center; vertical-align: middle; }
#otherPhotos img { border: 1px solid #CCC; }
#otherPhotos img.gallery { padding: 4px; background-color: #FFF; }

table.committeeTable { width: 770px; border: 1px solid #000000; }
table.committeeTable th { text-align: left; width: 25%; font-weight: normal; background-color: #F93; border-right: 1px solid #000; padding: 2px 4px; }
table.committeeTable td { padding: 2px 4px; }

#feedback table { width: 500px; font-size: 11px; }
#feedback table input.wide { width: 250px; font-size: 11px; }
#feedback textarea { width: 450px; height: 180px; font-size: 11px; padding: 2px; }

#logoHolder { width: 100%; }
#logoHolder img { display: inline; border: 1px solid #333; }

form#projectFilter { margin: 0px 0px 10px 0px; text-align: center; }
div.activity { position: relative; border: 1px solid #333; background-color: #FFF; margin: 0px 0px 15px 0px; width: 100%; }
div.activity table { width: 100%; }
div.activity table th { background-color: #333; color: #FFF; margin: 0px; padding: 2px 4px; }
div.activity table .subhead { background-color: #999; color: #000; margin: 0px; padding: 2px 4px; }
div.activity .body { padding: 0px 4px; margin: 0px; height: 104px; overflow: hidden; }
div.activity img { float: right; margin-left: 5px; padding: 2px; height: 100px; border: none; display: inline; }
div.activity .body a.more { position: absolute; left: 0px; bottom: 0px; padding: 2px 4px; font-size:10px; text-decoration: none; border-top: 1px solid #333; border-right: 1px solid #333; background-color: #FFF; }

#activities table#main, #projects table#main { float: right; }
#activities table#main img, #projects table#main img { border: 1px solid #333; }

#slideContent { float: right; padding: 0px 0px 10px 10px; }
#flash-container-dance { float: right; padding: 0px 0px 10px 10px; }