body { padding: 0; margin: 1em 0 0 0; }

.clear, .clearBoth { clear: both; }

#Header img { border: 0; }
#Page { font-family: arial, helvetica, sans-serif; font-size: 85%; width: 960px; margin: 10px auto; }

#PrimaryNav { clear: both; margin: 0; padding: 0; list-style-type: none; font-size: 95%; /* height: 20px; font-size: 90%; padding: 0 1px; */ }
#PrimaryNav li { /*height: 25px;*/ line-height: 25px; float: left; text-align: center; margin: 0 1px 0 0; padding: 0; }
#PrimaryNav a { display: block; /*height: 25px;*/ padding: 0 10px; text-decoration: none; color: #fff; font-weight: bold; }
#PrimaryNav a:hover { text-decoration: underline; }


#tab0 { background: #FF7F00 url(../images/templates/tab0.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab1 { background: #FF1100 url(../images/templates/tab1.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab2 { background: #9D0020 url(../images/templates/tab2.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab3 { background: #B10263 url(../images/templates/tab3.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab4 { background: #0C2E82 url(../images/templates/tab4.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab5 { background: #0182AC url(../images/templates/tab5.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab6 { background: #6EBB1F url(../images/templates/tab6.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab7 { background: #005137 url(../images/templates/tab7.gif) top left repeat-x; border-bottom: 1px solid #fff; }
#tab8 { background: #FFFF00 url(../images/templates/tab8.gif) top left repeat-x; border-bottom: 1px solid #fff; }

#ColouredBar { clear: both; width: 960px; height: 20px; padding: 0; margin: 0; }


#Content { width: 960px; padding: 0; margin: 0; /*-1.4em 0 0 0;*/ }

#LeftContainer { float: left; width: 750px; padding: 0; margin: 0; }

#Breadcrumb { font-size: 80%; font-weight: bold; color: #FF7F00; margin: 1em 0 1em 10px; }
#Breadcrumb p { margin: 0; }
#Breadcrumb a { font-weight: normal; color: #808080; text-decoration: none; }
#Breadcrumb a:hover { text-decoration: underline; }

#LeftContainerInner { border-bottom: 1px solid #c0c0c0; width: 730px; }

#SecondaryNav { width: 200px; padding: 0px; float: left; }
#SecondaryNav p { padding: 0 10px; margin: 1em 0; }
#SecondaryNav a { color: #000; text-decoration: none; display: block; width: 180px; padding: 0.5em 10px; }
#SecondaryNav a.selected { text-decoration: none; filter:alpha(opacity=50); -moz-opacity:0.5; background: #fff; }
#SecondaryNav a:hover { text-decoration: underline; filter:alpha(opacity=50); -moz-opacity:0.5; background: #fff; }
#SecondaryNav ul { margin: 0; padding: 0; border-top: 1px solid #fff; list-style-type: none; }
#SecondaryNav li { margin: 0; /*padding: 0.5em 10px; */ border-bottom: 1px solid #fff; }
#SecondaryNav ul ul { margin: 0; /*padding: 0.5em 0;*/ list-style-type: none; border: none; }
#SecondaryNav ul ul li { margin: 0 0 0 0; padding: 0; border: none;/*border-top: 1px solid #00f;*/ }
#SecondaryNav ul ul li a { padding: 0.5em 10px 0.5em 30px; width: 160px; border: none;/*border-top: 1px solid #00f;*/ }

#TertiaryNavSelected { font-weight: bold; }

#MainContent { width: 500px; padding: 0 0 20px 20px; float: left; line-height: 1.5em; font-size: 90%; }
#MainContent h1 { font-size: 220%; margin: 0.5em 0 1em 0; }
#MainContent h2 { font-size: 170%; font-weight: normal; }
#MainContent h3 { font-size: 130%; }
#MainContent h4 { font-size: 110%; }
#MainContent ul { margin: 1em 0; padding: 0 0 0 30px; list-style-type: square; }
#MainContent ol { margin: 1em 0; padding: 0 0 0 30px; }
#MainContent p, #MainContent ol p, #MainContent ul p { color: #333; }
#MainContent hr { height: 0px; border: none; border-bottom: 1px solid #ccc; margin: 1.5em 0; }
#MainContent .imageLeft   { float: left;  width: auto; border: 1px solid #999; padding: 1px; margin: 0 10px 10px 0; }
#MainContent .imageRight { float: right; width: auto; border: 1px solid #999; padding: 1px; margin: 0 0 10px 10px; }


#Footer { margin: 1em 0 0 10px; font-size: 90%; color: #999; }
#Footer a { color: #999; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }

#RightColumn { float: left; width: 190px; padding: 10px; }

#search { margin: 0; }
#searchBox { width: 160px; margin: 0 6px 0 0; padding: 1px; border: 1px solid #000; }
#searchSubmit { width: 20px; height: 20px; border: none; }

#quickLinks { width: 188px; border: 1px solid #000; }

#RightColumnContent { background: #fff; padding: 10px; font-size: 90%; }
#RightColumnContent .newsfeed h2 { margin: 0; color: #FF7F00; font-size: 150%; }
#RightColumnContent .newsfeed ul { padding: 0 0 0 20px; list-style-type: square; color: #FF7F00; margin: 0; }
#RightColumnContent .newsfeed li { margin: 0.5em 0; }
#RightColumnContent .newsfeed p { color: #666; margin: 0; }

p.rhcLink { text-align: center; }
p.rhcLink img { border: none; }


/* Homepage - specific */

#HomeContent { width: 730px; padding: 0 10px; margin: 0; }
#HomeContent h1 { color: #0182AC; margin: 0 0 0.5em 0; }
#HomeContent h2 { color: #0072b4; margin: 0 0 0.5em 0; font-size: 140%; }
#HomeContent a { color: #0072b4; text-decoration: none; }
#HomeContent a:hover { text-decoration: underline; }

#HomeContent .column { width: 228px; padding: 0 10px 0 0; margin: 0 2px 2px 0; float: left; }

#HomeContent img { border: 0; }
#HomeContent img.imageLeft { float: left; margin: 0 6px 0 0; }
#HomeContent img.imageRight { float: right; margin: 0 0 0 6px; }

.HomeBox { float: left; width: 218px; height: 140px; padding: 10px; border: 1px solid #c0c0c0; 
          overflow: hidden; margin: 0 2px 2px 0; font-size: 95%; }
.HomeBox img { float: left; margin: 0 10px 0 0; }
.HomeBox h2 { margin: 0 0 0.5em 0; font-size: 120%; }
.HomeBox p { margin: 0 0 0.5em 0; }

#HomeBoxA h2 { color: #6EBB1F; }
#HomeBoxB h2 { color: #0C2E82; }
#HomeBoxC h2 { color: #0182AC; }
#HomeBoxD h2 { color: #FF1100; }
#HomeBoxE h2 { color: #FF7F00; }
#HomeBoxF h2 { color: #B1026E; }

/* Contact page - map */
#map { width: 498px; height: 373px; border: 1px solid #000; }

td, th { border: 1px solid #ccc; padding: 2px 3px; }
th { background: #eee; border: 1px solid #999; }

#MainNewsfeed h2 { font-size: 150%; }
#MainNewsfeed h2 a { color: #0072b4; font-size: 100%; text-decoration: none; }
#MainNewsfeed h2 a:hover { text-decoration: underline; }
#MainNewsfeed p a { color: #0072b4; text-decoration: none; font-weight: bold; }
#MainNewsfeed p a:hover { text-decoration: underline; }
#MainNewsfeed .newsDate { font-weight: bold; color: #666; }

#HomeNewsfeed { margin-bottom: 3em; }
#HomeNewsfeed p { color: #0072b4; margin: 0 0 0.5em 0; font-size: 150%; }
#HomeNewsfeed ul { margin: 0; padding: 0; list-style-type: circle; line-height: 1.7em; }
#HomeNewsfeed li { margin: 0 0 0 20px; padding: 0; font-weight: bold; color: #333; }
#HomeNewsfeed li a { color: #0072b4; text-decoration: none; font-weight: normal; }
#HomeNewsfeed li a:hover { text-decoration: underline; }

/* Forum */
table.forum { border: 0; border-collapse: collapse; }
table.forum th, table.forum td { padding: 3px; border: 1px solid #999; text-align: left; /*vertical-align:top;*/ }
table.forum th.left, table.forum td.left { text-align: left; }
table.forum th.right, table.forum td.right { text-align: right; }
table.forum th.center, table.forum td.center { text-align: center; }
table.forum th.thTop { background: #ccc; }
table.forum th.thLeft { background: #ccc; font-weight: normal; }
table.forum th.post { background: #ccc; font-weight: normal; }

div.forumContainer a { color: #0072b4; text-decoration: none; }
div.forumContainer a:hover { color: #0072b4; text-decoration: underline; }

div.forumContainer iframe { display: block; margin: 0; width: 100%; }
div.forumContainer div.BasicRTE_controls p { margin: 0; }

table.forumBoard, table.forumThread, table.forumAdmin, table.forumPostForm, table.forumWideTable { width: 100%; }
table.forumThread th, table.forumThread td { vertical-align: top; }

p.forumPostTime { color: #666; font-size: 80%; font-style: italic; margin: 0 0 0.5em 0; text-align: right; }
p.forumPostTime span { color: #333; }
p.forumEditInfo { color: #666; font-size: 80%; font-style: italic; margin: 1em 0 0 0; }
p.forumEditInfo span { color: #333; }
p.forumPostFile { color: #666; font-size: 80%; font-style: italic; margin: 1em 0 0 0; }
p.forumPostFile a { color: #66f; text-decoration: none; border-bottom: 1px dotted #66f; }
p.forumPostFile a:hover { color: #00c; text-decoration: none; border-bottom: 1px solid #00c; }

#MainContent p.forumError { color: #c00; }

input.forumTextInput, textarea.forumTextInput { border: 1px solid #999; padding: 2px; font-family: verdana; font-size: 90%; color: #333; }
input.forumThreadTitle { width: 300px; }
textarea.forumPostTextarea { width: 300px; height: 150px; }
input.forumPostRTE { width: 300px; }
select.forumSelectInput { border: 1px solid #999; padding: 1px; font-family: verdana; font-size: 85%; color: #333; }

p.forumPostOpts { text-align: right; margin: 0.5em 0 0 0; }
p.forumPostOpts a { border: 1px solid #000; text-decoration: none; background: #eee; padding: 1px 10px; font-size: 80%; }
p.forumPostOpts a.forumPostEdit { border-color: #a98; color: #a98; }
p.forumPostOpts a.forumPostDelete { border-color: #a88; color: #a88; }
p.forumPostOpts a.forumPostEdit:hover { border-color: #630; color: #630; }
p.forumPostOpts a.forumPostDelete:hover { border-color: #600; color: #600; }

h2.forum { font-weight: normal; font-size: 150%; color: #006; }
h2.forum a { color: #600; text-decoration: none; }
h2.forum a:hover { color: #c00; text-decoration: none; }

p.forumLoginControls { text-align: right; margin: -3.5em 0 2em 0; }

span.forumShowHide { font-size: 80%; color: #666; cursor: pointer; }

table.forumAdmin th, table.forumAdmin td { vertical-align: top; }

a.forumAdminButton { border: 1px solid #999; text-decoration: none; background: #eee; padding: 1px 10px; font-size: 80%; color: #333; }
a.forumAdminButton:hover { border: 1px solid #000; text-decoration: none; background: #eee; padding: 1px 10px; font-size: 80%; color: #900; }

td.flagged a, td.flagged span { padding: 0 2px; }
td.flagged a { color: #900; font-weight: bold; }
td.flagged a:hover { background: #900; color: #fff; font-weight: bold; text-decoration: none; }