/* Some inspiration from undohtml.css - (CC) 2004 Tantek Celik. Some Rights Reserved. */
a:link,a:hover,a:visited {text-decoration:none;}
html, body, img, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, legend, a, button, input, select, textarea {margin:0;padding:0;border:0;}
ul {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
a img,:link img,:visited img {border:none;}
div {position:relative;}

/* red is #f91021 */

body {
	background-color: #3f3f3f;
	color:#333;
	font:normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

a { color: #08f; text-decoration: underline;}
a:visited, a:hover { color: #08c; text-decoration: underline;}

div#w1 {
	width: 960px;
	margin: 20px auto;
	background-color: #000;
	position: relative;
}

div#header {
	background: #000 url(../images/topbanner.jpg) center top no-repeat;	
	height: 224px;
	border-bottom: 1px solid #333;
	z-index:2;
}

div#header a.top {
	height: 224px;
	display: block;
	text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;
}

div#header h1.main {
	background: transparent url(../images/logo_sydneytsunami.jpg) 0 0 no-repeat;
	z-index:1;
	text-align: left;
	width: 100px; height: 100px; position: absolute;
	left: 430px; top:125px;
	text-indent: -1000em; letter-spacing: -1000em; overflow: hidden; z-index: 3;
}

div#header h1.main a {
	display: block;
	width: 100px; height: 100px;
	
}

div#header div#subheader {
	border-top: 5px solid #f91021;
	background-color: #000;
	height: 40px;
	position: absolute;
	width: 100%;
	right: 0;
	top: 180px;
		z-index: 2;
	vertical-align: center;
}

div#header div#subheader h1.sub {  position:absolute; left:0; top:0; background: none; 
	color: #ddd; font-size:1.2em; font-weight: normal; margin: 10px;}

div#header ul#globalnav { 
	height: 20px;
	right: 0;
	position: absolute;
}

div#header ul#globalnav li { float: left; display: block; padding: 8px; z-index:5; }
div#header ul#globalnav li a { color: #fff; font-size: 1.4em; text-decoration: underline;}

div#nav {
	position: absolute;
	left: 1px;
	top: 0px;
	background-color: #f91021;
	z-index:3;	
}

div#nav ul#mainnav {
	width: 179px;
	float: left;
}

div#nav ul#mainnav li {
	border-bottom: 1px solid #333;
	position: relative;
}

div#nav ul#mainnav li a {
	display: block;
	height: 20px;
	text-align: left;
	color: #eee;
	font-size: 1.4em;
	text-decoration: none;
	background: #f91021 url(../images/bg-menu-arrow-right.gif) right center no-repeat;
	padding: 4px 8px;
}

div#nav ul#mainnav li ul { 
	display: none; 
	width: 220px; 
	position: absolute; 
	left: 180px; 
	top:0px;
	background-color:#555; 
	border: 1px solid #333;
	z-index:3;
} 
 div#nav ul#mainnav li.active { }
 div#nav ul#mainnav li.active ul { 
	display: block; 
	position: relative; 
	width: 179px; 
	border: none; 
	left: auto; top: auto;
	border-top: 1px solid #333; 
}

div#nav ul#mainnav li.active > a { background-image: url(../images/bg-menu-arrow-down.gif); color: #fff; font-weight: bold;}
div#nav ul#mainnav li.nochild > a { background-image: none;}

div#nav ul#mainnav li ul li a, div#nav ul#mainnav li.active ul li a { background: none; padding-left: 10px; font-size: 1.3em;   }
div#nav ul#mainnav li ul li a { margin-left: 0;}
div#nav ul#mainnav li ul li a:hover { background-color: #888; }
div#nav ul#mainnav li ul li.last { border-bottom: none; }


div#content  { float: left; text-align: left; z-index:1; margin-left: 180px; border-left: 1px solid #660000; z-index:1; 
	min-height: 405px; width: 774px; border-right: 5px solid #f91021; background-color:#fff;}

div#content.withinfocol { background-color: #ddd; padding-right: 216px; width: 558px;}

div#content div#inner { float: left; background: #fff url(../images/bg-home.gif) 180px top no-repeat; 
	padding: 0 20px; width:734px; min-height: 395px;}

div#content.withinfocol div#inner { width: 518px;}

div#content ul#breadcrumbs { padding-top: 8px; margin-left: 0; }
div#content ul#breadcrumbs li { float: left; padding-left: 1em; margin-right: 0.5em;
	background: url(../images/bg-breadcrumb.gif) left center no-repeat; list-style: none; margin-left: 0; }
div#content ul#breadcrumbs li.first { background: none; padding-left: 0; }

div#infocol { background-color: #ddd; border-right: 5px solid #f91021; width: 199px; right:0; top:0; position: absolute; z-index:2;
	color: #333; font-size: 1.1em; text-align: left; padding: 8px;
}

div#infocol p { margin: 10px 0;}


div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {margin-bottom:0.3em;font-weight:bold;}
div#content h1 {font-size:2.0em;margin-top:0.5em;margin-bottom:0.5em;clear:both;}
div#content h1.first {margin-top:0;}
div#content h1 span {display:block;font-size:0.6em;font-weight:normal;}
div#content h2 {font-size:1.8em;}
div#content h3 {font-size:1.6em;}
div#content h4 {font-size:1.5em;}
div#content h5 {font-size:1.4em;}
div#content h6 {font-size:1.3em;}

div#content p, div#content dl, div#content ul, div#content ol, div#content table {margin-bottom:1.4em;font-size:1.2em;}
div#content li ul, div#content li ol {font-size:1em;margin-bottom:0.3em;}  

div#content hr {height:1em;overflow:hidden;border:none;border-top:1px solid #999;background-color:#fff;color:#fff;}
div#content p {line-height:1.4em;}
div#content p.first {font-size:1.3em;margin-bottom:1em;}
div#content p.important {font-style:italic;margin-left:20px;border-left:3px solid #999;padding:0.5em 20px;}
div#content a.inpage {padding-right:11px;background:transparent url(../imagesglobal/arrow_south.gif) 100% 50% no-repeat;}
div#content a.newwin {padding-right:14px;background:transparent url(../imagesglobal/opensnewwindow.gif) 100% 50% no-repeat;}
div#content dl {margin-left:1.6em;}
div#content dt {font-weight:bold;margin-top:0.3em;}
div#content dd {margin-left:1.4em;}
div#content ol {margin-left:3em;}
div#content ul {margin-left:2.6em;}
div#content li {margin-bottom:0.3em;}
div#content ul li {padding-left:5px;list-style-type:square;}

div#content ul.docs {margin-left:0;}
div#content ul.docs li {padding-bottom:0.6em;list-style-type:none;padding-left:30px;background:transparent url(../imagesglobal/icon_generic.gif) 5px 1px no-repeat;}
div#content ul.docs li a {font-size:1.2em;}

div#content ul.docs li span {font-size:0.9em;color:#666;display:block;}

div#content dl.faq { margin-left: 0;}
div#content dl.faq dt { background: url(../images/q.gif) left top no-repeat; padding-left: 35px; height: 30px; margin-bottom:0.5em; font-size:1.1em;}
div#content dl.faq dd { background: url(../images/a.gif) left top no-repeat; margin-left:0; padding-left: 35px; font-size:0.9em; }

div#content dl.contacts { margin-left:0;}
div#content dl.contacts dt { margin-left:0;font-size:1.1em;margin-top:0.5em;}
div#content dl.contacts dd { margin-left:0; border-bottom: 1px solid #999;}
div#content dl.contacts dd p { font-size: 0.9em; margin: 0.25em 0;}
div#content table {width:100%;background-color:#999;}
div#content caption {color:#999;font-size:1em;text-align:right;}
div#content table th {padding:3px 6px;font-size:1.1em;font-weight:bold;text-align:left;vertical-align:top;white-space:nowrap;background-color: #f59c9c;}
div#content table td {padding:3px 6px;font-size:1.0em;vertical-align:top;background-color:#fff;}
div#content table tr.evn td {background-color:#f3f3f3;}
div#content table tr.odd td {background-color:#fafafa;}

div#content div.notice {
	border: 1px solid #999;
	background-color: #ddd;
	padding: 8px;
	color: #333;
	margin-bottom: 8px;
	clear: both;
	font-size: 0.9em;
}
div#content div.notice h2 { }

div#content div.notice.poker {
	border: 1px solid #030;
	background: #063 url(../images/poker-bg.jpg) right bottom no-repeat;
}

div#content div.notice.poker h2 { position: absolute; left: 10px; top:10px; 
	background: url(../images/poker-night.jpg) 0 0 no-repeat;
	width: 279px; height: 240px;
	text-indent: -1000em; letter-spacing: -1000em; overflow: hidden;
	}
div#content div.notice.poker div.inner { margin: 10px 20px 10px  300px ; color: #fff; }
div#content div.notice.poker div.inner p.note { font-size: 1.0em;}
div#content div.notice.poker h3.main { margin-top:0;color: #0d0; font-size: 1.6em; }
div#content div.notice.poker h3 { font-size: 1.4em;}
div#content div.notice.poker a, div#content div.notice.poker a:hover, div#content div.notice.poker a:visited { color: #0e0; }
div#content div.notice p.embiggen { font-size: 1.4em;}

div#content div.notice.jt { background-color: #000; color: #fff; font-size:1.1em;}

div#content div#entbooks {
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff url(/files/entbook.gif) 5px 10px no-repeat;
  padding-left: 140px;
  margin-bottom: 10px;
}

div#content .floatright { float: right; margin-left: 10px;} 
div#content p.caption { font-size: 0.9em;}
.clr { clear: both;}

div#content span.red { color: #F91021; }

div#content p.photo { text-align: center; font-style: italic;}

div#footer { clear: both; background-color: #000; border-bottom: 2px solid #f91021;}
div#footer p { text-align: left; padding: 4px;}
div#footer p span.update { color: #666; padding-left: 10px;}
div#footer ul#footernav { right: 4px; top: 4px; position: absolute;}

div#fundraiser {
  width: 600px; height: 424px;
  background: url(../images/Fundraiser09.jpg) 0 0 no-repeat;
  letter-spacing: -1000em;
  text-indent: -1000em;
  overflow: hidden;
  margin: 0px auto;
}

a#typhoon8 {
  position: absolute;
  left: 26px;
  top: -130px;
}

div#whatnext {
  width: 20em;
  float: right;
  border: 1px solid #999;
  background-color: #ddd;
  padding: 0.5em;
  margin: 0 0 1em 1em;
}

div#whatnext ol li {
    margin: 1em auto;
}