.twtr-tweet-text {font-family: Arial, Helvetica, Sans-Serif;}
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* General styles */
body
{
	background-color: #fff;
	border: 0;			/* This removes the viewport border in old versions of IE */
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 900px;	/* Minimum width of layout -- remove line if not required */
}						/* Min-width property does not work in old versions of IE */
body.size100
{
	font-size: 100%;
}
a:link, a:visited
{
	color: #005cab;		/* #6489bb from Photoshop mock-up, #369 web safe palette, #5381ac Pantone 646 */
	text-decoration: none;
}
a:hover, a:active
{
	color: #004b8c;		/* #7999c4 from Photoshop mock-up, #036 web safe palette, #497399 Pantone 646 60% bright */
	text-decoration: underline;
}
a.external
{
	background: url(../images/icons/external_link.gif) no-repeat scroll right center transparent;
	padding: 0 13px 0 0;
	white-space: nowrap;
}
.top-img
{
	background-image: url(../images/masthead/Oxnard1_1600x130.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	clear: both;
	height: 130px;
	margin: 0;
	padding: 0;
}
.slideshow
{
	background-color: #333;
	height: 130px;
	margin: 0;
	width: 250px;
}
h1
{
	color: #960;
	font-size: 185%;
	font-weight: lighter;
	margin: 0;
	padding: 6px 0 18px 0;
}
h2
{
	color: #000;
	font-size: 114%;
	margin: 0;
	padding: 0;
}
h3
{
	font-size: 100%;
	margin: 0;
	padding: 0;
}
h4
{
	font-size: 100%;
	font-style: italic;
	margin: 0;
	padding: 0;
}
p
{
	margin: 0;
	padding: 0 0 18px 0;
}
h5
{
    font-size: 130%;
	margin: 0;
	padding: 0;
}
.promo-text
{
    font-size: 130%;
	margin: 0;
	padding: 0;
}
img
{
	border-style: solid;
    border-color: inherit;
    border-width: 0px;
    text-align: center;
}
img-scholarship
{
	padding-left: 10em;
}
ol, ol li ol
{
	margin: 0;
	padding: 0 12px 18px 38px;
}
ul, ul li ul
{
	margin: 0;
	padding: 0 12px 18px 38px;
}
ul.padded li, ol.padded li
{
	margin: 0;
	padding-bottom: 6px;
	padding-top: 6px;
}
ul li ul
{
	padding-bottom: 0;
}
.expander_list
{
    
}
.expander_head
{
    cursor: pointer;
    color:#1E66AE;    
}
.expander_body
{
    padding: 5px  10px 15px;
    
}
.nonexpander_body
{
    padding: 5px  10px 15px;  
}
sup
{
	font-size: 85%;
	line-height: .8em;
}
table
{
	font-size: 90%;
   
}

 table.center
 {
    margin-left:auto; 
    margin-right:auto;
 }

td.padding-horizontal
{
	padding-left: 12px;
	padding-right: 12px;
}
th
{
	text-align: center;
}
tr.background-ccc
{
	background-color: #ccc;
}
tr.background-f1
{
	background-color: #f1f1f1;
}
th.corner-no-border, td.corner-no-border
{
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
}
td.no-border-bottom
{
	border-bottom: 1px solid transparent;
}
.AspNet-GridView td
{
    padding: 6px 2px;
}
tr.AspNet-GridView-Header
{
    background-color:#ccc;
}
.AspNet-GridView thead tr.AspNet-GridView-Header th
{
    padding: 9px;
}
tr.AspNet-GridView-Normal
{
    background-color: #fff;
}
tr.AspNet-GridView-Alternate
{
	background-color: #f1f1f1;
}

tr.background-ccc
{
    background-color: #ccc;
	height: 40px;
	margin: 5px 5px;
	color: #000000;
}
tr.background-999
{
    background-color: #999;
    height: 40px;
    margin: 5px 5px;
    color: #000000;
    
}
tr.background-333
{
    color: #fff;
    font-weight: bold;
    font-size: 140%;
    vertical-align: middle;
    background-color: #666666;
    height: 40px;
}
.rates-table table
{
    font-size:90%;
    border:1px solid #ccc;
    background:#ffffff;
    border-collapse:collapse;
    text-align: center;
}
.rates-table th
{
    color:#996600;
    background:#f1f1f1;
    border:1px solid #ccc;
    border-collapse:collapse;
}
.rates-table td
{
    border:1px solid #ccc;
    border-collapse:collapse;
}
.rates-table tr, .credit-card-table tr
{
    
}
.credit-card-table table, .home-benefits-plus-table table
{
    font-size:90%;
    border:1px solid #999;
    background:#ffffff;
    border-collapse:collapse;
}
.credit-card-table th
{
    border:1px solid #999;
    border-collapse:collapse;
}
.credit-card-table td
{
    border:1px solid #999;
    border-collapse:collapse;
}
form
{
	margin: 0;
	padding: 0;
}
blockquote
{
	font-style: italic;
	margin: 0;
	padding: 0 0 12px 0;
}
blockquote p
{
	font-style: normal;
	margin: 0;
	padding: 12px 0 0 0;
}
.twitters
{
	background: #fff;
	border: 6px solid #fcf3ca;
	margin: 6px 0 0 12px;
	padding: 0;
}
.twitters h3
{
	background: #fcf3ca;
	background-image: url(../images/icons/twitter_blue.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	padding-right: 36px;
}
.twitters ul
{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.twitters ul li
{
	list-style-type:none;
	border-bottom: 1px dotted #ccc;
	padding: 6px;
}
.twitterTime {
	color: #999;
	font-size: 85%;
}

/* Alignment and Floats */
.align-left		{text-align: left;}
.align-center, .center	{text-align: center;}
.align-right	{text-align: right;}

.valign-top		{vertical-align: top;}
.valign-middle	{vertical-align: middle;}
.valign-bottom	{vertical-align: bottom;}

.float-left		{float: left;}
.float-right, right		{float: right;}
.top-pad		{padding-top: 12px;}

/* Colors */
.blue	{color: #369;}
.brown	{color: #960;}
.grey	{color: #ccc;}
.red	{color: #f00;}

/* Font Size, Decoration, Weight, etc */
.bold			{font-weight: bold;}
.font-normal	{font-weight: normal; font-style: normal;}
.italic			{font-style: italic;}
.small			{font-size: 85%;}
.smaller		{font-size: 75%;}

/* Text Wrapping and Padding */
.bottom-pad		{padding-bottom: 12px;}
.clear			{clear: both;}
.clear-left		{clear: left;}
.clear-right	{clear: right;}
.pad-vertical   {padding-top: 12px; padding-bottom: 12px;}
.no-bottom		{margin-bottom: 0; padding-bottom: 0;}
.no-top			{margin-top: 0; padding-top: 0;}
.nowrap			{white-space: nowrap;}

/* Buttons, Disclosure div, Tips, Other Input Fields */
.button
{
	background: #369;
	border-top: 2px solid #69c;
	border-right: 2px solid #039;
	border-bottom: 2px solid #039;
	border-left: 2px solid #69c;
	color: #fff;
	font-size: .85em;
}
.grey-button
{
	background: #E8E8E8;
	border-top: 2px solid #F8F8F8;
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
	border-left: 2px solid #F8F8F8;
	color: #000;
	font-size: .85em;
	font-weight: bold;
}

.button-mortgage
{
	background: #369;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
    border-top: 2px solid #69c;
	border-right: 2px solid #039;
	border-bottom: 2px solid #039;
	border-left: 2px solid #69c;
}


.col1 .button	{font-size: 100%; margin-bottom: 12px;}

.button-mortgage
{
	background: #369;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
    border-top: 2px solid #69c;
	border-right: 2px solid #039;
	border-bottom: 2px solid #039;
	border-left: 2px solid #69c;
}

.display-none   {display:none;}

.disclosure		{color: #666; font-size: 85%; padding-top: 18px;}
.disclosure p	{padding: 9px 0 0 0;}

input.textbox	{font-size: 80%;}

.rate-tabs		{background-color: #fff; border: 1px solid #000; border-bottom: 0; color: #000; width: 9em;}

#tip
{
	background-color: #ccc;
	color: #000;
	margin: 24px 0 0 1px;
	padding: 9px 6px 9px 12px;
}

#mortgage
{
	margin: 24px 0 0 1px;
	padding: 9px 6px 9px 12px;
}


/* Header styles */
#header, .header
{
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	padding: 6px 0 0 0;
	width: 100%;
}
#header img, .header img
{
	float: left;
	padding: 0 12px 6px 12px;
}
#header .image	{}
#header .logo	{}
#header h1, .header h1
{
	color: #000;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 200%;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 12px 15px 0 9px;
	text-align: left;
}

/* navigation styles */
.navigation		{background-color: #333333; text-align: center;}

/* utility link styles */
.utilities
{
	color: #a2a3a3;
    display: inline;
	float: right;
	font-size: 90%;
	padding-right: 6px;
	margin-bottom: 12px;
	text-align: right;
}

/* breadcrumbs menu */
#breadcrumbs
{
	background: #fff;
	font-size: 90%;
	margin: 0;
	padding: 6px 0 6px 2px;
}

/* text size, print, email, share menu */
.tools
{
	font-size: 85%;
	float: right;
	/*border: 1px solid #960;*/
	padding: 0 0 3px 3px; /*padding: 6px;*/
	white-space: nowrap;
}

.tools .addthis_default_style, .tools .addthis_toolbox, .tools .addthis_button_compact
{
	white-space: nowrap;
}

/* login styles */
#online-banking-button, .online-banking-button
{
	color: #585858;
	font-size: 114%;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 6px
}
#login
{
	background: #fcf3ca; /* #fcf3ca */
	font-size: 90%;
	padding: 0 3px 12px 6px;
}
#login .forgotten
{
	font-size: 90%;
	padding: 3px 3px 0 0;
	text-align: left;
}
#login p
{
	clear: both;
	padding: 12px 2px 2px 6px;
}
#login ul
{
	padding: 12px 2px 3px 14px;
}
#login h2
{
	color: #585858;
	font-size: 130%;
	padding: 6px 0 0 0;
	text-align: left;
}
#login h3
{
	font-size: 100%;
	padding: 6px 0 0 0;
}

/* column container */
.colmask
{
	clear: both;
	float: left;
	overflow: hidden;	/* This chops off any overhanging divs */
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	width: 100%;		/* width of whole page */
}

/* common column settings */
.colright, .colmid, .colleft
{
	float: left;
	width: 100%;		/* width of page */
	position: relative;
}
.col1, .col2, .col3
{
	float: left;
	overflow: hidden;
	position: relative;
	padding: 0 0 .2em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
}
.col3
{
	padding: 0 0 .2em 0;
}

/* 3 Column settings */
.threecol
{
	background: #f1f1f1;	/* right column background colour */
	font-size: 90%;
}
.threecol .colmid
{
	right: 25%;			/* width of the right column */
	background: #fff;	/* center column background colour */
}
.threecol .colleft
{
	right: 50%;			/* width of the middle column */
	background: #fff;	/* left column background colour */
}
.threecol .col1
{
	width: 46%;			/* width of center column content (column width minus padding on either side) */
	left: 102%;			/* 100% plus left padding of center column */
}
.threecol .col2
{
	width: 23%;			/* Width of left column content (column width minus padding on either side) */
	left: 29%;			/* width of (right column) plus (center column left and right padding)
						plus (left column left padding) */
}
.threecol .col3
{
	width: 25%;			/* Width of right column content (column width minus padding on either side) */
	left: 81%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding)
						plus (left column left and right padding) plus (right column left padding) */
}
.threecol .col3 h2
{
	color: #585858;
	font-size: 100%;
	padding: 18px 6px 6px 12px;
}
.threecol .col3 p
{
	color: #585858;
	padding: 0 6px 9px 12px;
}
.threecol .col3 ul
{
	color: #585858;
	padding: 0 6px 12px 28px;
}

/* 2 Column settings */
.twocol
{
	background: #fff;	/* right column background colour */
	font-size: 90%;
}
.twocol .colmid
{
	right: 75%;			/* width of the right column */
	background: #fff;	/* center column background colour */
}
.twocol .colleft
{
	right: 25%;			/* width of the middle column */
	background: #fff;	/* left column background colour */
}
.twocol .col1
{
	width: 71%;			/* width of center column content (column width minus padding on either side) */
	left: 127%;			/* 100% plus left padding of center column */
}
.twocol .col2
{
	width: 25%;			/* Width of left column content (column width minus padding on either side) */
	left: 29%;			/* width of (right column) plus (center column left and right padding)
						plus (left column left padding) */
}

/* Footer styles */
.footer
{
	background: #fff;
	clear: both;
	color: #a2a3a3;
	margin: 0;
	padding: 18px 0 0 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.footer .copyright
{
	font-size: 75%;
	vertical-align: middle;
	white-space: nowrap;
}
.mission
{
	clear: both;
	color: #000;
	font-family: Times New Roman, Georgia, Serif;
	font-size: 110%;
	font-style: italic;
	margin: 0;
	padding: 18px 1% 0 1%;
	text-align: center;
}
.footer a		/* divider "|" definition in menu.css file */
{
	padding: 1px 12px 1px 9px;
}
.footer a.end	/* divider "|" definition in menu.css file */
{
	padding: 1px 12px 1px 9px;
}

.homeMouseOver
{
    cursor:hand;
     text-decoration: underline;
}

.homeMouseOut
{
    cursor:hand;
    
}
.repeaterTable
{
    width: 98%;
    font-size: 100%;
}