/*Developed by Andrew Stewart 2007 for two good mates!*/

/*Global CSS Elements - General Layout*/

#navbar-iframe, #space-for-ie {
  display: none;
  visibility: hidden;
  height: 0px;
}



html, body {
  margin: 0px;
  padding: 0px;
  background-color: #666;
}

body {
  color: #999;
}

html>body { font-size:small; } /* escaping IE, font size for others */

#main {
  width: 800px;
  margin: 0px auto;
  padding: 0px;
  background: #666 url(bg.png) top left repeat-y;
  min-height: 600px;
}

#screenswitcher {
  padding: 0;
  margin: 0;
}

form, fieldset {
  border: none;
  text-align: right;
  padding: 0;
  margin: 0;
}

label {
  font-weight: bold;
  color: #fff;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
}

#main-wrapper {
  padding: 0;
  margin: 0 auto;
  width: 780px;
  min-height: 500px;
  background-color: #fff;
}

#header {
  height: 160px;
  background: #666 url(header.png) top left no-repeat;
  margin: 0px !important;
}

#header h1 {
  display: none;
}

#nav {
  height: 40px;
  background: #666 url(navigation.png) top left no-repeat;
  margin: 0px;
}

#home, #news, #events, #multimedia, #contact {
  margin: 0; padding: 0;
  float: left;
  /*position: absolute; top: 0;*/
}

#home a, #news a, #events a, #multimedia a, #contact a {
  height: 40px; display: block;
}

#home {
  left: 0px; width: 90px;
}

#news {
  left: 90px; width: 72px;
}

#events {
  left: 163px; width: 87px;
}

#multimedia {
  left: 250px; width: 137px;
}

#contact {
  left: 387px; width: 134px;
}

#nav span {
  display: none;
}

#home a:hover {
  background: transparent url(navigation.png) 0px -40px no-repeat;
}

#news a:hover {
  background: transparent url(navigation.png) -90px -40px no-repeat;
}

#events a:hover {
  background: transparent url(navigation.png) -163px -40px no-repeat;
}

#multimedia a:hover {
  background: transparent url(navigation.png) -250px -40px no-repeat;
}

#contact a:hover {
  background: transparent url(navigation.png) -387px -40px no-repeat;
}

#content {
  min-height: 350px;
  background-color: #fff;
  padding-bottom: 10px;
}

#content h1 {
  margin: 1em;
  font-size: 180%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

#content h2 {
  margin: 1em;
  font-size: 140%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

#content h3 {
  margin: 1em;
  font-size: 120%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

#content p, #content .blogBody {
  margin: 1em 2em 1em 2em;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
  color: #333;
}

#content a {
  color: #990033;
  text-decoration: none;
  font-weight: bold;
}

#content a:visited {
  color: #8B7B62;
  text-decoration: none;
  font-weight: bold;
}

#content a:hover {
  color: #999;
  text-decoration: none;
  font-weight: bold;
}

#footer {
  padding: 0;
  margin: 0px 10px 0px 10px;
  text-align: center;
}

#footer p {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  margin: 0px;
  font-size: 90%;
  color: #999;
}

#footer a:link, #footer a:active, #footer a:visited {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #ccc;

}

#footer a:hover {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #000;
  background-color: #ccc;
}

/*Global CSS Elements - Modern Layout*/

html, body.basic {
  margin: 0px;
  padding: 0px;
  background-color: #666;
}

body.basic {
  color: #999;
}

html>body.basic { font-size:small; } /* escaping IE, font size for others */

.basic #main {
  width: 800px;
  margin: 0px auto;
  padding: 0px;
  background: #666 url(bg.png) top left repeat-y;
  min-height: 600px;
}

.basic #screenswitcher {
  padding: 0;
  margin: 0;
}

.basic form, .basic fieldset {
  border: none;
  text-align: right;
  padding: 0;
  margin: 0;
}

.basic label {
  font-weight: bold;
  color: #000;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
}

.basic #main-wrapper {
  padding: 0;
  margin: 0 auto;
  width: 780px;
  min-height: 500px;
  background-color: #fff;
}

.basic #header {
  height: 160px;
  background: #666 url(header.png) top left no-repeat;
  margin: 0px;
}

.basic #header h1 {
  display: none;
}

.basic #nav {
  height: 40px;
  background: #666 url(navigation.png) top left no-repeat;
  margin: 0px;
}

.basic #home, .basic #news, .basic #events, .basic #multimedia, .basic #contact {
  margin: 0; padding: 0;
  float: left;
  /*position: absolute; top: 0;*/
}

.basic #home a, .basic #news a, .basic #events a, .basic #multimedia a, .basic #contact a {
  height: 40px; display: block;
}

.basic #home {
  left: 0px; width: 90px;
}

.basic #news {
  left: 90px; width: 72px;
}

.basic #events {
  left: 163px; width: 87px;
}

.basic #multimedia {
  left: 250px; width: 137px;
}

.basic #contact {
  left: 387px; width: 134px;
}

.basic #nav span {
  display: none;
}

.basic #home a:hover {
  background: transparent url(navigation.png) 0px -40px no-repeat;
}

.basic #news a:hover {
  background: transparent url(navigation.png) -90px -40px no-repeat;
}

.basic #events a:hover {
  background: transparent url(navigation.png) -163px -40px no-repeat;
}

.basic #multimedia a:hover {
  background: transparent url(navigation.png) -250px -40px no-repeat;
}

.basic #contact a:hover {
  background: transparent url(navigation.png) -387px -40px no-repeat;
}

.basic #content {
  min-height: 350px;
  background-color: #fff;
  padding-bottom: 10px;
}

.basic #content h1 {
  margin: 1em;
  font-size: 180%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

.basic #content h2 {
  margin: 1.75em;
  font-size: 140%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

.basic #content h3, .basic #content h4, .basic #content h5, .basic #content h6 {
  margin: 1.75em;
  font-size: 120%;
  font-weight: normal;
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  color: #4e2f18;
}

.basic #content p, .basic #content .blogBody {
  margin: 1em 2em 1em 2em;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
  color: #333;
}

.basic #content a {
  color: #990033;
  text-decoration: none;
  font-weight: bold;
}

.basic #content a:visited {
  color: #8B7B62;
  text-decoration: none;
  font-weight: bold;
}

.basic #content a:hover {
  color: #999;
  text-decoration: none;
  font-weight: bold;
}

.basic #footer {
  padding: 0;
  margin: 0px 10px 0px 10px;
  text-align: center;
}

.basic #footer p {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  margin: 0px;
  font-size: 90%;
  color: #999;
}

.basic #footer a:link, .basic #footer a:active, .basic #footer a:visited {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #ccc;

}

.basic #footer a:hover {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #000;
  background-color: #ccc;
}










/*Global CSS Elements - Modern Layout*/

html, body.modern {
  margin: 0px;
  padding: 0px;
  background-color: #666;
}

body.modern {
  width: 800px;;
  margin: 0 auto;
  color: #fff;
}

.modern label {
  font-weight: bold;
  color: #000;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
}

.modern #main {
  width: 100%;
  min-height: 600px;
  background: #000;
  padding: 0;
  margin: 0;
}

.modern #main-wrapper {
  width: 100%;
  min-height: 580px;
  margin: 0;
  padding: 0;
  background: #000;
}

.modern #content {
  width: 780px;
  background: #000;
  margin: 0 10px;
  padding: 0;
  color: #fff;
}

.modern #content p {
  color: #ccc;
  line-height: 1.5em;
  font-family: 'Trebuchet MS', 'Microsoft Sans Serif', Verdana, Arial, 'Sans Serif';
  font-size: 100%;
}

.modern #content h1, .modern #content h2, .modern #content h3, .modern #content h4, .modern #content h5, .modern #content h6 {
  font-family: 'Trebuchet MS', 'Franklin Gothic Book', Impatica, Arial, Verdana, serif;
  color: #8ED055;
}

.modern #content h1 {
  font-size: 180%;
}

.modern #content h2 {
  margin-left: 1.75em;
  font-size: 140%;
}

.modern #content h3, .modern #content h4, .modern #content h5, .modern #content h6 {
  font-size: 120%;
}

.modern #screenswitcher {
  width: 100%;
  background: #000;
}

.modern #header {
  height: 160px;
  background: #000 url(header-modern.png) top left no-repeat;
  margin: 0px;
}

.modern #nav {
  height: 40px;
  background: #666 url(navigation-modern.png) top left no-repeat;
  margin: 0px;
}

.modern #home, .modern #news, .modern #events, .modern #multimedia, .modern #contact {
  margin: 0; padding: 0;
  float: left;
  /*position: absolute; top: 0;*/
}

.modern #home a, .modern #news a, .modern #events a, .modern #multimedia a, .modern #contact a {
  height: 40px; display: block;
}

.modern #home {
  left: 0px; width: 90px;
}

.modern #news {
  left: 90px; width: 72px;
}

.modern #events {
  left: 163px; width: 87px;
}

.modern #multimedia {
  left: 250px; width: 137px;
}

.modern #contact {
  left: 387px; width: 134px;
}

.modern #nav span {
  display: none;
}

.modern #home a:hover {
  background: transparent url(navigation-modern.png) 0px -40px no-repeat;
}

.modern #news a:hover {
  background: transparent url(navigation-modern.png) -90px -40px no-repeat;
}

.modern #events a:hover {
  background: transparent url(navigation-modern.png) -163px -40px no-repeat;
}

.modern #multimedia a:hover {
  background: transparent url(navigation-modern.png) -250px -40px no-repeat;
}

.modern #contact a:hover {
  background: transparent url(navigation-modern.png) -387px -40px no-repeat;
}

.modern #content a {
  color: #8ED055;
  text-decoration: none;
  font-weight: bold;
}

.modern #content p, .modern #content .blogBody {
  margin: 1em 2em 1em 2em;
  font-size: 100%;
  font-family: 'Trebuchet MS', Arial, Verdana, serif;
  color: #ccc;
}

.modern #content a:visited {
  color: #B8DB9B;
  text-decoration: none;
  font-weight: bold;
}

.modern #content a:hover {
  color: #B8DB9B;
  text-decoration: none;
  font-weight: bold;
}

.modern #footer {
  border-top: 2px solid #999;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}

.modern #footer p {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  margin: 0;
  font-size: 90%;
  color: #999;
}

.modern #footer a:link, .modern #footer a:active, .modern #footer a:visited {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #ce00b3;

}

.modern #footer a:hover {
  font-family: 'Bookman Old Style', 'Trebuchet MS', Arial, Verdana, serif;
  text-decoration: none;
  color: #000;
  background-color: #ce00b3;
}

/*Global CSS Elements - Accessible Layout*/

body.accessible {
  margin: 0;
  padding: 0;
  background-color: #000;
  color: yellow;
}

html>body.accessible { font-size:small; } /* escaping IE, font size for others */

.accessible #main {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  background: none;
  background-color: #000;
  min-height: 1000px;
}

.accessible #screenswitcher {
  padding: 0;
  margin: 0;
}

.accessible form, .accessible fieldset {
  border: none;
  text-align: right;
  padding: 0;
  margin: 0;
}

.accessible label {
  font-weight: normal;
  color: yellow;
  font-size: 130%;
  font-family: Verdana, Arial, serif;
}

.accessible #main-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 500px;
  background-color: #000;
}

.accessible #header {
  height: auto;
  background: none;
  background-color: #000;
  margin: 0px;
}

.accessible #header h1 {
  font-size: 220%;
  display: inline;
  color: yellow;
  font-family: Verdana, Arial, serif;
}

.accessible #content h1, .accessible #content h2, .accessible #content h3, .accessible #content h4, .accessible #content h5, .accessible #content h6 {
  margin: 0;
  font-weight: bold;
  font-family: Verdana, Arial, serif;
  color: yellow;
}

.accessible #content h1 {
  font-size: 200%;
}

.accessible #content h1 {
  font-size: 190%;
}

.accessible #content h3, .accessible #content h4, .accessible #content h5, .accessible #content h6 {
  font-size: 180%;
}

.accessible #nav {
  height: 50px;
  background: none;
  background-color: #000;
  margin: auto 0;
  font-size: 180%;
}

.accessible #home, .accessible #news, .accessible #events, .accessible #multimedia, .accessible #contact {
  margin: 0; padding: 0; padding-right: 10px;
  float: left;
  /*position: absolute; top: 0;*/
}

.accessible #home a, .accessible #news a, .accessible #events a, .accessible #multimedia a, .accessible #contact a {
  height: auto; display: inline;
  color: #0066cc;
}

.accessible #home {
  left: 0; width: auto;
}

.accessible #news {
  left: 0; width: auto;
}

.accessible #events {
  left: 0; width: auto;
}

.accessible #multimedia {
  left: 0; width: auto;
}

.accessible #contact {
  left: 0; width: auto;
}

.accessible #nav span {
  display: inline;
}

.accessible #home a:hover {
  background: none;
  color: #0099cc;
}

.accessible #news a:hover {
  background: none;
  color: #0099cc;
}

.accessible #events a:hover {
  background: none;
  color: #0099cc;
}

.accessible #multimedia a:hover {
  background: none;
  color: #0099cc;
}

.accessible #contact a:hover {
  background: none;
  color: #0099cc;
}

.accessible #content {
  background-color: #000;
  padding-bottom: 0;
}

.accessible #content h1 {
  margin: 0;
  font-size: 200%;
  font-weight: bold;
  font-family: Verdana, Arial, serif;
  color: yellow;
}

.accessible #content p, .accessible #content .blogBody {
  margin: 1em 0;
  font-size: 140%;
  font-family: Verdana, Arial, serif;
  color: yellow;
}

.accessible #content a {
  color: #0066cc;
  text-decoration: none;
  font-weight: normal;
}

.accessible #content a:visited {
  color: #0033cc;
  text-decoration: none;
  font-weight: normal;
}

.accessible #content a:hover {
  color: #0099cc;
  text-decoration: none;
  font-weight: normal;
}

.accessible #footer {
  padding: 0;
  margin: 0;
  text-align: left;
}

.accessible #footer p {
  font-family: Verdana, Arial, serif;
  margin: 0;
  font-size: 140%;
  color: yellow;
}

.accessible #footer a:link, .accessible #footer a:active, .accessible #footer a:visited {
  font-family: Verdana, Arial, serif;
  text-decoration: none;
  color: #0066cc;
}

.accessible #footer a:hover {
  font-family: Verdana, Arial, serif;
  text-decoration: none;
  color: #0099cc;
  background-color: #000;
}