/*******************************************************************************
 Filename: stylesheet.css
 Date Created: 06 02 2007
 Purpose: Social Union Report Styel Sheets
 Notes: Some of these styles were created and ported over from previous reports 
 as a result not all of the styles in this document may be used. 
 *******************************************************************************/

/*******************************************************************************
 Purpose: Base Styles 
 *******************************************************************************/
h1 sup, h2 sup, h3 sup{
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
}

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; background-color:#E7DAA9;

}

#wrapper
{ 
	position: relative;
}

#page 
{	
	width: 800px; 
	margin: 0 auto;
	text-align: left;
	
	/*font: Verdana, Arial, Helvetica, sans-serif;*/
	
	color: #333333;
	background-color: #fff;
	border: 10px solid #fff;
	/* Used to identify for debugging purposes
	border: 1px solid #00ffcc; */
}

#banner 
{
	height: 120px; 
	background-color:#fff;
}

.english_banner
{
	height: 120px; 
	background-color:#fff;
	background-image:url("../images/en/banner_e.jpg");
	background-repeat:no-repeat;
}

.french_banner
{
	height: 120px; 
	background-color:#fff;
	background-image:url("../images/fr/banner_f.jpg");
	background-repeat:no-repeat;
}



#main
{ 
	/* Used to identify for debugging purposes
	background-color: #ccc; */
}

#content
{
	display: block;
	margin-top: 10px;
	padding: 0px 0px 10px 0px; 
	
	/* Used to identify for debugging purposes
	background-color: #999; */
}

/*******************************************************************************
 Purpose: Navigation Styles - general <p> and header tags 
 *******************************************************************************/
.topnav 
{
	background-color: #cc9900;
	height: 30px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}


.topnav ul 
{ 
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.topnav li 
{
	float: left; 

}

.topnav a:link, .topnav a:visited, .topnav a:active
{ 
padding-top: 5px;
	text-decoration: none; 
	display: block; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration: none; 
	text-align: center; 
	letter-spacing: 0.05em;
	background-color: #cc9900; 
	color:#000; 
	
}

.topnav a:hover 
{
	text-decoration: underline; 

}

/*******************************************************************************
 Purpose: Image Styles 
 *******************************************************************************/
.figure
{
	
	width: 600px;
	background-color:#FFFF00; 
}

.figure .number 
{ 
	background-color:#FFFF00; 
	float:left; 
	width:150px; 
	padding: 10px;
	font-size: 1.1em;
	color:#000000;
	text-align: center;
}

.figure .title { 
	text-align: left;
	background-color: #000000; 
	color: #FFFF00;
	float:left; 
	width:410px; 
	padding: 10px;
	font-size: 1.1em;
}

/*******************************************************************************
 Purpose: Footer Styles 
 *******************************************************************************/
.footer {
	margin: 10px 0px 10px 0px; text-align: center;
	/*font: "Courier New", Courier, mono;*/
}

.footer a:link, .footer a:visited, .footer a:active
{
	color: #000000;
	text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}

.footer a:hover 
{
	text-decoration: underline; 
	

}

/*******************************************************************************
 Purpose: Text Styles - general <p> and header tags 
 *******************************************************************************/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #993300;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc6633;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc9900;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #cc9900;

}

a:visited , a:link, a:active
{
	color: #993300;
	text-decoration:none;
}

a:hover
{
	color: #993300;
	text-decoration:underline;
}

hr {
	color: #cc6633;
}


/*******************************************************************************
 Purpose: Float Handlers
 *******************************************************************************/
.floatleft 
{
	float: left; 
}

.floatright 
{
	float: right; 
}

.floatclear
{ 
	clear: both;
	
}

/*******************************************************************************
 Purpose: Style Sheets for Tables 
 Note: 	 These styles were copied over from the ncb progress report with some 
 modifications
 *******************************************************************************/
 

/*.tableheader {
	font-size: 1.2em;
}
.table3headers {
	font-size: 0.7em;
}

.t_header { 
	vertical-align: middle;
	height:100%;
	color: #000000; 
	font:bold;
	margin-bottom:15px; 
}

.tbl_number { padding: 5px; vertical-align:middle; text-align:center; width:15%; min-height:100%; height:100%; background:#000000; color:#FFFFFF; font-weight:bold;
}

.tbl_label { 
width:85%; background:#aaa; color:#FFFFFF;padding: 8px 5px 8px 20px; height:100% ; 
font-weight:bold; text-align: left;
}

.tbl_total{ border-top:2px solid #000000; border-bottom:2px solid #000000; background-color:#D3F1E3; vertical-align:middle; padding-top:10px; padding-bottom:10px; font-size :100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #000000; text-decoration : none; }

.tbl_thickline { border-bottom: 2px solid #000000 } 

.tbl_thinline { border-bottom: 1px solid #000000 } 

.tbl_notes { background-color:#ddd;} 

.tbl_notenumber { float: left; width: 2%;} 

.tbl_notetext { float: right ; width: 98%; padding-top:2px; padding-bottom:2px; } 

.tbl_subtotal { padding-top:5px; padding-bottom:5px; background-color:#EADED2; font-weight: bold } 

.tbl_indent { padding-left: 35px; }

table {
width:100%;
}*/

/***** TABLES *****/

.tbl_report{
	width:100%;
	border:1px solid #000000;
}

.tbl_report td{
	padding:2px 2px 2px 2px;
	vertical-align:top;
	width:20%;
}
.alignRight{
	text-align:right;
}
.alignCenter{
	text-align:center;
}
.alignLeft{
	text-align:left;
}
.border_bottom{
	border-bottom:1px solid #000;
}
.border_right{
	border-right:1px solid #000;
}
.border_left{
	border-left:1px solid #000;
}
.border_top{
	border-top:1px solid #000;
}
.noborder{
	border:0px solid #000;
}
.noborderright{
	border-right:0px solid #000;
}
.tdborder{
	width:100%;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
.tdborder td{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	padding:2px 2px 2px 2px;
	vertical-align:top;
}
div.shade_box{
	background-color:#FFEBDE;
	padding:2px 2px 2px 2px;
	border:2px solid #9C3000;
}
div.shade_box h1, div.shade_box h2, div.shade_box h3{
	color:#9C3000;
}
div.shade_box p:first-child{
	margin-top:0px;
	margin-bottom:-10px;
	padding:4px 4px 0px 4px;
}

div.shade_box p:last-child{
	padding-bottom:4px;
}

div.shade_box p{
	padding:0px 4px 0px 4px;
}

div.shade_box p:last-child{
	margin-bottom:0px;
}

.tblcont_list {
	list-style:none;
}

.tblcont_list li {
	padding-top:2px;
	padding-bottom:2px;
}