body { margin: 0; padding: 0; text-align: left; font-family: "Trebuchet MS", Arial, Verdana; font-size: 0.74em; color: #555555; } #container { width: 100%; margin: 0 auto; } #header { background-image: url(../Images/Header-Background.jpg); background-position: top left; background-repeat: repeat-x; height: 125px; padding: 5px 10px; } #header h1 { margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 360%; color: #FFFFFF; } #header h2 { margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 120%; color: #FFFFFF; } #centre { background-image: url(Common/Centre-Background.gif); background-position: 0px 40px; background-repeat: no-repeat; padding: 5px 15px; } #content { width: 80%; float: left; } #content h1 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728C40; text-transform: uppercase; } #content h2 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #728C40; } #content h3 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase; text-align: left; color: #728C40; } #content p { } #content a { color: #4F5F34; text-decoration: underline; } #content a:hover { color: #4F5F34; text-decoration: none; } #subcontent { width: 17%; padding: 10px 0px 0px 0px; font-size: 95%; color: #6C534A; float: right; } #subcontent h1 { border-bottom: 1px solid #eeeeee; margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #728C40; } #subcontent ul { margin: 10px 0px; padding: 0; } #subcontent ul li { list-style: none; } #subcontent ul li a { width: 100%; padding: 5px 0px 0px 5px; text-decoration: underline; color: #6C534A; display: block; } #subcontent ul li a:hover { text-decoration: none; } #footer { border-top: 1px solid #555555; height: 40px; padding: 10px 5px 0px 0px; margin: 10px 0px 0px 0px; text-align: right; } #footer a { color: #4F5F34; text-decoration: underline; } #footer a:hover { color: #4F5F34; text-decoration: none; } #login { } #login h1 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728C40; text-transform: uppercase; } #login h2 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 20px; text-transform: uppercase; text-align: left; color: #728C40; } #login h3 { margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase; text-align: left; color: #728C40; } #login p { } #login a { color: #4F5F34; text-decoration: underline; } #login a:hover { color: #4F5F34; text-decoration: none; } .clear { clear: both; } .article { } h1 { } .article .details { margin: 0; padding: 0; list-style: none; } .article .details li { margin: 0px 5px 10px 0px; display: inline; } .article .introduction { border-bottom: 1px solid #EEEEEE; line-height: 20px; font-size: 110%; } .article .link { font-size: 110%; text-align: right; } .article .gallery { } .article .gallery img { border: 1px solid #EEEEEE; padding: 3px; margin: 3px; } img { border: none; } form { margin: 0; padding: 0; } form .text { border: 1px solid #999999; clear: both !important; display :block; width: 97%; padding: 3px; } form .select { border: 1px solid #999999; clear: both !important; display: block; width: 98%; padding: 3px; } form .textarea { border: 1px solid #999999; clear: both !important; display: block; width: 97%; padding: 3px; } form .button { } form .button:active { } form .clear { } table { width: 100%; padding: 0; } table th { font-weight: bold; padding-bottom: 5px; } table td { padding: 3px 0px; } table .options { width: 18%; text-align: center; } table .label { width: 20%; } table .details { width: 80%; } table .details ul { width: 280px; margin: 0; padding: 0; } table .details li { display: block; width: 33%; float: left; } table .details li input, table .details li select { width: 95%; } table .details li.day { text-align: left; } table .details li.month { text-align: left; } table .details li.year { text-align: left; } table .details li.hour { text-align: left; } table .details li.minute { text-align: left; } table .parent { background-color: #CCCCCC; } table .date { width: 280px; } span.active { color: #339900; font-weight: bold; } span.banned { color: #990000; font-weight: bold; }