/* 
	Author: John C. Bland II, Katapult Media, Inc.
	Date: 10/12/2005
*/

body{
	background-image: url(../../assets/images/bg.jpg);
	margin:0 0 0 0;
	font: 0.8em verdana, arial, sans-serif;
}

a, a:link, a:visited{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#4E6F95;
	text-decoration:none;
}

#wrap{
	width:750px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	border-left:5px;
	border-right:1px;
	border:solid;
	border-color:#FFFFFF;
	
}

#header{ 
	width:100%;
}

	#header img{
		margin-left:25px;
	}
	
	#header div#quickNav{
		font-size:0.8em;
		margin-right:5px;
		text-align:right;
		width:200px;
		float: right;
		position: relative;
		right: 5px;
		top:15px;
	}

#banner{
	width:100%;
	height:302px;
	background-color:#343434;
	margin:0;
	padding:0px;
	height:100%;
}

	#banner div#column1{
		float:left;
		background-color:#343434;
		margin:0;
		padding:0;
		width:410px;
	}
		
	#banner div#column2{
	float:left;
	background-color:#343434;
	padding-left:20px;
	padding-top:0px;
	width:400px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	}

	#banner div#column22{
	float:left;
	padding-left:20px;
	padding-top:0px;
	width:275px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	}

	#banner div#column22 h1{
		border-left:#2A5B95 solid 7px;
		padding-left:15px;
		font-size:1.5em;
		vertical-align:middle;
		color:#CCCCCC;
		height:40px;
		width:85%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		/* Hides from IE-mac \*/
		margin-top:20px;
		/* end */
	}

	#banner div#column2 h1{
		border-left:#2A5B95 solid 7px;
		padding-left:15px;
		font-size:1.5em;
		vertical-align:middle;
		color:#CCCCCC;
		height:40px;
		width:85%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		/* Hides from IE-mac \*/
		margin-top:20px;
		/* end */
	}
	
	#banner div#column2 p{
		padding: 12px 12px 12px 18px;
		color:#CCCCCC;
	}


		
	#content div#wrap div#column2 div#sideBar{
			padding-left:8px;
			padding-bottom:10px;
			margin:0 0 10px 0;
			background-image:url(../images/bg_sidebar_h3.jpg);
			background-repeat:repeat-x;
			font-size:1em;
			vertical-align:bottom;
			color:#1B1B1B;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
		}



.fixedName{
 position: absolute;
 top: 200px;
 left: 50%;
 margin-left: -190px;
 width: 590px;
 font-family: verdana;
 font-size: 11px;
}

#content{
	background-image:url(../images/linebg.gif);
	background-repeat:repeat-y;
	padding:0 0 0 0;
	margin:5px 0 0 0;
}

.TitleImage{
	background-image:url(../images/titles/title_main_bg.jpg);
	margin-left:1px;
}

.TitleImageLong{
	background-image:url(../images/titles/title_main_bg_long.jpg);
	margin-left:1px;
}

.TitleImageFull{
	background-image:url(../images/titles/title_main_bg_full.jpg);
	margin-left:1px;
}

	#content div#wrap{
		background-image:url(../images/contentheader.gif);
		background-repeat:no-repeat;
		padding:0;
		margin:0;
	}

	#content div#wrap div#column1{
		float:left;
		width:500px;
		height:100%;
		padding:0 0 0 15px;
		margin:8px 0 0 0;
	}
	#content div#wrap div#column11{
		float:left;
		width:680px;
		height:100%;
		padding:0 0 0 15px;
		margin:8px 0 0 0;
	}
	
	#content div#wrap div#column1Full{
		float:left;
		width:100%;
		height:100%;
		padding:0 0 0 15px;
		margin:8px 0 0 0;
	}
	
		#content div#wrap div#column1 div#columnTitle{
			color:#43576E;
			font-weight:bold;
			padding:0 0 0px 10px;
			margin:0 0 0 0;
		}

	
		#content div#wrap div#column11 div#columnTitle{
			color:#43576E;
			font-weight:bold;
			padding:0 0 0px 10px;
			margin:0 0 0 0;
		}
			
		#content div#wrap div#column1 h2{
			border-left:#2A5B95 solid 3px;
			padding-left:15px;
			margin:0 0 10px 0;
			font-size:14px;
			font-weight:normal;
			vertical-align:bottom;
			color:#1B1B1B;
			height:25px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
		
		#content div#wrap div#column11 h2{
			border-left:#2A5B95 solid 3px;
			padding-left:15px;
			margin:0 0 10px 0;
			font-size:1.3em;
			font-weight:bold;
			vertical-align:bottom;
			color:#1B1B1B;
			height:25px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
		
		#content div#wrap div#column1 div#section{
			margin:0 10px 10px 10px;
			padding:8px 0 8px 0;
			width:90%;
			border-top:#BBBBBB dotted 1px;
			border-bottom:#BBBBBB dotted 1px;
		}
		
		#content div#wrap div#column1 div#section div#col1{
			float:left;
			padding:0 15px 0 0;
			background-color:#FFFFFF;
			color:#989898;
			width:73px;
		}
		
		#content div#wrap div#column1 div#section div#col2{
			width:75%;
			float:left;
			background-color:#FFFFFF;
			color:#989898;
		}
		
		#content div#wrap div#column1 div#section div#columnFifty{
			float:left;
			background-color:#FFFFFF;
			color:#989898;
			width:48%;
		}


		#content div#wrap div#column11 div#section{
			margin:0 10px 10px 10px;
			padding:8px 0 8px 0;
			width:90%;
			border-top:#BBBBBB dotted 1px;
			border-bottom:#BBBBBB dotted 1px;
		}
		
		#content div#wrap div#column11 div#section div#col1{
			float:left;
			padding:0 15px 0 0;
			background-color:#FFFFFF;
			color:#989898;
			width:73px;
		}
		
		#content div#wrap div#column11 div#section div#col2{
			width:75%;
			float:left;
			background-color:#FFFFFF;
			color:#989898;
		}
		
		#content div#wrap div#column11 div#section div#columnFifty{
			float:left;
			background-color:#FFFFFF;
			color:#989898;
			width:48%;
		}


	#content div#wrap div#column2{
		float:left;
		width:180px;
		padding:0 0 0 30px;
		margin:8px 0 0 15px;
	}

	/* hack for IE Win only \*/
	* html #content div#wrap div#column2{
		float:left;
		width:180px;
		border-right:#FF0000;
		padding:0;
		margin:8px 0 0 15px;
	}
	/* end hack */

	
		#content div#wrap div#column2 div#columnTitle{
			color:#43576E;
			font-size:.8em;
			text-align:right;
			padding:0 0 0px 10px;
			margin:0 0 34px 0;
		}
		
		#content div#wrap div#column2 h3{
			border-left:#2A5B95 solid 3px;
			padding-left:8px;
			margin:0 0 10px 0;
			font-size:1em;
			vertical-align:bottom;
			color:#1B1B1B;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
		}
		
		
		#content div#wrap div#column2 h1{
			padding-left:8px;
			padding-bottom:10px;
			margin:0 0 10px 0;
			background-image:url(../images/bg_sidebar_h3.jpg);
			background-repeat:repeat-x;
			font-size:1em;
			vertical-align:bottom;
			color:#1B1B1B;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
		}
		
		#content div#wrap div#column2 div#section{
			margin:0 10px 10px 0;
			padding:8px 0 8px 0;
			width:100%;
			border-top:#BBBBBB dotted 1px;
			border-bottom:#BBBBBB dotted 1px;
		}
		
		#content div#wrap div#column2 div#section div#col1{
			width:40%;
			float:left;
			padding:0 0 0 0;
			background-color:#FFFFFF;
			color:#989898;
		}
		
		#content div#wrap div#column2 div#section div#col2{
			width:20%;
			float:left;
			background-color:#FFFFFF;
			color:#989898;
		}

#footer{
	padding:0 0 5px 0;
	margin:10px 0 0 0;
	border-top:#B5B5B5;
	border-top-style:solid;
	border-top-width:16px;
	background-color:#E5E5E5;
	text-align:center;
}

/* The following code is from bbd.com: */

/* here follows the brilliant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    	content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    	height: 0;                  /* ensure the period is not visible */
    	clear: both;               /* make the container clear the period */
    	visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display:inline;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* These are standard sIFR styles... do not modify */

.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;
}


/***********************************
sifr
***********************************/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}