/* AustraliaBedBank Stylesheet | May, 2009 | Developed by SSW, Sydney */

/* RESET
-------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* BODY 
-------------------------------------------------------------------------- */
body#home {text-align:center; background:url(../images/bg.png) #bd3a02 center top; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#FFF;}
body#homeAbout {text-align:center; background: #bd3a02 center top; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#FFF;}
body#internal {text-align:left; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#333;}
body#internal a {color:#333;}
body#internal a:hover {color:#222;}
body#invalid {text-align:center; background-color: #bd3a02; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#FFF; margin:0 auto;}
div#wrap {width:100%; margin: 0 auto; position: relative; background:url(../images/bg_wrap.jpg) no-repeat center 0;}
div#wrapHelp {width:100%; margin: 0 auto; position: relative; background:url(../images/bg_wrapHelp.png) #db4f00 no-repeat center 0;}
p {margin-top:15px;}
a {color:#FFF;}
img {border:none; margin:none;}
a:hover {color:#ffec60;}
h1 {font-size:1.2em;}
h2 {font-size:1.4em; font-style:italic;}

/* CONTAINER
-------------------------------------------------------------------------- */
div#container {margin:0 auto; position:relative; text-align:left; width:960px;}

/* HEADER
-------------------------------------------------------------------------- */
div#header {width: 960px; height: 300px; position: relative;}
div#headerSub {width: 960px; height: 120px; position: relative; }
div#header h1#logo {height:76px; width:333px; position: absolute; top: 15px; left: 64px; display: block; text-indent: -999px; overflow: hidden; background: url(../images/logo.jpg) no-repeat 0 0;}    
div#headerSub h1#logo {height:76px; width:333px; margin:0 auto; top:15px; display: block; text-indent: -999px; overflow: hidden; background: url(../images/logo.jpg) no-repeat 0 10px;}  

/* CONTENT
-------------------------------------------------------------------------- */
div#content {width:890px; height:292px; top:200px; left:35px; text-align: left; position:absolute; background: url(../images/bg_content.png) no-repeat 0 0;}

div#content #about {width:400px; padding:25px 0 30px 60px; float:left;}
div#content #about #banana {margin:30px -20px; width:292px; height:66px; display: block; text-indent: -999px; overflow: hidden; background: url(../images/bg_about.png) no-repeat 0 0;}
div#content #about #aboutarea {width:290px;}
div#content #about h2 {font-size:1.4em; font-style:italic;}

div#content #loginFields {padding:15px 30px 0 50px; margin-top:10px; width:300px; background:url(../images/separator.png) no-repeat 0 0; float:right;}
div#content #loginFields input {color:#930; font-weight:bold;}
div#content #loginFields input.username {border:1px solid #930; padding:2px 5px; margin-left:8px;}
div#content #loginFields input.password {border:1px solid #930; padding:2px 5px; margin-left:10px;}
div#content #loginFields .forgotten {font-size:0.8em; font-weight:normal; margin-bottom:50px;}

div#content .connectto {float:left; margin-top:13px;}

/* Buttons */
a.button_pacific, a.button_nz { background: url(../images/buttons.png) no-repeat; display:block; width:154px; height:25px; display: block; text-indent:-10000px; float:right; margin-right:45px;}
a.button_nz            {background-position: 0 -50px;}
a.button_pacific       {background-position: 0 -75px;}
a:hover.button_nz      {background-position: -154px -50px;}
a:hover.button_pacific {background-position: -154px -75px;}

input.button_login {background: url(../images/buttons.png) no-repeat; display:block; width:82px; height:23px; display: block; text-indent:-10000px; float:right; margin:0 45px 0 0; border:none;}
input.button_login       	{background-position: -70px 0;}
input:hover.button_login    {background-position: -224px 0;}


/* FOOTER 
-------------------------------------------------------------------------- */
div#footer {font-size:0.8em; font-weight:normal; margin:220px 35px 20px 35px;}
div#footer p.ssw, div#footer p.ssw a, div#footerAbout p.ssw, div#footerAbout p.ssw a {color:#333;}
div#footer p.ssw a:hover, div#footerAbout p.ssw a:hover {color:#111;}

/* INTERNAL GENERAL
-------------------------------------------------------------------------- */
div#internalHeader {width:100%; background-color:#bd3a02;}
div#internalHeader #logo {padding:0 20px 20px;}
div#nav {background-color:#bd3a02;}
div#nav ul {list-style:none; padding-left:20px; background-color:#bd3a02; height:25px;}
div#nav ul li {float:left;}

.dataInternal {color:#333; background-color:#CCC; padding:4px 20px; height:16px; font-size:0.9em; clear:both; }
.dataInternal a {color:#333;}
.dataInternal a:hover {color:#222;}
.dataInternal .datauser {float:left;}
.dataInternal .datalogoff {float:right;}


/* INVALID LOGON
-------------------------------------------------------------------------- */
.invalidMsg {border: 1px solid #930; width:580px; padding:15px; margin:50px auto; text-align:center;}
.invalidMsg h2 {font-size:1.4em; font-style:italic; padding:40px 0;}

/* HELP PAGES CONTENT
-------------------------------------------------------------------------- */
div#containerHelp, #contentWrap {position:relative; text-align:left; padding:10px 30px;}
#contentWrap {margin-bottom:1em;border-bottom:solid 1px #000;}

div#contentHelp {width:100%; text-align:left; background:#FFF; color:#333; font-weight:normal;}
div#contentHelpTop {background: url(../images/contentHelpTop.png) 0 top no-repeat; height:10px;}
div#contentHelp #howdoi {padding-bottom:10px; margin-left:20px; border-bottom:1px #eee solid; font-style:italic;}

div#contentHelp p.btngototop a, p.btngototop a:hover {text-decoration:none; color:#fff;}

div#contentHelp a {color:#bd3a02;}
div#contentHelp a:hover {color:#db4f00;}
div#contentHelp h1 {font-size:30px; color:#bd3a02; font-weight:bold;}
div#contentHelp h1#title {float:right;}
div#contentHelp h2 {font-size:20px; color:#333; margin-bottom:15px; font-style:italic; font-weight:bold;}
div#contentHelp h3 {font-size:12px; color:#bd3a02; margin-bottom:10px; font-weight:bold;}
div#contentHelp h3.item {font-size:16px; font-style:italic; color:#bd3a02; padding:5px; border-top:1px solid #bd3a02; font-weight:bold; background-color:#f0f0f0;}
div#contentHelp ul, div#contentHelp ol {margin-left:-5pxpx; color:#bd3a02; margin-top:5px; }
div#contentHelp ul {list-style:square;}
div#contentHelp ol li {color:#333; line-height:20px; margin-left:25px;}
div#contentHelp ol.alpha {list-style:lower-roman; margin-top:0;}

div#contentHelp #howdoi h3 a{color:#db4f00;}

div.helpQuestion {padding-bottom:40px;}

div.highlight {border:dotted #bd3a02 1px; padding:10px 20px; margin-top:10px;}
div#contentHelp div.highlight ol li {color:#bd3a02;}

div#footerHelp {text-align:center; margin-top:20px; padding-top:20px; border-top:1px #eee solid;}

/* ABOUT PAGE 
-------------------------------------------------------------------------- */

div#wrapAbout {margin:0 auto; width:980px; position:relative;}
div#containerAboutGeneral {margin:0 auto; width:960px; position:relative; background-color:#db4f00;}
div#containerAbout {margin:0 auto; position:relative; color:#333; text-align:left; width:940px; background-color:transparent; top:-270px;}

div#imageheaderAbout {background: url(../images/bg_headerAbout.png) no-repeat top; height:270px; position:relative; margin:0 auto; width:980px;}

div#headerAbout {color:#fff; position:relative; margin-bottom:30px;}
    div#headerAbout h2{font-size:32px; float:right; margin:40px 50px 0 0;}
    div#headerAbout h1#logo {height:76px; width:333px; top:15px; display: block; text-indent: -999px; overflow: hidden; background: url(../images/logo.jpg) no-repeat 0 10px; margin-left:80px;} 

div#contentAbout {background: url (../images/bg_containerAboutTop.png) no-repeat; padding:0 30px 50px; text-align:left; width:800px; font-weight:normal; background-color:#fff; margin:0 auto; line-height:16px; }
    div#contentAbout h3 {font-weight:bold; font-size:16px; font-style:italic; color:#bd3a02;}
    div#contentAbout .strong {font-weight:bold;}
    div#contentAbout .section {margin-top:25px; clear:both;}
    div#contentAbout ul {margin:5px 25px; list-style-image: url(../images/bulletlist.gif);}
        div#contentAbout ul li { margin-bottom:5px;}
    div#quote {background: url(../images/bg_quote.png) no-repeat 0 0; width:400px; height:180px; float:right; color:#bd3a02; font-style:italic; margin:15px 30px 0;}
        div#quote p {padding:10px 20px 0; line-height:16px;}    
.breadcrumb {margin:15px 0 10px; font-weight:bold; padding-top:15px;}
    .breadcrumb a, div#menuAbout a{color:#bd3a02;}
    .breadcrumb a:hover, div#menuAbout a:hover{color:#db4f00;}
.btngototop {background: #bd3a02; padding:4px; text-decoration:none; color:#fff; font-size:11px; font-weight:bold; float:right; display:inline-block; margin:10px 30px 20px; cursor:pointer;}
    .btngototop {right:0;}
    .btngototop:hover {text-decoration:none;}
    p.btngototop a, p.btngototop a:hover {text-decoration:none; color:#fff;}
    
div#navAbout {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0;}

div#menuAbout {font-size:12px; font-weight:bold; font-style:italic; color:#bd3a02; width:320px;}
    div#menuAbout ul li {margin-bottom:15px;}

div#partnershipInfo {background: url(../images/bg_partnershipInfo.jpg) no-repeat; width:392px; height:85px; position:absolute; top:170px; right:90px;}
    div#partnerTWTO {position:absolute; top:32px; left:0; width:180px; height:50px;}
    div#partnerHR {position:absolute; top:32px; right:0; width:180px; height:50px;}

div#contentAboutTop, div#contentAboutBottom {width:860px; height:9px;}
    div#contentAboutTop {background: url(../images/bg_contentAboutTop.png) no-repeat; margin:0 auto -16px;}
    div#contentAboutBottom {background: url(../images/bg_contentAboutBottom.png) no-repeat; margin:-1px auto;}

div#footerAbout {font-size:0.8em; font-weight:normal; margin:10px 0 40px; position:absolute; text-align:left; bottom:130px; left:60px}