/* structure */
#maincontainer {
width:auto;
height:auto;
}
img {
padding: 0;
margin: 0;
border: 0 none;
}

/* header */
#header {
width:auto;
height:152px;
background-color:#417DBB;
background-image:url(/images/public/main_panel.jpg);
background-repeat:no-repeat;
}

#headerhomelink {
	border-width: 0;
	display: block;
	float: left;
	height: 121px;
	margin: -6px 0 0 9px;
	text-decoration: none;
	text-indent: -9999px;
	width: 135px;
}

/* font toggle */
.style2 {font-size: large}
.style5 {font-size: larger}
.style8 {font-size: 11%}

#accessibility{
width:auto;
height:22px;
background-color:#FFF;
text-align:right;
padding:7px 200px 6px 0;
color:#999;
}
#accessibility a:link {
color:#900;
}
#accessibility a:hover {
color:#900;
}
#accessibility a:visited {
color:#900;
}
#search {
position:absolute;
right:0;
top:0;
width:170px;
height:29px;
padding:4px 0 0 0;
color:black;
}
.submitbt {
margin:0;
}
#donationpanel {
width:170px;
height:152px;
float:right;
background-color:#417DBB;
}
#primarynav 			{
position: absolute;
z-index: 12;
top: 187px;
left: 0;
height: 22px;
background-color: #666;
padding: 0 25px 0 0;
}
#wrapper {
background-color: #666;
width:auto;
height:179px;
}
#primarynavitems		{position:absolute;z-index:1;top:0;height:21px;background-color:#333;}
#primarynavitems2		{position:absolute;z-index:1;top:0;height:21px;}
#navcontroller			{position:absolute;z-index:0;top:180px;}

.navcontrollerimage		{height:200px;width:700px;}
.blank					{width:10px;left:0;}
.getinvolved			{width:86px;left:10px;}
.getinvolved00			{left:10px;}
.helpforyou				{width:79px;left:96px;}
.ourwork				{width:66px;left:175px;}
.aboutbmdi				{width:78px;left:241px;}
.contactus				{width:73px;left:319px;}
.news					{width:94px;left:392px;}
.bmdishop				{width:74px;left:486px;}
.faq					{width:43px;left:560px;}
.subscribe				{width:69px;left:603px;}



#submenu00				{position:absolute;z-index:11;top:187px;left:10px;width:auto;height:auto;visibility:hidden;}
#submenu01				{position:absolute;z-index:11;top:187px;left:96px;width:auto;height:auto;visibility:hidden;}
#submenu02				{position:absolute;z-index:11;top:187px;left:175px;width:auto;height:auto;visibility:hidden;}
#submenu03				{position:absolute;z-index:11;top:187px;left:241px;width:auto;height:auto;visibility:hidden;}
#submenu04				{position:absolute;z-index:11;top:187px;left:319px;width:auto;height:auto;visibility:hidden;}
#submenu05				{position:absolute;z-index:11;top:187px;left:392px;width:auto;height:auto;visibility:hidden;}

#submenuitems			{margin:0;padding:0;background-color:#333;list-style-type:none;}
#submenuitems ul		{margin:0;list-style-type:none;color:#FFFFFF;}
#submenuitems li		{margin:0;list-style-type:none;color:#FFFFFF;}
#submenuitems a			{padding:0 10px 0 10px;color:#fff;display:block;border-bottom: 1px dotted #fff;}
#submenuitems a:hover	{text-decoration:none;background-color:#666666;display:block;}

#navitems {
margin:0;
color:#FFFFFF;
list-style-type:none;
}
.firstnavitem {
padding-left:5px;
}
#navitems ul, #navitems li {
color:#ffffff;
list-style-type:none;
margin:0;
}
#navitems a{
display:block;
color:#FFFFFF;
margin:0;
padding:5px 10px 5px 10px;
}
#navlistitems a:link{
color:#FFFFFF;
}

#navitems a:hover{
color:#FFFFFF;
background-color:#900;
text-decoration:none;
}

#breadcrumbs {
width:auto;
height:18px;
padding:10px 25px 10px 25px;
color:#666666;
}
/*content*/
#maincontentcolumns{
width:auto;
height:auto;
}
#contentframe {
width:auto;
padding: 10px 25px 10px 25px;
}
/*main*/
.leftcolumn {
position:absolute;
top:230px;
z-index:2;
float:left;
padding:0 17px 10px 25px;
width:auto;
margin-right:50%;
}
.rightcolumn {
position:absolute;
top:230px;
z-index:3;
float:right;
width:auto;
padding:0 25px 10px 17px;
margin-left:50%;
}
.intro {
font-style:italic;
font-size:larger;
line-height: 1.5em;
}
.survivorstory {
width:auto;
height:auto;
background-color:#FFEFCC;
padding:0;
}
.survivorstorymain {

background-color:#FFEFCC;
padding:0 10px 10px 10px;
text-align:left;
}

.headingorange td p {
margin-top: 8px;
}

#imageleft {
margin:10px 10px 10px 0;
}

/* content area */
#contentarea {
width:auto;
height:auto;
padding: 0 200px 10px 160px;
margin: 0;
}

/* Hack to fix 3-pixel jog in IE
http://positioniseverything.net/explorer/threepxtest.html */
*html #contentarea p {
height: 1%;
}
/* end hack */

#contentarea ul {
padding: 5px;
}

/* secondary nav */
#secondarynav {
width:133px;
float:left;
padding: 0;
margin: 0;
}

#secnavitems, #secnavitems p {
margin: 0;
color: #000;
padding: 0;
}
#secnavitems strong {
display:block;
color:#666;
margin: 0;
padding: 0;
border-bottom: 1px dotted #999;
}
#secnavitems ul,#navitems li {
color:#900;
list-style-type:none;
margin: 0;
padding: 0;
}
#secnavitems a {
display:block;
color:#900;
margin: 0;
padding: 0;
border-bottom: 1px dotted #999;
}
#secnavlistitems a:link{
color:#900;
}

/* right hand column */
#secondaryrhcolumn {
width:147px;
float:right;
padding: 0;
margin: 0;
}

/*home page */
#homegrp1 {
float: left;
margin-top: 0.5em;
width: 49%;
}

#homegrp2 {
float: right;
margin-top: 0.5em;
width: 49%;
}

#homegrp1 div, #homegrp2 div {
margin: 1em 0;
}

#panelright img {
padding-left: 0.5em;
}

#splitpanel .left {
float: left;
width: 46%;
}

#splitpanel .right {
float: right;
width: 46%;
}

#splitpanel div span {
display: block;
background-color: #900;
clear: both;
height: 17px;
}

/* feature panels */
#sectiles {
margin-bottom:15px;
padding: 0 0 3px 0;
}
#sectiles p {
margin: 5px 5px 5px 5px;
}
#sectiles ul {
margin: 5px 5px 5px 5px;

}
#panelheadings 			{width:auto;height:17px;margin-top:20px;}

#panelheadings2 		{width:auto;height:17px;margin-top:20px;}

.headingorange 			{padding-bottom:10px;padding-top:20px;}
.headingred {
padding-bottom:10px;
padding-top:20px;
}
.headingswhite {
padding-left:10px;
vertical-align:middle;
text-align:left;
color:#FFFFFF;
}
#panelright {
width:auto;
padding-top:3px;
}
#panelleft {
width:auto;
padding-right:12px;
}
.dividingline {
width:auto;
display:block;
border-bottom:1px dotted #666;
padding-bottom:5px;
margin-bottom:15px;
}
.pagefunctions {
padding:20px 225px 10px 185px;
background-color:#FFF;
}
#footer {
float:left;
width:100%;
background-color:#333;
color:#999;
}
.footertext {
padding:5px 25px 0 25px;
}
.footertext a:link,.footertext a {
color:#FFF;
}
.footertext a:visited {
color:#FFF;
}
.footertext a:hover {
color:#FFF;
}
/* global formatting */
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
margin: 0;
font-weight:normal;
padding: 0;
margin: 0;
}
body {
margin: 0;
}
p, th, td {
font-size: inherit;
margin:0 0 5px 0;
line-height:1.2em;
}
a {
color: #900;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color:#900;
}
a:hover {
text-decoration: underline;
color: #900;
}
a:active {
text-decoration: none;
color: #900;
}
h1 {
font-size: 110%;
margin: 0;
padding-bottom: 5px;
}
h2 {
font-size: 100%;
font-weight:bold;
margin-bottom:2px;
margin-top:6px;
color:#900;
}
h3 {
font-size: 90%;
margin-bottom:5px;
margin-top:5px;
font-weight:bold;
}
h4 {
font-size: 80%;
margin-bottom:5px;
margin-top:5px;
}
h5 {
font-size: 90%;
margin:0;
font-weight:normal;
}
h6 {
font-size: 80%;
}

/* content formatting */
ul {
margin:0;
padding:0;
list-style-type:none;
}
#list ul {
padding-left:15px;
}
#list li, #contentarea li	{
list-style-position:outside;
list-style-image:url(/images/public/arrow_red.gif);
margin-left:15px;
margin-top:5px;
}


/* forms */
.alert {
color: #900;
font-size: larger;
font-weight: bold;
margin: 2em 4em;
}

#contentarea legend {
display: none;
}

#contentarea form {
margin: 0 0 12em 0;
}

#contentarea fieldset
{
border: none;
display: block;
margin: 0 0 1em 0;
padding: 0 1em;
}

#contentarea fieldset.radio
{
margin: 0 0 0 -1em;
border: 0 solid #FFFFFF;
}

#contentarea fieldset.radio input
{
position: static;
clear: both;
float: left;
}

#contentarea fieldset.radio label
{
position: relative;
top: -1.25em;
display: inline;
width: auto;
margin: 0 0 0 8em;
font-weight: bold;
font-weight: normal;
}

#contentarea fieldset.radio legend
{
float: left;
font-weight: bold;
}

#contentarea input
{
position: relative;
top: -1.4em;
left: 8em;
display: block;
}

#contentarea input.submit
{
float: left;
top: 0;
left: 10em;
}

#contentarea input.cancel
{
float: left;
top: 0;
left: 10em;
margin-left: 1em;
}


#contentarea label
{
clear: both;
float: left;
display: block;
width: 8em;
margin-top: -1em;

}

#contentarea label.first
{
margin-top: 1em;
}

#contentarea select, textarea
{
position: relative;
top: -1.4em;
left: 8em;
display: block;
}

fieldset.long {
position: relative;
top: -2.5em;
}

fieldset.long label span{
display: block;
width: 35em;
margin-top: 1.5em;
}

fieldset.long label select, fieldset.long label textarea {
top: 0.5em;
}

#interestareas select {
margin-top: 2em;
}

fieldset.long label.other {
margin-top: 1.5em;
}

span.instructions {
position: relative;
display: block;
font-size: smaller;
}

fieldset.long span.instructions {
position: absolute;
top: 3em;
left: 25em;
width: 15em;
}

fieldset.long label span span.mandatory {
position: absolute;
top: -1em;
float: right;
}

span.mandatory {
color: red;
width: 1em;
}

/* Contact Us form */
#enquiryform span.instructions {
top: 1.5em;
left: 22em;
}

* html #enquiryform span.instructions {
top: 1.5em;
left: 12em;
}


#enquiryform #interestareas span.instructions {
top: 5em;
left: 34em;
}

#enquiry_fieldset {
top: -5em;
}

#enquiryform .submit, #enquiryform .cancel {
margin-top: -4em;
}

/* Subscribe form */
#subscribeform span.instructions {
top: 1.5em;
left: 22em;
}

* html #subscribeform span.instructions {
top: 1.5em;
left: 12em;
}


#gender {
position: relative;
top: -1.5em;
margin: 0;
}
#gender label {
position: relative;
left: 8em;
top: -1.2em;
float: left;
margin: 0;
clear: none;
width: 7em;
}
#gender label input {
left: 3.5em;
}

#demographics {
position: relative;
top: -4em;
}

#agegrp {
top: -1.5em;
}

#checkboxes {
width: 30em;
top: -5em;
}

#checkboxes label {
width: 14em;
}

#checkboxes input {
left: 10em;
}

#checkboxes div {
margin-top: 0.3em;
}

#checkboxes div div {
float: left;
}

#agree_fieldset {
top: -5em;
}

#agree_fieldset span {
position: relative;
left: 2em;
width: 25em;
}

#agree_fieldset input {
left: 0;
top: -2em;
}

#subscribeform .submit, #subscribeform .cancel {
margin-top: -5em;
}

#subscribeform input.submit
{
left: 8em;
}

#subscribeform input.cancel
{
margin-left: 4em;
}


/* Donate */

#donate_cc label {
width: 12em;
}

#donate_cc input {
left: 10em;
}

#donate_cc #expiry label {
position: relative;
left: 10em;

} 

#donate_cc #expiry select {
left: 3em;
} 

#donate_cc #yearlabel {
top: -1.9em;
margin-left: 4em;
}

#donate_cc textarea {
left: 10em;
}

#donate_cc span.instructions {
top: 1.5em;
left: 20em;
}

* html #donate_cc span.instructions {
top: 1.5em;
left: 14em;
}


#donate_cc #dollarsign {
position: relative;
top: 1em;
left: -7em;
}

#donate_mo span.instructions {
top: 1.5em;
left: 22em;
}

* html #donate_mo span.instructions {
top: 1.5em;
left: 12em;
}

#donate_mo #dollarsign {
position: relative;
top: 1em;
left: -8.5em;
}

/* Email a Friend Form */
#friendform .fieldset_up {
position: relative;
top: -3em;
}

/* Footy Colours Day form */
#footy_form label {
width: 13em;
}

#footy_form input, #footy_form select {
margin-left: 5em;
}

#footy_form .submit, #footy_form .cancel {
margin-left: 0;
}

/* News & Events Template */

#newstime {
margin: 0.5em 0;
width: 100%;
}

#newstime h2 {
float: left;
clear: both;
}

#newstime span {
float: right;
font-weight: bold;
margin-top: 5px;
}

.newsgrp1 {
clear: left;
float: left;
width: 46%;
}

.newsgrp2 {
float: right;
width: 46%;
}

.newsgrp1 div, .newsgrp2 div {
margin: 0.5em 0;
}

.clearboth {
clear: both;
}

.newsgrp1 ul li span, .newsgrp2 ul li span {
display: block;
}

