/*****************************
 START STYLES FOR SCREEN
*****************************/

@media screen {

/* ================================================================ */
/*                         Generic styles                           */
/* ================================================================ */

body { 
	margin: 0 0 0 0; 
	padding: 0 0 20px 0; 
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 auto;
	text-align: center;	
	colour: #fff;
	} 

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a {position: relative; z-index: 100;} /* to avoid flicker on hover state in NS and FF */
a:link {color: #06c; text-decoration: underline;}
a:visited {color: #316102; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline; position: relative; z-index: 10;}

h1, h2, h3, h4, h5, h6, p { text-align: left; }
img { border: 0; }

/*
#breadcrumbs {font-size: 0.85em; color: #666; padding: 0; margin: 0;}	
* html #breadcrumbs {width: 99%; } /*to fix disappearing text in IE5 and 5.5*/


/* ************************************************ */
/* ************** Master Page Header ************** */
/* ************************************************ */

div.cfstrapline {
	margin: 17px 0 0 0;
	padding: 0;
	width: 100%;
	float: right;
	text-align: right;
}
div.Charitable_Foundation
{
	margin-top:15px;
}
div.HeadContainer {
	width: 93%;
	height: 85px;	
	margin: 0 auto;
	text-align: center;
	padding: 0 0 0 0;
	display: block;
	clear: both;
 }

/* logo img = 148px wide; total cont width = 168px */
div.logoContainer {	
	float: left;
	padding: 20px 0 0 0;
	text-align: left;
	margin: 0;
	width: 25%;
}

div.logoCFcontainer {	
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
	margin: 0;
	width: 25%;
}

div.logoContainer img {	border: 0; margin: 0 0 0 20px;}
div.logoCFcontainer img {	border: 0; margin: 0 0 0 20px;}


div.ButtonContainer {
	float: right;
	width: 65%;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
}

div.ButtonsTop {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	width: 98%;
	text-align: right;
	}

form { padding: 0; margin: 0; }

div.ButtonsTop input.button { }

div.HelpContainer {	
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	height: 24px;
	float: right;
	text-align: right;
}

div.HelpLink {	
	display: inline;
	float: right;
	color: white;
	line-height: 24px;
	text-align: right;
	padding: 0 15px 0 0;
	margin: 0; }

div.HelpLink a:link, div.HelpLink a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	} 		

div.HelpLink a:hover, div.HelpLink a:active {
	color: #FFFFFF;
	text-decoration: underline;	} 		
		
div.HelpContainer img { border: 0; display: inline; float: right;}

/* ************************************************ */
/* ****************** CONTENT STYLING ************* */
/* ************************************************ */


div.PageCenter {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	text-align: center;
	clear: both;
	}	

div.PageCenter h1 {
	height: 18px;
	line-height: 120%;
	font-size: 15px;
	font-weight: bold;
	color: #4D473D;
	background-image:  url(images/heading_bullet.gif);
	background-position: 0 21px;
	background-repeat: no-repeat;
	text-align: left;
/*	text-indent: 8px; */
	padding: 18px 0 0 15px;
	margin: 0 0 10px 25px; }
	
	/* hide from IE - FF only */
	html>body div.PageCenter h1  { height: auto; }

div.PageCenter h2 {
	font-size: 13px;
	font-weight: bold;
	color: #000;	
	margin: 0;
	padding: 8px 0 8px 40px;
}

div.PageCenter h3 {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	margin: 20px 0 8px 40px;
}

div.PageCenter h6 {
	font-size: 1em;
	font-weight: normal;
	color: #A69F98;
	margin: 20px 0 8px 40px;
	}

div.PageCenter p { 	
	font-size: 11px;
	padding: 0;
	margin: 10px 15px 10px 40px;
	text-align:center; }	
	
p.flashplayer {
	height: 300px;
	width: 400px;
	background-image:url(/careers_movie/preview.gif);}
	


	
/********************************************************/

/*	FOOTER CHANNEL 			*/

/********************************************************/	

/* div.navFooter USED FOR ADMIN CONTROLS */

#footerMenu, div.footer2	{
/* refer to portal.css for more settings */
	width: 90%;
	}	
	
	
/*****************************
******************************
	PRINT SPECIFIC STYLES
******************************
*****************************/

div.printonly { display: none; }
div.footerPrint { display: none; }
div.printText { display: none; }
} 

@page {  size: A4; }
    
@media print {	

body { 
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: white;
  font-family: Verdana, Arial, Tahoma;
  font-size: 12pt; 
  }
  
html, body {  
  background: white;
  font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
  font-size: 12pt; 
}

table 
{
	text-align: left;
	}
/* HIDE THESE REGIONS */
.HeadContainer

.logoContainer,
.ButtonContainer,
.ButtonsTop,
.HelpContainer,
.HelpLink
 { display: none; }

/* PRINT PAGE HEADER */
div.printonly { 
	width: auto;
	height: 93px;
	margin: 0;
	padding: 0;
	clear: both; 
	border-bottom: 3px solid #000;	}
	
	img.printlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    width: 197px;
	    height: 93px;
	    display: block;
	    position: relative; }

	img.printCFlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 21px 0 0 0;
	    width: 177px;
	    height: 71px;
	    display: block;
	    position: relative; }	 
	    	    
	img.printcalltoday { 
	    float: right;
	    padding: 0 0 0 0;
	    margin: 50px 0 0 0;
	    width: 172px;
	    height: 36px;}
	    
	 img.printline {
	    width: 100%;
	    height: 2px;
	    clear: both;
	    margin: 10px 0 10px 0; 
	    padding: 10px 0 10px 0;
	    clear: both; } 

 div.printText	{ 
        font-size: 9pt;
        font-weight: bold;
        letter-spacing: 1pt;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        clear: both; 
        width: auto; }


/* FONT PRINT STYLES */

h1 { 
    font-size: 13pt;
    font-weight: bold;
    color: #000;
    padding: 5px 0 5px 0;
     }

h2 {
	color: #444;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 14pt;
	line-height: 125%;
	clear: both;
	}
	
h3 {
	color: #777;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 13pt;
	line-height: 125%;
	}		

h6 {
	color: #000;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 10pt;
	font-weight: normal;
	}		

	
p { 
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 5px 0 5px 0;  
    }
    
    
/* TABLE PRINT STYLES */

table#comparison {
    width: 100%;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 8.5pt;   }
	
	table#comparison th {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid #aaa;
	color: #000;
	}

	table#comparison td {
	font-size: 8pt;
	border: 1px solid #aaa;
	text-align: center;
	}

    table#comparison td.title {
    font-weight: bold;
    text-align: left; }



table#data {
    width: 100%;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 8.5pt;   }
	
	table#data th {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid #aaa;
	color: #000;
	}

	table#data td {
	font-size: 8pt;
	border: 1px solid #aaa;
	text-align: left;
	}

    
/**************************
	PRINT LIST STYLE with bullet
**************************/
	
div.PageCenter ul {
	font-size: 11px
	color: #000000;
	margin: 0 10px 15px 38px;
	padding: 0;	}
	

div.PageCenter ul li {
	list-style-image: url(images/arrowlist.gif);
	line-height: 135%;	
	padding: 3px 0 7px 13px;
	margin: 0 0 0 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	    
/* end print styles */
}