/* CSS layout rules for all content areas */

#container{margin:0 auto; padding:0; width:756px; height:100%;font-size:1em;}
#header{margin:0 auto; padding:0; width:756px; height:114px; display:block;clear:both; background-image:url(../images/imgHeader.jpg); background-repeat:no-repeat;}
#splash{margin:0 auto; padding:0; width:756px; min-height:515px; height:auto; background:#fff; background-image:url(../images/bkgSplash.jpg); background-repeat:no-repeat; padding-bottom:30px;}



/* Splash Page */

#splashLeft{width:314px;float: left; margin:0; padding:0;}
	#splashLeft #content{ width:300px; float:right;}
	#splashLeft p{text-align:right;} 

#splashRight {width:314px;float: right;margin:0; padding:0;}
	#splashRight #content{ width:300px; float:left;}
	#splashRight p{text-align:left;} 
	
#visit{width:756px; clear:both; font-size:1em; position:relative; top:-10px;}
	#visit #left{width:314px;float: left; text-align:right}	
	#visit #right{width:314px;float: right; text-align:left;}	

/*search page */
#maincontent {
	margin:0 auto; 
	padding:0; 
	width:756px; 
	min-height: 615px;  
	background:#fff url(../images/bkgGlobalClouds.jpg) no-repeat top; 
}	

.searchBkg{
	padding:32px 38px 0 38px; 
	background: url(../images/bkgSearchResultsStatueHorsemen.jpg) no-repeat bottom; 
	height:705px;  
	padding-bottom:70px;
	width:680px; 
}

.searchResultsBkg{
	padding:32px 38px 0 38px; 
	width:680px; 
	height:auto;  
	padding-bottom:30px;
}

.canadaWWIBkg{
	padding:50px;
	background: url(../images/bkgCanadaWW1Cemetary.jpg) no-repeat bottom; 
	height:560px;  
	padding-bottom:30px;
}

.acknowledgementsBkg{
	padding:50px;
	background: url(../images/bkgAcknowCemetary.jpg) no-repeat bottom; 
	height:auto;  
	padding-bottom:130px;
}

.vigilBkg {
    padding:25px 38px 50px 35px; 
	height:auto;  
	margin:0;
}
.vigilBkg h1 
{
    padding-top:33px;
    padding-left:3px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
    margin-bottom:18px;
}

#vigilBox {
	background-color:#ebecf1;
	border:3px solid #fff;
	padding:12px 14px;
	width:650px;
}

.contentBox {
	width:656px;
}

.col1{
	width:313px;
	margin-top:10px;
	float:left;
}
.col2{
	width:313px;
	margin-top:10px;
	float:right;
}

#searchResults {
	margin-top:20px;
}
#searchResults h2 { 
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.canadaWWIBkg .contentBox h1 , .acknowledgementsBkg .contentBox h1
{
    padding-bottom:10px;
   /* border-bottom:1px solid #ccc;*/
	background: no-repeat url(../images/imgGreySeparatorLine.gif) bottom left ;
    }
/*search table*/
.searchTable 
{
    width:100%;
    }
    
th {
white-space:nowrap;
padding-top:10px ;
padding-bottom:10px ;
}
th a {
	text-decoration:none;
}
tr td{
    border-bottom:1px solid #FFFFFF;
    vertical-align:top;
}

.tdPadded {
	padding-right:10px;
}
#searchBox {
	background-color:#ebecf1;
	border:3px solid #fff;
	padding:12px 14px;
	width:650px;
}


#searchBox p, #searchBox h2 {
	margin-left:4px;
}

#searchBox h2 {
 	margin-top:1em;
 	padding-top:12px;
    border-top:1px solid #ccc;
}

#searchBox h1 
{
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
	
    }

#searchBox label {  
	position:relative;
	padding:0;
	margin:0;
}
#searchBox input {  
	position:relative;
}

/*#lblSurnameen{top:15px;left:2px;}
#lblFirstNameen{top:15px;left:147px;}
#lblInitialen{top:15px; left:262px;}                	
#lblServiceNumberen{top:15px;left:283px;top:15px;}

#lblSurnamefr{top:15px;left:3px;}
#lblFirstNamefr{top:15px;left:122px;}
#lblInitialfr{top:15px; left:265px;}                	
#lblServiceNumberfr{top:15px;left:280px;top:15px;}*/

#surnameDiv{padding-top:15px;width:200px;float:left;}
#firstNameDiv{padding-top:15px;width:166px;float:left;}
#initialDiv{padding-top:15px;width:48px;float:left;}
#serviceNumberDiv{padding-top:15px;width:144px;float:left; }

#surname, #ctl00_ContentPlaceHolder1_surname{ width:175px;}                        
#firstName, #ctl00_ContentPlaceHolder1_firstName{ width:140px;}
#initial, #ctl00_ContentPlaceHolder1_initial{ width:23px;} 
#serviceNumber, #ctl00_ContentPlaceHolder1_serviceNumber{ width:144px;}          
#btnSearch, #ctl00_ContentPlaceHolder1_btnSearch, #btnSearchFr, #ctl00_ContentPlaceHolder1_btnSearchFr{ position:relative; top:28px;left:8px;}

.required{
	text-align:right;
	top:28px;
	position:relative;
	padding-bottom:10px;
	
}
#mnav {
    width:756px;
}

#virtualVigilen 
{
    width:319px;
    height:267px;
    float:left;
    margin-left:9px;
    background-image:url(../images/en/imgVirtualVigilPlaceholderRight.jpg);

    }
#virtualVigilfr 
{
    width:319px;
    height:267px;
    float:left;
    margin-left:9px;
    background-image:url(../images/fr/imgVirtualVigilPlaceholderRight.jpg);

    }
#liveVigil 
{
    width:320px;
    height:267px;
    float:left;
    background-color:#595959;
    background-image:url(../images/imgVirtualVigilPlaceholderLeft.jpg) ;
    background-repeat:no-repeat;
}



/* Footer */
#footer{margin:0 auto; padding:0; width:756px; background-image:url(../images/bkgFooter.jpg); background-repeat:repeat-x;
}
	#footer #content{margin:0 auto; width:708px; padding:20px 0 20px 0;}
	#footer p {font-size:1em; color:#fff; line-height:1.2em; margin:0; margin-bottom:0.8em; margin-top:0.3em;  text-align:center;}
	#footer a{color:#cce5ff; text-decoration:none;}
	#footer a:hover{color:#fff; text-decoration:none;}

.supportStatement {
    width:300px;
    float:left;
    text-align:left;  
}
#footer .supportStatement p {
     text-align:left;
}
.footerLinks {
    width:280px;
    float:right;
	padding-right:30px;
   
}    
 #footer .footerLinks p {
      text-align:right;
}

/* Misc */
.clear {
  clear: both;
  height: 1px;
  width:100%;
}