@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#f1f1f1 url(../images/header.jpg) top center no-repeat;
}

div{
	margin:0;
	padding:0;
}

#printTitle{
	display:none;
}



#container{
	background: url(../images/footer.jpg) bottom repeat-x;
}

#contentContainer{
	width:827px;
	background:url(../images/content_back.gif) center repeat-y;
	margin:auto;
	clear:both;
}


#leftContent{
	float:left;
	width:30%;
	padding:10px;
	min-height:430px;
	background:url(../images/left_curve.jpg) top left no-repeat;
}

*html #leftContent{
	height:430px;
}

#midContentContainer{
	width:32.4%;
	float:left;
	margin-left:12px;
}

#midContent{
	padding:10px;
}


#rightContent{
	float:right;
	width:30.1%;
	padding:10px;
	min-height:430px;
	background:url(../images/right_curve.jpg) top right no-repeat;
	
}

*html #rightContent{
	height:430px;
}


#shadowContainer{
	position:relative;
	clear:both;
	width:827px;
	height:55px;
	background:url(../images/reflection.gif) top center no-repeat;
}


#leftShadow{
	position:absolute;
	background:url(../images/left_shadow.jpg) right no-repeat;
	width:30px;
	height:27px;
	left: -30px;
	top: -25px;
}

#midRightShadow{
	position:absolute;
	background:url(../images/mid_shadow_right.jpg) left no-repeat;
	width:10px;
	height:27px;
	left: 548px;
	top: -25px;
}

#midLeftShadow{
	position:absolute;
	background:url(../images/mid_shadow_left.jpg) right no-repeat;
	width:11px;
	height:27px;
	left: 269px;
	top: -24px;
}



#rightShadow{
	position:absolute;
	background:url(../images/right_shadow.jpg) left no-repeat;
	width:30px;
	height:27px;
	left: 827px;
	top: -25px;
}



#footer{
	clear:both;
	padding:0px 15px 12px 15px;
	color:#394962;
	text-align:center;
	margin:auto;
	display:table;

}








/*INTERIOR PAGE LAYOUT*/

#contentContainerInt{
	width:827px;
	background:url(../images/content_back_int.gif) left repeat-y;
	margin:auto;
}

#shadowContainerInt{
	position:relative;
	clear:both;
	width:827px;
	height:55px;
	background:url(../images/reflection_int.gif) left no-repeat;

}
#rightContentInt{
	float:right;
	width:62.5%;
	padding-bottom:40px;
	color:#394962;
	padding:15px;
	background:#f6f6f6 url(../images/content_int.jpg) bottom right no-repeat;
	border:1px solid #d7d6d6;
}



/*MENU*/

#nav{
	margin:auto;
	margin-top:250px;
	text-align:center;
	display:table;
}



.menu{
	text-align:center;
	color:#394962;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer;
	height:30px;
	padding:10px 15px 20px 15px;

}

.menuHover{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#31999a;
	cursor:pointer;
	height:30px;
	padding:10px 15px 20px 15px;
}





.subMenu{
	text-align:left;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	background:#394962;
	cursor:pointer;
	width:150px;
	padding:5px 10px 5px 10px;

}

.subMenuHover{
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	background:#31999a;
	cursor:pointer;
	width:150px;
	padding:5px 10px 5px 10px;
}


.subSubMenu{
	text-align:left;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	background:#394962;
	cursor:pointer;
	width:150px;
	right:-170px;
	top:-20px;
	float:left;
	position:relative;
	padding:5px 10px 5px 10px;

}

.subSubMenuHover{
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	background:#31999a;
	cursor:pointer;
	width:150px;
	right:-170px;
	top:-20px;
	float:left;
	position:relative;
	padding:5px 10px 5px 10px;
}






.footerMenu{
	text-align:center;
	color:#394962;
	cursor:pointer;
	padding:0px 8px 0px 8px;
	border-right:1px solid #56667e;

}

.footerMenuHover{
	text-align:center;
	color:#31999a;
	cursor:pointer;
	padding:0px 8px 0px 8px;
	border-right:1px solid #56667e;
}

.footerMenuLast{
	text-align:center;
	color:#394962;
	cursor:pointer;
	padding:0px 8px 0px 8px;

}

.footerMenuHoverLast{
	text-align:center;
	color:#31999a;
	cursor:pointer;
	padding:0px 8px 0px 8px;
}



/*CLASSES*/

.joinBack{
	background:#fff url(../images/join_back.jpg) top repeat-x;
	border:1px solid #f1f1f1;
	width:70%;
}



.floatLeft{
	float:left;
}


.floatRight{
	float:right;
}

.padding5{
	padding:5px;
}

.padding10{
	padding:10px;
}

.paddingRight10{
	padding-right:10px;
}

.paddingLeft10{
	padding-left:10px;
}


.clear{
	clear:both;
}