/* HTML Elements */ 
	a {} /* Avoid using as will assign it to <a name=""> */
		a:link, a:visited{
			color: #039;
			text-decoration: none;
			}
		a:hover {
			text-decoration: underline;
			} 
	
	body {
		background: #E5E5E5;
		color: #000;
		font: 75%/150% arial, verdana, helvetica, sans-serif;
		}
		body.portalpopup {
			background: #FFFFFF;
			}
	
	dl, ol, p, td, ul {
		margin-top: 0;
		}
		
	form {
		margin: 0;
		padding: 0;
		}
		
	fieldset {
		border: none;
		padding: 0;
		}

	li {
		padding-left: 0;	
		padding-top: 6px;
		margin-left: 0;
		}
		
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 10px;
		}
		h1 {
			font-size: 120%; 
			}
		h2 {
			font-size: 110%; 
			}
		h3 {
			font-size: 105%; 
			}
		h4, h5, h6 {
			font-size: 100%; 
			}
	
	img {
		border: none;
		}
		
	table {
		border: 1px solid #e6e6e6;
		margin: 0 0 1em;
		}
		.portal table {
			border: none;
			border-collapse: collapse;
			}
		
	td, th {
		padding: 5px;
		vertical-align: top;
		font-size: 11px; /* must be explicit for IE */
		}
		.portal td {
			background: #ffffff;
			}
			.row1 td {
			background: #f4f4f4;
			}
		th {
			background: #F4F4F4;
			border-bottom: 1px solid #e6e6e6;
			text-align: left;
			}
		.portal th {
			border-collapse: collapse;
			}

	
/* Format Classes */

	/* align to clear */
	.alignClear {
		clear: both;
	}
	
	/* align left variations */
	.alignLeft {
		clear: left;
		float: left;
		width: 40%;
	}
	div.callout.alignLeft { /* used in the international pages */
		margin: 0 10px 10px 0;
		padding: 5px;
		width: 40%;
	}
	img.alignLeft {
		margin: 0 5px 5px 5px;
		width: auto;
	}
	li.alignLeft {
		width: 45%;
	}
	
	/* align right variations */
	.alignRight {
		clear: right; 
		float: right;
		width: 40%;
	}
	div.callout.alignRight { /* used in the international pages */
		margin: 0 0 10px 10px;
		padding: 5px;
		width: 40%;
	}
	img.alignRight {
		margin: 0 5px 5px 5px;
		width: auto;
	}
	li.alignRight {
		clear: none;
		float: none;
		width: auto;
	}

	.border {
		border: 1px solid #ccc;
		padding: 2px;
		}
		
	.caption {
		font-size: 80%;
		font-weight: bold;
		}
	
	.col1, .col2 {
		float: left;
		margin: 0 25px 0 0; /* relative margin (percentage) causes "jumping" on a:hover in ie */
		width: 45%;
		}
		.col2 {
			margin: 0;
			}
		
	.footnote {
		border-bottom: 1px solid #E5E5E5;
		border-top: 1px solid #E5E5E5;
		padding: 7px 0;
		}
	
	.linkDoc {
			background: url(/assets/images/ui/word.gif) no-repeat 100% 3px !important;
			padding: 0 15px 0 0 !important;
			}	
			
	.linkExe {
			background: url(/assets/images/ui/executable.gif) no-repeat 100% 3px !important;
			padding: 0 15px 0 0 !important;
			}				
			
	.linkPdf {
		background: url(/assets/images/ui/acrobat.gif) no-repeat 100% 3px !important;
		padding: 0 15px 0 0 !important;
		}	

	.linkVideo {
		background: url(/assets/images/ui/video.gif) no-repeat 100% 5px !important;
		padding: 0 17px 0 0 !important;
		}				
	
	.listHeading {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 80%; 
		font-style: normal;
		}
		li .listHeading, td .listHeading {
			font-size: 100%;
			}
			
	.needContent {
		background-color: #F5CCF5;
		}			
	
	.noBorder {
		border: none !important;
		}
	
	.noBullets {
		list-style: none;
		margin: 0;
		}
		.textboxLeft .noBullets, .textboxRight .noBullets { 
			margin: 0;	
			}
			
	.row1 {
		background: transparent;
		}
	.row2 {
		background: #F9F9F9;
		}			
	
	.twoColList {}
	.twoColList li {
		float: left;
		padding-bottom: 10px;
		padding-right: 5%;
		width: 40%;
		}
		
	.textboxCenter { 
		margin: 10px 20px;
		padding: 10px;
		}
	
	.textboxLeft {
		float: left;
		margin: 10px 40px 10px  10px;
		padding: 10px;
		width: 35%;
		}
	
	.textboxRight { 
		clear: right; 
		float: right; 
		margin: 10px 20px;
		padding: 10px;
		width: 35%;
		}