/*

		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

/* layout
----------------------------------------------- */

body {font:12px/1 Arial, Verdana, Helvetica, sans-serif;background:#4A95BE;text-align:center;padding:0;margin:0;}
body#phpbb {background:#4A95BE;}
#container {margin:20px auto 0;width:1002px;text-align:left;padding:20px 0 0;}

p, table {font:12px/1.4 Arial, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

/*.inner {margin:20px;}*/

.fixer {clear:both;font-size: .1em;line-height: .01em;color: #FFFFFF;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

hr {margin:0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px dashed #ccc;}

/** html ul li a {height:1em;}
ul {margin:0 0 0 5px;padding:0;list-style: none;}
li {margin:0;padding:0 0 5px 14px;}*/

a:link, a:active, a:visited {color:#f00;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}

.photo {border:1px solid #ccc;padding:8px;}
.fr {clear:right;float:right;margin:20px 0 20px 20px;}
.fl {clear:left;float:left;margin:20px 20px 0 20px;}

h1 {font-size:18px;background:#ECB200;color:#000;padding:10px 15px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

#gutterl {float:left;width:16px;padding-top:10px;}
#gutterr {float:left;width:16px;}
#box {float:left;background:#fff;width:970px;}
#box .padding {margin:10px;width:950px;}

#header {border-top:10px solid #fff;border-bottom:10px solid #fff;}
#header #hero {float:left;background:url('images/header1.jpg') top left no-repeat;width:950px;}

#century {background:#000;color:#fff;}
#century table {border-collapse:collapse;margin:3px;}
#century tr td {font-size:17px;color:#ECB200;vertical-align:middle;text-align:left;}
#century tr td.info {padding-right:5px;}
#century tr td.info p {font-size:11px;color:#BFBFBF;}

#century a:link, #century a:active, #century a:visited {color:#ECB200;text-decoration:underline;}
#century a:hover {color:#ECB200;text-decoration:underline;}

#century table.innerinfo {border-collapse:collapse;margin:0;}
#century .innerinfo tr th {background:#4E4E4E;color:#fff;font-size:14px;font-weight:bold;}
#century .innerinfo tr th.gap {background:#000;width:20px;}
#century .innerinfo tr th h4 {margin:5px 9px;padding:0;font-size:12px;}
#century .innerinfo tr td {padding:10px 0;font-size:11px;color:#fff;vertical-align:top;}
#century .innerinfo tr td p {margin:0 9px;font-size:11px;line-height:1.5;}
#century .innerinfo tr td.staff img {margin:0 4px 4px 0;}
#century .innerinfo tr td.staff img.end {margin-right:0;}

#footer {width:915px;margin:10px auto;padding:0;font-size:11px;color:#A4CCDC;}
#footer span {color:#A4CCDC;margin:0 7px;}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {color:#A4CCDC;text-decoration:underline;}
#footer p {font-size:11px; float:left; margin:0;}
#footer p b {color:#A4CCDC;}
#footer p.credit {font-size:9px; color:#99C6D7; float:right; font-weight:normal;}
#footer p.credit a:link, #footer p.credit a:active, #footer p.credit a:visited, #footer p.credit a:hover {color:#99C6D7;}

#tooltip {position: absolute; width: 250px;   background: url('images/yellow-arrow.gif') 0 8px no-repeat;
visibility: hidden; z-index: 100; font-size:11px; color:#666; line-height:135%; text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#tooltip #theinfo {border:5px solid #ECB200;margin-left:8px;background:#fff;padding: 10px;}
#tooltip b {color:#333; font-size:14px;line-height:1.6;}

#nav {margin:30px 0 20px;background:#fff url("images/dot.gif") bottom left repeat-x;}
#nav ul {margin:0;padding:0;list-style-type:none;text-align:center;}
#nav ul li {float:left;margin:0 0 0 3px;padding:0;display:inline;}
#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {display:block;text-decoration:none;padding:6px 10px;color:#333;background:#D4D4D4;font-size:14px;border:1px solid #D4D4D4;}
#nav ul li a:hover {display:block;color:#000;background:#cacaca;}
#nav ul li.on a:link, #nav ul li.on a:active, #nav ul li.on a:visited, #nav ul li.on a:hover {display:block;color:#000;background:#fff;border-bottom:1px solid #FFF;}


#century table.cform {border-collapse:collapse; margin:5px;}
#century .cform tr {vertical-align:middle;}
#century .cform tr td {margin:0; padding:5px 10px 5px 10px; font-size:11px;}

div.contactform {border:5px solid #333;margin:17px;}

#pagebody {margin:0 10px;}
#pagefooter {margin:0 10px;}