@charset "utf-8";
/* CSS Document */

/* General */
body, h1, h2, h3, h4, h5, h6, blockquote, p, div { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; vertical-align: top; background: #ffffff; color: #000000; }
img { border: 0; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

/* Layout */
#container { float: left; width: 525px; }
#footer { clear: both; float: left; width: 750px; }
#header { float: left; width: 750px; margin-top: 10px; }
#leftsidebar { float: left; width: 215px; margin: 0 10px 0 0; display: inline; }
#rightsidebar { float: left; width: 190px; background: #eeeeee; margin: 0 0 0 10px; display: inline; }
#subhead1 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #008536; text-align: center; font-weight: bold; }
#subhead2 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; text-align: center; font-weight: bold; }
#subhead3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #008536; text-align: center; font-weight: bold; }
#wrapper { margin: 0 auto 0 auto; width: 750px; text-align: left; }
#middleright { float: left; width: 500px; margin-bottom: 10px; display: inline; }
#programme { float: left; width: 480px; border: #008536 3px solid;  margin-bottom: 10px; padding: 2px 7px; display: inline; }
#payondoor { float: left; width: 726px; border: #008536 5px solid;  margin-bottom: 20px; padding: 2px 7px; display: inline; }

#logocol1 { float: left; width: 182px; display: inline; }
#logocol3 { float: left; width: 125px; display: inline; }
#csclogo { float: left; display: inline; }
#ohplogo { float: left; display: inline; }
#unitelogo { float: left; display: inline; }
#sertuclogo { float: left; display: inline; }
#cuba50logo { float: left; display: inline; }
#vsclogo { float: left; display: inline; }

p.whiteongreen { line-height: 32px; }
span.whiteongreen { font-size: 20px; color: #FFFFFF; background-color: #008536; font-weight: bold; }
.redtitle { font-size: 18px; color: #ED1C24; font-weight: bold; }
.blacktext { font-size: 15px; }
.redtext { font-size: 15px; color: #ED1C24; font-weight: bold; }

/* Alternative */
#leftfront { float: left; width: 240px; margin: 0 10px 0 0; display: inline; }
#middlefront { float: left; width: 250px; margin: 0 10px 0 0; display: inline; }
#rightfront { float: left; width: 240px; margin: 0; display: inline; }
#payphone { float: left; width: 200px; margin: 0; display: inline; }
#mainorgs { float: left; width: 500px; margin-left: 250px; display: inline; }
#sponsors { float: left; width: 500px; margin-left: 250px; display: inline; }
#leftthird { float: left; width: 240px; margin: 0 10px 0 0; display: inline; }
#rightthirds { float: left; width: 500px; margin: 0; display: inline; }
.bluebul { font-size: 18px; color: #0872bb; }
.fronttext { font-size: 18px; }
.blacktext { color: #000000; }
.blackft { color: #000000; font-weight: bold; }
.blueft { color: #0872bb; font-weight: bold; }
.redft { color: #ED1C24; font-weight: bold; }


/* Posts */
.post { float: left; clear: both; padding: 10px 0 10px 0; width: 100%; }
.post h2 { font-family: Tahoma, Geneva, Sans-serif; font-size: 18px; }
.post h2 a { color: #D1232A; }
.post p { padding: 10px 0 0 0; }
.post p.categories { padding: 5px 5px 0 0; margin-bottom: 5px; font-size: 1.167em; }
.post p.categories a { color: #399736; font-weight: bold; }
.post p.postmetadata { border-bottom: 1px solid #ccc; margin: 5px 0 0 0; padding-bottom: 10px; }
.entry { line-height: 18px; }

/* Key dates */
.keydate { padding: 30px 0 0 0; width: 100%; }
.keydate h2 { font-family: Tahoma, Geneva, Sans-serif; font-size: 14px; color: #D1232A; font-weight: bold; }
.keydate p { padding-top: 5px; }

.navigation{ padding: 10px 0 0 0; font-size: 14px; font-weight: bold; line-height: 18px; }

#date { float: left; width: 200px; display: inline; }
#banner { float: left; width: 750px; display: inline; text-align: center; }
#signup { float: right; width: 300px; display: inline; text-align: right; vertical-align: top; }
#topmenu { float: left; margin: 0px 0 0 0; }

#topmenu ul { list-style: none; padding: 0; margin-top: 5px; }
#topmenu li { float: left; margin: 0 2px; background-color: #399736; } 
#topmenu li a { height: 24px; line-height: 24px; float: left; width: 90px; display: block; border: 2px solid #266424; color: #FFF; text-decoration: none; text-align: center; }
#topmenu li a:hover { text-decoration: underline; }