/* CSS Framework // Landon Miller
-----------------------------------------------------------------------------*/

@import url("reset.css");

/*----------------------------------------------------------------------------- 
GLOBAL
-----------------------------------------------------------------------------*/

html, body { 
	margin:0; 
 	padding:0;
 	text-align:center; 
 	background-color: #ffffff;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#page-wrap {
	position: relative;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;

}

#header {
	position: relative;
	width: 744px;
	height: 86px;
	margin: 0 auto 0 auto;
	z-index: 1;
}

#logo {
	position:absolute;
	width:200px;
	height:51px;
	z-index:1;
	left: 15px;
	top: 29px;
}

#tagline {
	position:absolute;
	width:178px;
	height:28px;
	z-index:2;
	left: 475px;
	top: 45px;
}
#socialMedia {
	position:absolute;
	width:55px;
	height:23px;
	z-index:2;
	left: 679px;
	top: 43px;
}
#topnavigation{
	position:absolute;
	width:540px;
	height:28px;
	z-index:2;
	left: 210px;
	top: 0px;
}

#banner {
	position: relative;
	width: 744px;
	height: 143px;
	margin: 0 auto 0 auto;
	z-index: 1;
}


#content {
	position: relative;
	width: 780px;
	margin: 0 0 0 0;
	text-align: left;
	background-image: url(../images/bgContent.png);
	background-repeat: repeat-y;
}

#footer {
	position:relative;
	width:744px;
	height:70px;
	margin: 0 auto 0 auto;
	z-index:1;

}
#footer #footerText{
	position:relative;
	float:left;
	width:575px;
	margin: 0 auto 0 auto;
	z-index:1;
}
#footer #footLogos{	
	position:relative;
	float:left;
	width:160px;
	margin: 0 auto 0 auto;
	z-index:1;
}

#main {
	float: left;
	width: 540px;
	display: inline;
}

#sub {
	float: right;
	width: 200px;
	display: inline;
}
/* Online Banking Login------------------------------------------------------------------------------------*/
#login {
	position: relative;
	width: 744px;
	height: 34px;
	background-image:url(../images/onlineBanking/bkgdOB.jpg);
	background-repeat:repeat-x;
	margin: 0 auto 0 auto;
	z-index: 1;
}

#onlineBankingHeader {
	position:absolute;
	left:10px;
	top:7px;
	width:154px;
	height:21px;
	z-index:1;
}
#userPassword{
	position:absolute;
	left:183px;
	top:3px;
	width:351px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	z-index:2;
}

#warning {
	margin: 2px 10px 0px 10px;
	color: #F00;
}

#goButton{
	position:absolute;
	left:528px;
	top:3px;
	width:25px;
	height:25px;
	z-index:2;
}
#enrollReset{
	position:absolute;
	left:564px;
	top:7px;
	width:170px;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #fff;
	vertical-align:middle;
	z-index:2;
}

/* Solution Content HomePage----------------------------------------------------------------------------------*/
#solutionsbox {
	position: relative;
	width: 744px;
	height: 98px;
	margin: 7px auto 0 auto;
	z-index: 1;
}
.vertLine{
	background-image:url(../images/vertLine.png);
	background-repeat:repeat-y;

}

/* Resource Center------------------------------------------------------------------------------------------*/
#resourceCenter{
	position:absolute;
	left:572px;
	top:295px;
	width:181px;
	height:115px;
	background-color:#112b62;
	z-index:5;
}
#resourceCenter td{
	border-bottom:#3266cc 1px solid;
}

#rcTop{
	position:absolute;
	width:181px;
	height: 21px;
	top:0px;
	background-image:url(../images/resourceCenter/resourceCenter_01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#rcContent{
	position:absolute;
	width:181px;
	height: 87px;
	top:21px;
	padding:0;
	}
#rcBottom{
	position:absolute;
	width:181px;
	height: 10px;
	top: 109px;
	background-image:url(../images/resourceCenter/resourceCenter_03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
	}
	
#insideresourceCenter{
	position:absolute;
	left:572px;
	top:220px;
	width:181px;
	height:115px;
	background-color:#112b62;
	z-index:5;
}
	
#insideresourceCenter td{
	border-bottom:#3266cc 1px solid;
}

/* Carousel -----------------------------------------------------------------------------------------------------*/			
#carousel {
	position: relative;
	width: 780px;
	height: 138px;
	margin: 0 auto 0 auto;
	z-index: 1;
	background-image: url(../images/bgFooter.png);
	background-repeat: no-repeat;
}
#carousel #informationCenter {
	position:absolute;
	left:29px;
	top: 8px;
	width: 154px;
	height: 20px;
	background-image:url(../images/informationCenter/informationCenter.png);
	background-repeat:no-repeat;
	z-index:10;
}
#carousel #orangebar {
	position:absolute;
	left:27px;
	top: 12px;
	width: 727px;
	height: 13px;
	border-bottom:#ffa44a solid 1px;
	z-index:10;
}
#carousel #carouselPieces {
	position:absolute;
	left:37px;
	top: 27px;
	width: 725px;
	height: 85px;
	z-index:10;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 85px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
width: 650px;
height: 85px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px; /*margin around each panel*/
width: 224px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




/* NAVIGATION -----------------------------------------------------------------------------*/
#nav {
	position: relative;
	width: 744px;
	height: 29px;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 99;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		background-color:transparent;
		color:#000000;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		border-width:0px;
		border-style:solid;
		border-color:#dddddd;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:transparent;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:transparent;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:0px;
		margin:-1px 0px 0px;
		background-color:#fea248;
		border-width:1px;
		border-style:solid;
		border-color:#ec8014;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 25px 2px 5px;
		background-color:transparent;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#ec8014;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Parent items""""""""*/	
	#qm0 div .qmparent	
	{	
		background-color:#fea248;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#ec8014;
	}



/* HEADINGS -----------------------------------------------------------------------------*/

h1 {
	margin: 0 0 0em 0;
	padding: 0;	
	line-height: 18px;	
	font-size: 14px;
	color: #2a4b91;
}

h2 {
	margin: 0 0 0em 0;
	padding: 0;	
	line-height: 12px;	
	font-size: 12px;
	color: #ec8014;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 15px;	
	font-size: 13px;
	color: #0D2961;
}

h4 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 14px;		
	font-size: 12px;
	color: #000000;
}
h5 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 14px;		
	font-size: 12px;
	color: #fff;
}


/* TYPOGRAPHY -----------------------------------------------------------------------------*/

/* LINKS -----------------------------------------------------------------------------*/

a:link { color: #06C; text-decoration:underline; }
a:visited { color: #06C; text-decoration:underline; }
a:hover { color: #ec8014; text-decoration:underline; }
a:active { color: #ec8014; text-decoration:underline; }

a.whitelink:link { color: #fff; text-decoration:underline; }
a.whitelink:visited { color: #fff; text-decoration:underline; }
a.whitelink:hover { color: #fff; text-decoration:underline; }
a.whitelink:active { color: #fff; text-decoration:underline; }

a.rclink:link { color: #fff; font-size:12px; text-decoration:underline; }
a.rclink:visited { color: #fff; font-size:12px; text-decoration:underline; }
a.rclink:hover { color: #ec8014; font-size:12px; text-decoration:underline; }
a.rclink:active { color: #ec8014;font-size:12px;  text-decoration:underline; }

.b:link {color: #ffffff; text-decoration:underline;}
.b:visited {color: #ffffff; text-decoration:underline;}
.b:hover {color:#ffffff; text-decoration:underline;}
.b:active {color:#ffffff; text-decoration:underline;}


/* LISTS ----------------------------------------------------------------------------*/


.insidelist{
	list-style-image:url(../images/bulletArrow.png);
	list-style-position:outside;
	}
/* Inside Pages Content Background ------------------------------------------------------------------------*/

#insideBanner {
	position: relative;
	width: 744px;
	height: 83px;
	margin: 0 auto 0 auto;
	z-index: 1;
}
#bluebottom{
	position:relative;
	width:780px;
	background-image:url(../images/bgFooter.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.redBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F00;
	font-weight:bold;
}

.orangeBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ec8014;
	font-weight:bold;
}
.disclaimer{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
}

hr{
color: #ffa44b;
}

ol{
	list-style:decimal;
}

.whiteText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
}