@import url(presentation.css);
@import url(menuhorizontal.css);



/* Layout (in html code order)
------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align:center;
}

div#branding, div#footerContent {
	width: 780px;
	margin: 0 auto;
}

div#pagebodyWrapper { 
	height: 100%;
	text-align:left;
	padding: 25px 15px 0 15px;
	width: 770px;
	margin: 0 auto;
	background: url(../images/whiteshadow.png) repeat-y top center white;
}

	* html div#pagebodyWrapper { 
		width: 800px;
		w\idth: 770px;
	}



	div#pagetextWrapper {
		float: left; 
		margin-right: -220px!important; /* for good browsers */
		margin-right: -240px; /* for IEWin */
		width: 100%;
	}

		div#pagetext {
			background: transparent;
			padding: 0 2.2em 2em 2.2em;
			margin: 0 220px 0 0!important; /* for good browsers */
			margin: 0 240px 0 0; /* for IEWin */
		}
	
			div#pagetext .content {
				/* width set to % so IE5 picks up correct width for 100% wide page tables */
				width: 99%;
			}
			
			.leftcol {
				float: left;
				width: 348px;
			}
			
			.rightcol {
				float: left;
				width: 348px;
				margin-left: 40px;
			}

div#secondaryContent {
	float: right; 
	width: 218px;
}

div#secondaryContent img {
	padding: 0;
}

div#secondaryContent h2 {
	margin-bottom: 0.4em;
}

div#footer { 
	clear: both;
}


/* Block-level presentation (in alphabetical order by section)
-------------------------------*/

div#branding {
	background: transparent;
	height: 81px;
	color: white;
}

	#branding h1 {
		display: none;
	}
	
	#branding img {
		float: left;
		/*position: relative;*/
		margin-top: 5px;
		margin-left: 10px;
	}
	
	#branding p {
		float: right;
		margin:0;
		position: relative;
		top: 50px;
		right: 15px;
		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#branding p a {
		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
		text-decoration:none;
	}
	
	#branding p a:hover {
		text-decoration:underline
	}

div#footer { 
	height: 113px;
	width: 100%;
	background: #46668C;
}

	div#footerContent {
		background: #fff;
		color: #333333;
		height: 113px;
		width: 770px;
		padding: 0px 30px;
		background: url(../images/blueshadow.png) repeat-y top center;
		text-align: left;
		font-size: 100%;
	}
	
	div#footerContent hr {
		position: relative;
		top: 10px;
		border-top: 1px solid #ccc;
		height: 1px;
		margin-bottom: 10px;
	}
	
	div#footerContent p.left {
		padding: 1em 1em 0 1em;
	}
	
	div#footerContent p.right {
		font-size: 95%;
		color: #666666;
		width: 200px;
	}
	
a.cayenne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#999999;
	text-decoration:none;
	position:relative;
	top: 10px;
}

a.cayenne:hover {
	text-decoration: underline;
}
	

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

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */



/* sIFR ---------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* "decoy" styles -------------------------------------- */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 14px;
	padding-bottom: 3px;
	text-indent: 5px;
	
}