
/* CSS Snippett */
/* Standardises Styles Across Browsers */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }

ins { background-color:#000; color:#FFF; text-decoration:none; }

mark { background-color:#000; color:#FFF; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* Site Styles */

@font-face { 
  font-family: "Century Gothic";
  src: url("CenturyGothic.ttf")
}

@font-face { 
  font-family: "Century Gothic Bold";
  src: url("CenturyGothicBold.ttf")
}

@font-face { 
  font-family: "Century Gothic Italic";
  src: url("CenturyGothicItalic.ttf")
}

@font-face { 
  font-family: "Century Gothic Bold Italic";
  src: url("CenturyGothicBoldItalic.ttf")
}
html, body { background-color: #010203; color: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }

label { color: #FFCC00; float:left; width:170px; font-size: 12px; padding-right: 5px; padding-top:3px; }

#container { margin: 0px auto; width: 960px; }
#top { background-image:url("../images/bg_top.png"); background-repeat: no-repeat; border-bottom: 4px solid #FFCC00; height: 394px; padding-bottom: 1px; }
#middle { font-size: 12px; margin: 35px auto; width: 872px; }
#bottom { border-top: 3px solid #333333; clear: both; color: #999999; font-size: 11px; margin: 20px 0px; padding: 0px 5px; }

#top .logo { height: 31px; margin: 0px auto; padding: 33px 0px 0px 0px; width: 146px; }
#top .carousel { height: 295px; padding-top:70px; overflow: hidden; }

#middle h1 { color: #F58B0A; font-family:"Century Gothic Bold"; font-size: 20px; text-transform: uppercase; }
#middle h2 { border-left: 3px solid #FFCC00; border-right: 3px solid #FFCC00; color: #FFCC00; font-size: 17px; font-weight: normal; margin: 15px 0px; padding: 0px 25px; }
#middle a { color: #F58B0A; font-weight: normal; text-decoration: none; }
#middle a:hover { text-decoration: underline; }

#middle #left { float:left; margin: 0px; width:190px; }
#middle #right { float:right; margin: 0px; width:190px;  }
#middle #centre { background-color: #171616; border: 5px solid #0D0C0C; margin: 0px 215px 0px 213px; padding: 0.5em 10px; }
#middle #centre p { font-size: 14px; }
#middle #centre p.hideme { display: none; }
#middle #centre ul { margin: 0px; padding: 0px 30px; white-space:nowrap; }
#middle #centre ul li { padding: 4px 0px; }
#middle #centre .posted { border: 2px dashed #F58B0A; color: #FFF; font-size: 16px; padding: 10px; text-align: center; }

#middle .title { height: 31px; margin: 0px 0px 0px 0px; padding: 0px; }
#middle #left .sidebox { background-color: #693F05; margin: 2px 0px 10px 0px; padding: 12px; }
#middle #left .sidebox input[type="text"], #middle #left .sidebox input[type="password"] { background-color: #000000; border: solid 1px #B66908; color: #FFFFFF; height: 17px; padding: 2px 2px; }
#middle #left .sidebox input[type="password"] { width: 110px; margin:3px 0px 0px 2px; }
#middle #left .sidebox a.submit img { margin-left:5px; vertical-align: top; }
#middle #left .sidebox ul { margin: 0px; padding: 0px; white-space:nowrap; }
#middle #left .sidebox ul li { font-size: 14px; list-style: none; padding: 4px 0px; }
#middle #left .sidebox a { color: #FFFFFF; text-decoration: none; }
#middle #left .sidebox a:hover { text-decoration: underline; }
#middle #right .sidebox { background-color: #693F05; margin: 2px 0px 10px 0px; padding: 8px; }

#bottom a { color: #999999; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }
#bottom .rtnetworks{ float: right; text-align: right; }

div.featured ul { list-style: none; }
div.featured ul li { padding:0px; position:absolute; height:79px; width:100px; }
div.featured ul li img { height:1px; width:1px }
div.featured ul li span { display:none; }
div#featureddesc { position: absolute; margin:220px 0px 0px 340px; width:294px; text-align: center; font-size:15px; text-transform:uppercase; font-family:"Century Gothic"; color:#fff; }
div.prevnext { position: absolute; margin:190px 0px 0px 200px; width:544px;  }
div.prevnext img.next { float:right; margin-top:1px; }

table#tab-friendemail { margin: 0px; padding: 0px; width: 100%; }
table#tab-friendemail a { color: #F58B0A; font-weight: bold; text-decoration: none; }
table#tab-friendemail th, table#tab-friendemail td { margin: 0px; padding: 5px; }
table#tab-friendemail th { background-color: #F58B0A; font-size: 13px; text-align: left; }
table#tab-friendemail td { font-size: 12px; }
table#tab-friendemail td.row0, .row0 { background-color: #102131; }
table#tab-friendemail td.row1, .row1 { background-color: #173048; }
div.row0 { background-color: #102131; border-bottom: 2px solid #000; padding: 10px; }
div.row1 { background-color: #173048; border-bottom: 2px solid #000; padding: 10px; }
div#comment { border-bottom: 2px solid #F58B0A; border-top: 2px solid #F58B0A; display: none; margin: 5px 0px; }

table#tab-mailout { margin: 0px auto; padding: 0px; width: 600px; }
table#tab-mailout td h1 { color: #F58B0A; font-family:"Century Gothic Bold"; font-size: 20px; text-transform: uppercase; }
table#tab-mailout td h2 { border-left: 3px solid #FFCC00; border-right: 3px solid #FFCC00; color: #FFCC00; font-size: 17px; font-weight: normal; margin: 15px 0px; padding: 0px 25px; }
table#tab-mailout td.content { padding: 10px; }
table#tab-mailout td a { color: #F58B0A; font-weight: normal; text-decoration: none; }
table#tab-mailout td a:hover { text-decoration: underline; }
table#tab-mailout td ul { margin-left: 30px; }

.r-hide { display: none; }
input.style { background-color: #171616; color: #FFFFFF; padding: 2px; border: 1px solid #F58B0A; height: 12px; width: 225px; }
textarea.style { background-color: #171616; color: #FFFFFF; padding: 2px; border: 1px solid #F58B0A; height: 200px; width: 225px; }

ul#fb-updates {
	background-color: #693F05;
	left: 0px;
	margin: 10px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 170px;
}

ul#fb-updates li {
	line-height: 16px;
	padding-bottom: 5px;
}

div.fb-updates-position {
	height: 125px;
	overflow: hidden;
	position: relative;
}


