/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfix { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 

/* END HACKS */

body { 
	text-align: center; 
	color: black; 
	font-size: 14px;  
	font-family:  Arial, Helvetica, sans-serif;   
	background-color: #333;	
}

form { margin: 0; }
p    { margin: 4px 0 14px 0; }
ul   { margin-top: 0; margin-bottom: 0;}
li   { list-style-type: square; }


h1   { margin: 10px 10px 10px 10px; font-size: 28px; }
h2   { margin: 0px 0px 0px 0px; font-size: 20px; color: #06377b; font-weight: normal;}
h3   { margin: 10px 0px  0px 22px; font-size: 14px; line-height: 40px; font-weight: bold; color: #06377b; text-transform: uppercase;}
h4   { margin:  6px 10px  8px 10px; font-size: 16px; }

a:link, a:visited { 
	color: white;
	text-decoration: none;
}
a:hover { 
	color: white; 
	text-decoration: none; 
}

.clear-left  { clear: left; }
.clear-right { clear: right; }
.clear-both  { clear: both; }
.float-left  { float: left; }
.float-right { float: right; }

.justify { text-align: justify; }
.left    { text-align: left; }
.centre  { text-align: center; }
.right   { text-align: right; }


#frame { 
	text-align: center;
	width: 1024px;
	height: 560px;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#main {
	width: 816px;
	height: 530px;
	float: right;
	background-color: #fefdfb;
	
}


#image-left {
	width: 516px;
	height: 480px;
	margin-top: 0px;
	float: left;
}

#image-right {
	width: 300px;
	height: 430px;
	padding-top: 7px;
	float: right;
}

#logo{
	width: 300px;
	height: 93px;
	background-image: url(../images/ccb-logo-lg.jpg);
	background-repeat: no-repeat;
	float: right;
	padding-right: 0px;
	margin-top: 0px;
}

#header	{ 
	width: 516px; 
	height: 50px;  
	float: left;
}

#headerlinks { 
	font-size: 11px; 
	text-transform: uppercase;
	text-align: left;
	padding-top: 30px;
	padding-left: 15px;
}

#headerlinks a.menulink { 
	color: #636466;
	text-decoration: none; 
	padding: 2px 10px 4px 10px;
	outline: none;
}

#headerlinks a.selected { 
	color: #dab74e;
	text-decoration: none; 
	padding: 2px 10px 4px 10px;
	outline: none;
}

#leftcolumn {
 	width: 208px;
	height: 560px;
	background-color: #dab74e;
	float: left;
}

#leftcolumn #linklist{
	color: white;
	text-decoration: none;
	text-align: left;
	margin-top: 18px;
	padding-bottom: 8px;
}

#leftcolumn #linklist ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

#leftcolumn #linklist li{
	list-style: none;
	padding-left: 22px;
	margin-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#leftcolumn #linklist li:hover{
	background-color: #e5cd85; 
}

#leftcolumn #linklist a.menulink { 
	color: white; 
	display: block;
	outline: none;
}

#leftcolumn #linklist a:hover.menulink { 
	color:  white; 
	background-color: #e5cd85; 
}


#leftcolumn #deceasedsearch {
	width: 208px;
	height: 108px;
	background-color: #06377b;
	margin-top: 0px;
	background-image: url(../images/deceased-search.jpg);
	cursor: pointer;
}

.contentlink a{ 
	outline: none;
	color: #636466;
}

.contentlink a:hover{ 
	color: #636466;
	text-decoration: underline;
}



#footer	{ 
	height: 30px; 
	width: 816px;
	float: right;
	background-color: white;
}

.index {
  color: #948E90;
  font-size: x-small;
}

.index a {
  color: #948E90;
}

.index a:active {
  color: #948E90;
}

.index a:visited {
  color: #948E90;
}

#footer	#content{ 
	padding-top: 6px; 
	padding-left: 15px;
	color: #636466; 
	font-size: 10px; 
	text-align: left; 
}

#footer	#content a{ 
	outline: none;
	color: #636466;
}

#footer	#content a:hover{ 
	color: #636466;
	text-decoration: underline;
}


/* the following is for the deceased search page*/
#ds-frame { 
	text-align: center;
	width: 850px;
	margin: auto;
}

#ds-main {
	width: 816px;
	background-color: #fefdfb;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
}

#ds-main{height:auto} 

.ClearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .ClearFix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
}
/**/


#ds-header{
	height: 100px;
	width: 815px;
	margin-bottom: 20px;
}

#ds-logo{
	width: 300px;
	height: 93px;
	background-image: url(../images/ccb-logo-lg.jpg);
	background-repeat: no-repeat;
	float: right;
}


/*this following is for the left column in the deceased search panel currently not in use
#ds-leftcolumn {
 	width: 208px;
	background-color: #dab74e;
	float: left;
}

#ds-leftcolumn #linklist{
	color: white;
	text-decoration: none;
	text-align: left;
	margin-top: 18px;
	padding-bottom: 8px;
}

#ds-leftcolumn #linklist ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

#ds-leftcolumn #linklist li{
	list-style: none;
	padding-left: 22px;
	margin-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ds-leftcolumn #linklist li:hover{
	background-color: #e5cd85; 
}

#ds-leftcolumn #linklist a.menulink { 
	color: white; 
	display: block;
}

#ds-leftcolumn #linklist a:hover.menulink { 
	color:  white; 
	background-color: #e5cd85; 
}

#ds-leftcolumn #deceasedsearch {
	width: 208px;
	height: 108px;
	background-color: #9d0132;
	margin-top: 0px;
	background-image: url(../images/deceased-search-red.jpg);
}
the above is for the deceased search left panel currently not in use*/


#ds-footer{ 
	height: 30px; 
	width: 816px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

#ds-footer #content{ 
	padding-top: 6px; 
	padding-left: 15px;
	color: #636466; 
	font-size: 10px; 
	text-align: left; 
}


#ds-content{
	padding-top: 0px;
	text-align: left;
	font-size: 12px;
	padding-left: 25px;
	width: 791px;
}

.ds-heading {
	font-size: 20px; 
	color: #06377b; 
	margin-right: 20px;
}

#search-area{
	background-color: #f3e8c6;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border-width: 5px;
	border-style: solid;
	border-bottom-color: #d6cfbb;
	border-right-color: #d6cfbb;
	border-top-color: #f7efd7;
	border-left-color: #f7efd7;
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.stepLabel {
	color: #06377b;
	font-weight: bold;
}

.td-area1 {
	background-color: pink;
}

.td-area2 {
	background-color: green;
}

.td-area3 {
	background-color: purple;
}

.RequiredFieldValidator1{
	font-size: 8px;
}

.search-tips a{
	color: #06377b;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 15px;
}

#ddlCemetery{
	font-size: 11px;
	border-bottom: #e8e8e8;
	border-right: #e8e8e8;
	border-style: outset;
	border-width: 2px;
}

.ddlCemetery :hover{
	background-color: #fdedbd;
}

option{
	padding-top: 2px;
	padding-bottom: 2px;
}

/* inset is for firefox, border top and left are for IE */
#txtYearFrom{
	border-top: #e8e8e8;
	border-left: #e8e8e8;
	border-style: inset;
	border-width: 2px;
}

#txtYearTo{
	border-top: #e8e8e8;
	border-left: #e8e8e8;
	border-style: inset;
	border-width: 2px;
}

#txtSurname{
	border-top: #e8e8e8;
	border-left: #e8e8e8;
	border-style: inset;
	border-width: 2px;
}

#txtGivenNames{
	border-top: #e8e8e8;
	border-left: #e8e8e8;
	border-style: inset;
	border-width: 2px;
}

#btnSearch {
	background-color: #dab74e;
	color: white;
	font-size: 13px;
}

/* css for results table */

#ds-results-table{
	width: 800px;
	float: left;
	margin-left: 7px;
	padding-bottom: 30px;
}

.ds-tableheading1 {
	background-color: #23408f;
	color: white;
	height: 25px;
	font-size: 15px;
}

.ds-tableheading2{
	background-color: #e5d086;
	color: #24408f;
	font-size: 12px;
	height: 20px;
	text-align: left;
}

.ds-tablecontent{
	font-size: 11px;
	text-align: left;
	height: 17px;
}

.ds-altrow-tablecontent{
	font-size: 11px;
	height: 17px;
	text-align: left;
	background-color: #f6f2e4;
}

#image-under-con{
	margin-top: 107px;
	width: 816px;
	height: 415px;
	background-image: url(../images/under-construction.jpg);
}

/*gloassry*/
#main-glossary {
	width: 816px;
	float: right;
	background-color: white;
	text-align: left;
	padding-bottom: 15px;
}

#deceasedsearch-glossary{
	width: 208px;
	height: 987px;
	background-color: #06377b;
	margin-top: 0px;
	background-image: url(../images/deceased-search.jpg);
	cursor: pointer;
	background-repeat: no-repeat;
}

#blue-bg-tag-word{
	padding-top: 800px;
}

#glossary-copy-left{
	width: 360px;
	float: left;
	margin-top: 80px;
	margin-left: 30px;
}

#glossary-copy-left a{
	color: #636466;
}

#glossary-copy-right{
	width: 355px;
	float: right;
	margin-top: 38px;
	margin-right: 30px;

}

.glossary-heading{
	font-weight: bold;
	font-style: italic;
	color: #06377b;
}




/*privacy page*/
#privacy-gradient{
	background-image:url(../images/privacy-gradient.jpg);
	background-repeat: repeat-x;
	width: 816px;
	height: 426px;
	margin-top: 0px;
	float: right;

}

#privacy-copy{
	text-align: left;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
	margin-right: 60px;
	font-size: 12px;
}
.privacy-heading{
	color: #06377b;
	font-size: 16px;
	font-weight: bold;
}
#privacy-copy a{
	color: #06377b;
	text-decoration: underline;
}

/*innocents page*/
#inno-body{
	width: 800px;
	height: 1100px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}
#innocents-flash{
	width: 719px;
	height: 291px;
	margin-left:auto;
	margin-right: auto;
}
#innocents-header{
	background-image:url(../images/innocents-header.jpg);
	width: 465px;
	height: 61px;
	margin-left: 165px;
	background-repeat: no-repeat;
	margin-top: 10px;
}

#innocents-body{
	width:	660px;
	height: 385px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 13px;
	margin-top: 10px;
	line-height: 18px;
}

#innocents-footer{
	width: 800px;
	height: 343px;
	background-image:url(../images/innocents-footer.jpg);
	font-size: 14px;
	text-align: center;
}

#innocents-quote{
	color: #06377b;
	font-size: 15px;
	font-style: italic;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	line-height: 19px;
}

/* Contact Page*/
#contact-copy{
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 60px;
	font-size: 12px;
}

.contact-heading{
	color: #06377b;
	font-size: 20px;
	font-weight: bold;
	text-align: left
}

.contact-subheading{
	color: #06377b;
	font-size: 16px;
	font-weight: bold;
	text-align: left
}

.contact-subsubheading{
	color: #06377b;
	font-size: 14px;
	font-weight: bold;
	text-align: left
}

#contact{
}

#contact .label{
	width:		100px;
	padding-bottom:	10px;
}

#contact .input{	
	padding-bottom:	10px;
}

#contact .input-text{
	width:		350px;
}

#contact .input-enquiry{
	width:		354px;
	height:		150px;
}

.required-fields{
	font-size:	10px;
	font-style: italic;
}

.submit{
	float:	right;

}	

#contact-details{
	float:	right;
	text-align:	left;
	margin:		60px 40px 0 0;
}