/*** 
Sydney Cancer Centre v1.0
Author: Tom Fulcher
Queries: tom.fulcher@wi.com.au
 ***/

html
{
	height:100%;
}
body
{
	background: #014372 url(../images/general/bodyBackground.jpg) repeat-x top left;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	height:100%;
}

body, td, div, span {
	font-family:Arial, Helvetica, sans-serif; 
}

a
{
	text-decoration:underline;
	color: #0970AB;
	font-weight: bold;
}

a:active
{
	text-decoration:underline;
	color:#CC0000;
	font-weight: bold;
}

a:hover
{
	text-decoration:underline;
	color: #543E7E;
	font-weight: bold;
}

img
{
	border:0px;
}

h3
{
	font-weight:bold;
	font-size: 13px;
	color: #005c9d;
	margin-bottom: 5px;
}

.bold
{
	font-weight:bold;
}

.boldunderline
{
	font-weight:bold;
	text-decoration:underline;
}

table#container
{
	width:90%; 
	height:100%;
	text-align:left;
	margin:0px auto 0px auto;
	/* padding: 0px 2px 0px 2px; */
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	min-width:900px;
}

div#logo_header
{
	/* width:100%; */ 
	text-align: center;
}
.clearboth
{
	clear:both;
}

/*** HEADER STYLES ***/

table#container td#headerCell
{
	height: 87px;
	/* width:784px; */
	background-color: Transparent;
}

div#headerContainer
{
	position:relative;
	height:87px;
	/* width:774px; */
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background: #fff url(../images/general/headerSwirlTop.jpg) no-repeat 287px top ;
}

div#headerContainer div#sccHeaderLogo
{
	position:absolute;
	top:0px;
	left:0px;
	height:87px;
	width: 252px;
	float:left;
}

/*** HEADER MENU STYLES ***/

div#headerMenu
{
	position:relative;
	/* height:25px;   */
	background-color:#a08fb3;
	margin:0px;
	vertical-align:middle;
	color:#ffffff;
	font-weight:normal;
	text-transform: uppercase;
	z-index: 9;
	/* width:100% !important;  */
}


div#headerMenu a
{
	color:#ffffff;
	text-decoration:none;
}

div#headerMenu a:visited
{
	color:#ffffff;
	text-decoration:none;

}

div#headerMenu a:hover
{
	color:#5a3e7b;
	text-decoration:none;
}

div#headerMenu a:active
{
	color:#ffffff;
	text-decoration:none;
}

/*** MAIN CONTENT AREA STYLES ***/

#mainContentArea
{
	vertical-align:top;
	font-size:11px;
	padding:0px;
	/* background: #b4c8e3 url(../images/homepage/copyarea_bg.jpg) repeat-x top left; */

}

#homeMainContentArea
{
	vertical-align:top;
	font-size:11px;
	padding:0px;
	/* margin: -2px 0px 0px 0px; */
	/* height:100%; */
	/* width:100%; */
	/* background: #b4c8e3 url(../images/homepage/copyarea_bg.jpg) repeat-x top left; */
}

/*** FOOTER STYLES ***/
#footerContent
{
	padding:0px;
	border:0px solid #ffffff;
}

#footerCopy
{
	padding:4px;
	padding-left:10px;
	font-size: 11px;
}

#footerCopy a
{
	text-decoration:underline;
	font-weight: normal;
	color:#000000;
}

#footerCopy a:hover, a:active, a:visited
{
	font-weight: normal;
}


/*** HOMEPAGE STYLES ***/
.headerTagLine
{
	vertical-align:top;
	height:54px;
	background-color:#0274ad;
}
#homepageContainer
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}

#aboutusheader
{
	background: #ffffff url(../images/general/largeheaderbg.gif) repeat-x top left;
	height:45px;
}
#sideNav
{
	width:218px;
	/* background: #ffffff url(../images/homepage/sideNavShadow.gif) repeat-y top right; */
	z-index:2;
	vertical-align:top;

}
#mainCopyArea
{
	background: #b4c8e3 url(../images/homepage/copyarea_bg.jpg) repeat-x 45px top;
	padding-left: 15px;
	z-index:1;
	vertical-align:top;
}

#mainCopyArea p
{
	margin:0px;
	padding:0px;  
}

#searchContainer
{
	position:relative;
	width:190px;
  margin:0px;
	padding:0px;
	font-size: 9pt;
	z-index:1112;
	vertical-align:middle;
	text-align:left;
	float:right;
	height:20px;
}

#searchForm
{
	margin:0px;
	padding:0px;
	/* background-color:#ffff00; */
}

#contactUsContainer,#donateContainer,#volunteerContainer
{
	position:relative;
	width:190px;
	margin: 4px 0px 10px 9px;
	font-size: 11px;
	font-family:arial;
}

#contactUsContainer p, #donateContainer p, #volunteerContainer p {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:0px;
	color:#ffffff;
}

#contactUsContainer p.clickhere,#donateContainer p.clickhere,#volunteerContainer p.clickhere {
 	text-align:center;
 	margin:0px;
 	padding:0px;
 	padding-bottom:5px;
}

#contactUsContainer
{
	border:1px solid #6d96be;
	background-color: #7da5ce;
	color:#ffffff;
	margin-top:8px;
}

#contactUsContainer ul
{
	padding:5px;
	margin-left:20px;
 	padding-top:10px;
 	padding-bottom:10px;
 	margin-top:0px;
 	margin-bottom:0px;
}

#contactUsContainer ul li
{
	padding-bottom:0px; margin-bottom:0px;
}

#contactUsContainer ul li#last
{
	padding-bottom: 0px;
}

#donateContainer
{
	border:1px solid #5a3e7b;
	background-color: #a08fb3;
}
/*
#donateContainer p, #volunteerContainer p
{

	padding-left:5px;
	padding-top:3px;
	margin-top:0px;
}
*/
#volunteerContainer
{
	border:1px solid #474688;
	background-color: #0f6ca6;
}
#contactUsHeader,#donateHeader,#volunteerHeader
{
	position:relative;
	padding-left:0px;
	padding-right:0px;
}
#contactUsHeader
{
	background-color: #6d96be;
}
#donateHeader
{
	background-color: #5a3e7b;
}

#volunteerHeader
{
	background-color: #474688;
}


#searchContainer img
{
	margin:0px;
}
input#searchfield
{
	border: 1px solid #005c9d;
	background-color: #cbd9ec;
	font-size:9pt;
  vertical-align:top;
	margin: 0px;
	padding-left:2px;
	padding-top:2px;
	height:17px;
	width:136px;
}

#flashGallery
{

float:right;
margin:0px;
padding:0px;
padding-right:20px;
padding-left:20px;
padding-bottom:20px;
}

#hospitallocations
{
	margin-top:10px;
	width: 100%;
}

#location1,#location2
{
	margin-top:10px;
	position:relative;
	width:300px;
	float:left;
	font-size:11px;
	margin-bottom:10px;
}
#location1 img, #location2 img
{
	margin-right:10px;
}
#location1
{
	margin-right:20px;
}

#tagline
{
	clear:both;
	background-color: #0275AE;
	border-top: 1px solid #a08fb3;
	border-bottom: 1px solid #a08fb3;
	margin:0px;
	padding:0px;
}

/*** DETAIL PAGE STYLES ***/
#detailPageContainer
{
}

.detailHeader
{
	position:relative;
	clear:both;
	margin-top:-1px;
	margin:0px;
	background: #0274ad;
	z-index:1;
	padding-top:0px;
	padding-bottom:0px;
	/* border-right: 1px solid #000000; */
	/* border-left: 1px solid #000000; */
}

.detailHeader h1
{
	color:#FFFFFF;
	font-size:22px;
	margin: 0;
	padding-left: 24px;
}

#detailMainCopyArea
{
	z-index:1;
	padding: 0px 16px;
}

#breadcrumbs
{
	margin: 8px 0px 24px 0px;
	font-size: 11px;
	text-transform:lowercase;
	color:#333333;
}

#breadcrumbs a
{
	font-weight:bold;
	color: #543E7E;
	text-decoration:none;
}

#breadcrumbs a:active
{
	text-decoration:none;
	font-weight: bold;
	color: #990000;
}

#breadcrumbs a:hover
{
	text-decoration:underline;
	font-weight: bold;
	color: #0970AB;
}

#detailMainCopyArea p
{
/*	margin:0px;
	padding:0px; */
}

#lastModified
{
	display:block;
	clear:both ;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#333333;
	padding-top: 24px;
	padding-bottom: 4px;
}

#relatedContentPanel
{
	width:200px;
	float:right;
	position:relative;
	background-color: #A08FB3;
	margin:0px 10px 5px 10px;
	border: 1px solid #5A3E7B;
}

#rcpTab
{
	background: #5A3E7B url(../images/general/tcp_open.gif) no-repeat top right;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
}

#rcpTab a, #rcpTab a:hover, #rcpTab a:active 
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	display:block;
}

#rcpList
{
	background-color:#A08FB3;
}

#rcpList ul li
{
	margin:0px;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
}

#rcpList ul
{
	margin:3px;
	margin-top: 3px;
	margin-bottom: 8px;
	padding: 0px 0px 0px 24px;
}

#rcpList a
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 90%;
}

#rcpList a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

#rcpList a:active
{
	text-decoration: underline;
	font-weight: bold;
	color:#990000;
}

#detailMainCopyArea h1
{
	color: #5A3E7B;
	font-weight: bold;
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	margin-top:24px;
}

#detailMainCopyArea h2
{
	color: #005c9d;
	font-weight: bold;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	margin-top:24px;
}

#detailMainCopyArea h3
{
	color:#333333;
	font-weight: bold;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:13px;
	margin-bottom: 1px;
}

#detailMainCopyArea p
{
	margin-top:0;
	margin-bottom:12px;
}

p.searchTips
{
	font-size:85%;
	color:#333333;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 0px;
}

form#theSearchForm
{
	margin: 15px 20px 10px 20px;
}

table.searchOptions
{
	font-size: 90%;
}

table.searchOptions td
{
	vertical-align: top;
}

td.searchOptionsMsg
{
	font-weight: bold;
	padding-top: 4px;
}

h2.searchResultsTitle
{
	margin-bottom:	0px;
}

h3.numberFoundMsg
{
	margin-bottom: 0px;
	margin-left: 6px;
}

h4.showingXRecordsMsg
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	font-size: 85%;
}

table.srchResultsTable
{
	margin: 10px 5px 10px 5px;
	border-top: #005c9d 1px solid;
	border-bottom: #005c9d 1px solid;
	background-color:#FFFFFF;
	width: 100%;
	border-collapse:collapse;
	clear: both;
}

table.srchResultsTable td
{
	padding: 5px;
	vertical-align: top;
	border-top:#666666 1px dotted;
	margin:0;
}

#searchResults a
{
	text-decoration: none;
	font-weight: bold;
}

#searchResults a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

#searchResults a:active
{
	text-decoration: underline;
	font-weight: bold;
}

td.resultIcon
{
	width: 28px;
	text-align: center;
	padding: 0px ;
	padding-top: 3px;
}

td.resultTitle
{
	width: 716px;
}

p.resultDesc
{
	font-size: 80%;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#searchResultsMeta
{
	float: left;
	width: 500px;
	position: relative;
}

#searchResultsButtons
{
	float: right;
	width: 200px;
	position: relative;
	padding-top: 23px;
	padding-right: 4px;
	text-align: right;
}

.detailHeader h2
{
	color:#FFFFFF;
	font-size:18px;
	margin: 0;
	padding: 12px 0 0 24px;
}

.detailHeader h3
{
	color:#D2E9F9;
	font-size:12px;
	margin:0px;
	padding: 0 0 0 24px;
}

hr.simpleDivider
{
	width: 75%;
	margin-top: 18px; 
	margin-bottom: 36px;
	border: none;
	border-top: 1px solid #666666;
	height: 1px;
	text-align: center;
}

p.eventShortDesc
{
	color:#005c9d;
	font-weight: bold;
	padding-top: 24px;
	font-size: 102%;
}

#resource
{
	margin-top: 24px;
}

#resourceItems
{
	width: 600px;
	margin-left: 60px;
	margin-top: 20px;
}

#resourceItems dl
{
	margin: 10px 0px;
	padding: 0px;
	float: left;
}

div.mediumResourceLink dl
{
	float: left;
	clear: both;
}

#resourceItems dt, div.mediumResourceLink dt
{
	margin: 0;
	padding: 2px;
	font-size: 110%;
	color: #333333;
	width: 500px;
}

#resourceItems dd, div.mediumResourceLink dd
{
	margin: 0;
	padding: 5px;
}

#resourceItems dt a, div.mediumResourceLink dt a
{
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #005c9d;
	text-decoration: none;
	font-weight: bold;
}

#resourceItems dt a:hover, div.mediumResourceLink dt a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

#resourceItems dt a:active, div.mediumResourceLink dt a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #CC0000;
}

#resourceItems dd.img img, div.mediumResourceLink dd.img img
{
	background-color:#FFFFFF;
	border: #333333 1px solid;
	padding: 3px;
	margin: 0px; 
	float:left;
}

#resourceItems dd.img, div.mediumResourceLink dd.img
{
	float: left;
	margin-right: 10px;
}

#resourceItems dd a, div.mediumResourceLink dd a
{
	font-size: 90%;
	font-weight: bold;
}

#sitemapMain
{
	padding: 20px 10px 10px 10px;
}

#sitemapFooters
{
	padding: 0px 10px 20px 10px;
}

#sitemapMain ul, #sitemapFooters ul
{
	list-style: none;
}

#sitemapFooters ul li, #sitemapFooters ul li a
{
	font-size: 16px;
	padding-top: 12px;
	color: #5A3E7B;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

#sitemapMain ul.smLevel1 li, #sitemapMain ul.smLevel1 li a
{
	padding-top: 12px;
	color: #5A3E7B;
	font-weight: bold;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
}

#sitemapMain ul.smLevel2 li, #sitemapMain ul.smLevel2 li a
{
	padding-top: 9px;
	color: #005c9d;
	font-weight: bold;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

#sitemapMain ul.smLevel3 li, #sitemapMain ul.smLevel3 li a
{
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color:#666666;
}

#sitemapMain ul.smLevel4 li, #sitemapMain ul.smLevel4 li a
{
	padding-top: 3px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

#sitemapMain ul.smLevel5 li, #sitemapMain ul.smLevel5 li a
{
	font-weight: normal;
}

#sitemapMain a, #sitemapFooters a
{
	text-decoration: none;
}

#sitemapMain a:hover, #sitemapFooters a:hover
{
	text-decoration: underline;
}

p.smallResourceLink
{
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
}

p.smallResourceLink img
{
	background-color:#FFFFFF;
	border: 1px solid #4A4026;
	padding: 2px;
	margin-right: 5px;
}

div.mediumResourceLink
{
	padding-left: 20px;
	padding-top:3px;
	padding-bottom: 3px;
}

div.faqList
{
	margin-top: 12px;
	clear: both;
}

div.faqList dl
{
	margin-top: 3px;
	margin-bottom: 12px;
}

div.faqList dt
{
	font-weight: bold;
	padding-bottom: 2px;
}

div.faqList dd
{
	padding: 0;
	margin: 0;
}

table.deptCustList
{
	margin: 24px auto 24px auto;
	border-top: #005c9d 1px solid;
	border-bottom: #005c9d 1px solid;
	background-color:#FFFFFF;
	/* width: 600px; */
	width:95%;
	border-collapse:collapse;
	clear: both;
}

table.deptCustList td
{
	padding: 5px;
	vertical-align: top;
	border-top:#666666 1px dotted;
	margin:0;
	font-size: 11px;
}

table.deptCustList th
{
	color: #fff;
	border-bottom: #005c9d 1px solid;
	background-color:#005c9d;
	font-size: 11px;
	padding: 5px;
}

table.deptCustList td.deptName
{
	font-weight: bold;
	background-color:#EFEFEF;
}

span.deptHeadName
{
	font-weight: bold;
	color: #333333;
}

div.eventList
{
	margin: 12px 0px 24px 0px;
}

div.eventList h2
{
	margin: 18px 0 3px 0;
}

div.eventList h3
{
	margin: 6px 0 3px 0;
}

div.eventList p
{
	margin: 3px 16px 3px 16px;
}

div.eventList p.eventDates
{
	font-weight: bold;
	font-size: 11px;
	font-style:italic;
	margin: 3px 16px 3px 16px;
}

div.eventList ul
{
	margin-top: 4px;
	font-size: 90%;
}

table.doctor, table.program
{
	margin: 9px auto 9px auto;
	border-top: #005c9d 1px solid;
	border-bottom: #005c9d 1px solid;
	background-color:#FFFFFF;
	width: 95%;
	border-collapse:collapse;
	clear: both;
}

table.doctor td, table.program td
{
	padding: 3px;
	vertical-align: top;
	margin:0;
	font-size: 11px;
}

table.doctor th, table.program th
{
	color: #fff;
	border-bottom: #005c9d 1px solid;
	background-color:#005c9d;
	font-size: 11px;
	padding: 5px;
}

table.doctor td.posTitle
{
	font-weight: bold;
	font-size: 100%;
	background-color:#DBD4E4;
}

table.doctor td.locations
{
	padding-left: 6px;
}

table.doctor td.addInfo
{
	padding: 5px;
	background-color:#EFEFEF;
}

span.secHeading
{
	font-weight: bold;
}

table.doctor td.locations ul
{
	margin: 0;
}

td.progSched
{
	font-style:italic;
	background-color:#DBD4E4;
}

td.Label
{
	font-weight: bold;
	text-align: right;
	width: 50px;
	background-color:#EFEFEF;
}

td.Value
{
	width: 550px;
}

div.group
{
	border: #5A3E7B 1px solid;
	margin: 16px;
	padding: 6px;
}

span.groupTitle
{
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #5A3E7B;
	margin-bottom: 6px;
}

table.questions
{
	width: 660px;
	border-collapse:collapse;
}

table.questions td
{
	margin: 0;
	padding: 3px;
}

table.questions td.qLabel
{
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
	vertical-align: top;
	padding-top: 6px;
}

table.questions td.qMessage
{
	width: 660px;
	padding-top: 12px;
	padding-bottom: 9px;
}

table.questions td.qInput
{
	width: 460px;
}

span.reqd
{
	color:#CC0000;
}

#submitButton
{
	text-align: right;
	margin: 0;
	padding: 0;
	padding-right: 18px;
}

/* all levels */
#nav {
	z-index:100;
	width:600px;
}

#nav * {
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

/* top level menu items */
#nav li {
	float: left;
}

#nav li a {
	display: block;
	padding-left: 8px;
	padding-right:16px;
	padding-top:7px;
	padding-bottom:7px;
	background:none;
	font-weight:bold;
}

#nav li:hover, #nav li.sfhover {
	background-color: #dcd6e4;
}

#nav li:hover a, #nav li.sfhover a, #nav li.sfhover a:hover {
	color:#5a3e7b;
}

/* second level items */
#nav li ul {
	position: absolute;
	width: 200px; 
	left: -999em;
	text-transform:none;
	background-color:#a08fb3;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a, #nav li ul li a.daddy, #nav li ul li a:hover, #nav li ul li a:hover {
	font-weight:normal;
}

#nav li ul li.daddy a {
	background:url(../images/general/rightarrow.gif) center right no-repeat;
}

#nav li:hover ul li, #nav li.sfhover ul li {
	background-color:#a08fb3;
}

#nav li:hover ul li a, #nav li.sfhover ul li a {
	padding: 6px 4px;
	width: 192px;
	color:#ffffff;
}

#nav li:hover ul li:hover, #nav li.sfhover ul li.sfhover {
	background-color:#dcd6e4;
}

#nav li:hover ul li:hover a,
#nav li:hover ul li:hover a:hover,
#nav li.sfhover ul li.sfhover a,
#nav li.sfhover ul li.sfhover a:hover{
	color:#5a3e7b;
}

#nav li ul li { position:relative; }

/* third level items */
#nav li ul ul {
	left:0px;
	top:0px;
	margin-left:200px;
	padding: 4px 0px;
	background-color: #CDDAEA;
	position:absolute;
	width: 200px;
}

#nav li ul li.daddy ul li a {
	background:url() center right no-repeat;
}

#nav li ul li ul li a {
	color: #345393;
	padding: 4px 0px 4px 8px;
}

#nav li:hover ul li:hover ul li, #nav li.sfhover ul li.sfhover ul li {
	background-color: #cddaea;
}

#nav li:hover ul li:hover ul li:hover, #nav li.sfhover ul li.sfhover ul li.sfhover {
	background-color: #ffffff;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
}

#nav {
	padding-left:20px;
}

/* in ie7, suckerfish menu break after an anchor was clicked. This is fix according to random guy on internet */

/*
*:first-child+html #nav {height: 1%;}
*:first-child+html #nav li {height: 1%;} 
*/

#nav li:hover ul, #nav li:hover ul li:hover ul,
#nav li.sfhover ul,
#nav li.sfhover ul li.sfhover ul {
	left: auto;
}

#paymentReceipt
{
	border: #5A3E7B 1px solid;
	margin: 16px;
	padding: 6px;
}

#paymentReceipt h2
{
	font-weight: bold;
	font-size: 18px;
	color: #5A3E7B;
	margin-top: 3px;
	margin-bottom: 12px;
}

#paymentReceipt hr
{
	/*
	margin-top: 18px; 
	margin-bottom: 36px;
	*/
	border: none;
	border-top: 1px solid #5A3E7B;
	height: 1px;
	text-align: center;
}

form{
  display: none;
}

form.booking{
  display: block;
}