/* 
iP2 frontend css template v2.0 
//JRS 
*/

body { line-height: 14pt; font-size: 9pt; color: black; font-family:  Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; background-color: white; margin: 0; padding: 0;}

/* Basic Styles */
a {	 }
a:hover {  }
ul{margin-left:40px;}
sup { font-size: .2em; color: black; }

.clearit { /* provided for clearing a width. Use on a BR or Div */	display: block;	clear: both; height: 0%; margin: 0;	padding: 0;	font-size: 0px; line-height: 0.0; }

/* Headers */
h1 { font: normal 1.4em; color: #403716;  margin-bottom:4px;}
h1 a:link {color:#5F4EA0; } h1 a:visited { } h1 a:hover { color: #5F4EA0; text-decoration:underline;  } h1 a:active { }

h2 { color: #403716; font-size: 1.3em; margin-bottom:4px; }
h2 a:link {color:#5F4EA0; } h2 a:visited { } h2 a:hover { color: #5F4EA0; text-decoration:underline; } h2 a:active { }

h3 { color: #403716; font-size:1.2em; margin-bottom:4px; }
h3 a:link {color:#5F4EA0; } h3 a:visited { } h3 a:hover { color: #5F4EA0; text-decoration:underline; } h3 a:active { }

h4 { color: #403716; font-size:1.1em; margin-bottom:4px; }
h4 a:link {color:#5F4EA0; } h4 a:visited { } h4 a:hover { color: #5F4EA0; text-decoration:underline; } h4 a:active { }

h5 { color: #403716; font-size:1.2em; margin-bottom:4px; }
h5 a:link {color:#5F4EA0; } h5 a:visited { } h5 a:hover { color: #5F4EA0; text-decoration:underline; } h5 a:active { }


/* Content */
#outer { width: 100%; height:100%; } /* this is always the outermost div and should always be 100% width and height */
#inner { width:1006px; height:100%; margin:auto; background:#fff; } /* this is the container for the whole site and is used to position the site within the page */

#header_container { width:1006px; height:169px; background: #CCC; clear:both; background:url(../../Images/header.jpg) top left no-repeat; } /* contains all header elements */


#header_left { width:100%; height:169px; float:left; }
#logo { width:55px; height:25px; position:relative; left:10px; top:10px; border:1px solid black; }
#header_left_box { width:1006px; height:35px; position:relative; float:left; background:url(../../images/HeaderTOPBG.jpg) top center no-repeat; }
#header_right { width:50%; height:125px; float:left; }
#header_right_box { width:25px; height:25px; position:relative; top:10px; left:10px; border:1px solid black;  }
#header_left_box_content{
font-family:Arial, Helvetica, sans-serif;
color:white;
font-size:9pt;

padding-left:10px;
}
#header_left_box_content a{
color:white;
text-decoration:none;
}
#header_left_box_content a:hover{
color:white;
text-decoration:underline;
}
.headerText a{
color:white;
text-decoration:none;
}
.headerText a:hover{
color:white;
text-decoration:underline;
}
#ViewAllNews{
padding:0px 20px 20px 20px;
height:15px;
color:#5f4ea0;
font-weight:bold;
text-decoration:underline;
float:left;
}
#ViewAllNews a{
color:#5f4ea0;
font-weight:bold;
text-decoration:underline;
}
#ViewAllNews a:hover{
color:#5f4ea0;
text-decoration:underline;
}
#central_container { width:1006px; background:#dad9d5;  }
#Container1{width:1006px; float:left; overflow: visible;}
#menu_vert { width:190px; float:left; background:#fff; height:100%; }
#menu_horiz { width:1006px; float:left; clear:both; background:#403716; height:100%; }	
	/* spots for callouts below menu. add display:none; to deactivate. */
	
#calloutContainer{width:213px; margin-left:5px; margin-top:5px; float:left; margin-bottom:5px;}
	#submenu_callout_1 { width:211px; height:100px; border-top:1px solid #403816; border-left:1px solid #403816; border-right:1px solid #403816;  background:white; float:left;}
	#submenu_callout_2 { width:211px; height:149px; border-top:1px solid #403816; border-left:1px solid #403816; border-right:1px solid #403816;  background:white; float:left;}
	#submenu_callout_3 { width:211px; height:133px; border-top:1px solid #403816; border-left:1px solid #403816; border-right:1px solid #403816;  background:white; float:left;}
	#submenu_callout_4 { width:211px; height:144px; border-top:1px solid #403816; border-left:1px solid #403816; border-right:1px solid #403816; border-bottom:1px solid #403816;  background:white; float:left;}

#Home_Callout_Header_Text{
width:100%; background:#5f4ea0; height:25px; color:#fbf6e1; font-size:10pt; 
}

#Home_Callout_Header_Text a{color:#fbf6e1; text-decoration:none;}

#Home_Callout_Header_Text a:hover{color:#fbf6e1; text-decoration:none;}

#crumbText{
color:white;
text-decoration:none;
padding:5px; 
font-weight:bold;
}
#crumbText a{
color:white;
text-decoration:none;
}
#login1{
width:193px;
margin:auto;
margin-top:8px;
}

.depositRates{
padding-left:5px;
font-size:8pt;
color:000;
font-weight:bold;
height:25px;
line-height:20px;
}
#moreRates{
color:#00868f;
font-size:8pt;
font-weight:bold;
padding-left:10px;
}
#moreRates a{
color:#00868f;
text-decoration:underline;
}
#moreRates a:hover{
color:#00868f;
text-decoration:underline;
}
#Callout4_Content{
color:#403816;
font-size:8pt;
font-weight:bold;
float:left;
width:200px;
padding:5px;
line-height:14px;
}

#crumb { width:100%; height:25px; line-height:25px; background:#069 }
#crumb span { padding-left:24px; }

#content_container { width:773px; float:left; height:100%; margin:auto; background: #dad9d5; margin:5px 0px 0px 5px; }
#content_pad { float:left;}
#Headlines{width:353px; height:381px; margin:0px 2px 0px 2px; border:1px solid #403816; background:#FFFFFF; float:left;}
#Headlines_Content{
padding:20px;
line-height:16px;
font-size:9pt;
color:#000;
font-weight:bold;
float:left;
}
#Headlines_Content a{
color:#00868f;
text-decoration:none;
}
#Headlines_Content a{
color:#00868f;
text-decoration:hover;
}
#Features{ float:left; width:399px; height:381px; margin:0px 0px 5px 0px; border:1px solid #403816; background:#FFFFFF; }
#Page_content_Container{
width:765px;
height:100%;
border:1px solid #403816;
background:#FFFFFF;
float:left;
}
#content{
padding:20px;
color:#000; 
font-size:9pt;
float:left;
background:white;
width:90%;
}

#footer_container { width:1006px; clear:both; background:url(../../Images/footerBG.jpg) top center no-repeat #ffffff	; height:30px; }
#footer { color:white; font-size:8pt; }

#footer_container a{
color:white;
text-decoration:none;
}
#footer_container a:hover{
color:white;
text-decoration:underline;
}
#footerContent1{
float:left;
padding:10px;
}

#footerContent2{
float:left;
margin-left:45px; 
margin-top:10px;
margin-right:10px;

}
#footerContent2_inner1{
height:20px;
background:#FFF; 
color:#000;
float:left;
margin:5px;
}
#footerContent2_inner1Text
{
padding:5px 5px 0px 5px;
}
#footerContent2_inner2{
float:left;
padding:10px 0px 10px 0px;
}
#footerContent3{
float:left;
padding:10px 0px 10px 0px;
}


/* font styles */
/* TEXT 1 */
		.text1 {
		font-size: 9pt;
		color: #000;
		}
		.text1 a {
		color: #00868f;
		text-decoration:none;
		}
		.text1 a:hover {
		color:#00868f;
		text-decoration:underline;
		}
		a > span.text1 {
		font-size:9pt;
		color: #00868f;
		text-decoration:none;
		}
		a:hover > span.text1 {
		color: #00868f;
		text-decoration:underline;
		}
		.text1 > table { /* this style ensures that fonts in tables appear correctly within the editor */
		font-size: 9pt;
		color: #000;
		line-height:16pt;
		}
/* TEXT 2 */
		.text2 {
		font-size: 9pt;
		color: #000;
		line-height:16pt;
		}
		.text2 a {
		color: #00868f;
		text-decoration:none;
		}		
		.text2 a:hover {
		color: #00868f;
		text-decoration:underline;
		}
		/* These 2 selectors target the styling span tags that are placed inside anchors instead of outside of them */
		a > span.text2 {
		font-size:9pt;
		color: #00868f;
		text-decoration:none;
		}
		a:hover > span.text2 {
		color: #00868f;
		text-decoration:underline;
		}
/* TEXT 3 */
		.text3 {
		font-size:8pt;
		color:#000;
		line-height:14pt;
		}
		.text3 a {
		color: #00868f;
		text-decoration:none;
		}
		.text3 a:hover {
		color: #00868f;
		text-decoration:underline;
		}
		a > span.text3 {
		font-size:9pt;
		color: #00868f;
		text-decoration:none;
		}
		a:hover > span.text3 {
		color: #00868f;
		text-decoration:underline;
		}
		
		
/* HEADER 1 */
		.header1 {
		font-size:16pt;
		color: #403716;
		line-height:21pt;
		}
		.header1 a {
		color: red;
		text-decoration:none;
		}
		.header1 a:hover {
		color:red;
		text-decoration:underline;
		}
		a > span.header1 {
		color:red;
		text-decoration:none;
		}
		a:hover > span.header1 {
		color:red;
		text-decoration:underline;
		}		
				
/* HEADER 2 */
		.header2 {
		font-size:14pt;
		color:#403716;
		line-height:14pt;
		}
		.header2 a {
		color: red;
		text-decoration:none;
		}
		.header2 a:hover {
		color:#403716;
		text-decoration:underline;
		}
		a > span.header2 {
		color:red;
		text-decoration:none;
		}
		a:hover > span.header2 {
		color:red;
		text-decoration:underline;
		}
/* HEADER 3 */
		.header3 {
		text-transform: none;
		font-size:13pt;
		color:#403716;
		line-height:12pt;
		}
		.header3 a {
		color:red;
		text-decoration:none;
		}
		.header3 a:hover {
		color:#403716;
		text-decoration:underline;
		}
		/* These 2 selectors target the styling span tags that are placed inside anchors instead of outside of them */
		a > span.header3 {
		color:red;
		text-decoration:none;
		}
		a:hover > span.header3 {
		color:red;
		text-decoration:underline;
		}

/* END font styles */