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:#1E5395;
	margin:0;
	padding:0px;
	height:100%;
}

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

	#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#column1{
		float:left;
		background-color:#1E5395;
		margin:0;
		padding:0;
		width:410px;
	}
		
	#banner div#column2{
		margin:0 0 0 7px;
		float:left;
		background-color:#1E5395;
		padding-left:20px;
		padding-top:0px;
		width:290px;
	}
	
	#banner div#column2 h1{
		border-left:#2A5B95 solid 7px;
		padding-left:15px;
		font-size:1.5em;
		vertical-align:bottom;
		color:#CCCCCC;
		height:40px;
		width:85%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	#banner div#column2 p{
		padding: 12px 12px 12px 18px;
	color:#CCCCCC;
}

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

	#content div#wrap{
		background-image:url(../images/contentheader-full.gif);
		background-repeat:no-repeat;
		padding:0;
		margin:0;
	}
	
	#content div#wrap div#column1{
		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#column1 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;
			
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			width:90%;
		}
		
		#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:60%;
			text-align:right;
		}
		
		#content div#wrap div#column1 div#section div#col2{
			width:35%;
			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#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 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 */