/*@CHARSET "ISO-8859-1";*/
body  {
	font: 90% Geneva, Arial, Helvetica, sans-serif;
	background:url(../img/wyhy-background.gif) repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}

h1, h2, h3 {
	/*font-family: "Times New Roman", Times, sarif;
	font-style:italic;*/
	padding:0;
	margin:10px 0 5px 0;
	font-weight:bold;
	color:#005886;
}
h1 {font-size:175%;	font-weight:bold; border-bottom:1px solid #005886;}
h2 {font-size:140%;}
h3 {font-size:120%;}

p {margin:8px 0;}
p.firstpara {text-indent:20px;}
p.firstpara:first-letter {font-size:150%;}

a, a:link, a:visited, a:focus {text-decoration:none;color:#005886;cursor:pointer;}
a:hover {text-decoration:underline;}

#container { 
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
} 
#centerContainer { 
	/* This contians the main and side bars so nothing hangs or overflows. inline-block is necessary for ie6 */
	/*overflow:hidden;
	display: inline-block;
	border:1px solid black;*/
	background: url(../img/content-bkg.gif) repeat-y;
}
#content { 
	margin: 0 180px 0 240px;
	padding: 8px;
}
#content ul ul {
	margin-left:20px;
}

/* ================  header ================= */
#header {
	position:relative;
	width:100%;
}
#header.withbanner {
	height:250px; 
}
#header.nobanner {
	height:88px; 
}
#hdr-links {
	position:absolute;
	right:10px;
	top:0px;
	text-align:right;
}
#hdr-banner {
	position:absolute;
	height:235px;
	width:710px;
	right:0px;
	bottom:0px;
	/*border:1px solid black;*/
	overflow:hidden;
}
#hdr-banner .setPicture {
	position: absolute;
	bottom: 0;
	right: 6000px;
	text-align:center;
}
#hdr-banner-links {
	position:absolute;
	top: 100px;
	left: 40px;
}
#hdr-banner-links a.current {
	color:#339966;
}
#hdr-banner-links li {
	margin: 6px 0;
}
#hdr-banner-links td {
	height:140px;
 	vertical-align: middle;
}
#hdr-banner-links div {
	vertical-align:middle;
	display:inline;
}

/* ================  main menu  ================= */

#menu ul, #menu li, #menu a {height:38px;}
#menu ul, #menu li a:hover, #menu li.currentMenu a { background-image:url(../img/menu-sprites.gif);background-repeat:no-repeat; }
#menu ul { width:960px;position:relative; }
#menu li { position:absolute;list-style: none; }
#menu li, #menu li a { display:block;}

#mnuHome { left:0;width:92px; }
#mnuDeposits { left:92px;width:184px; }
#mnuLoans { left:276px;width:156px; }
#mnuServices { left:432px;width:179px; }
#mnuResources { left:611px;width:145px; }
#mnuWyHyInfo { left:756px;width:204px; }

#mnuHome a:hover { background-position: 0px -50px; }
#mnuDeposits a:hover { background-position: -92px -50px; }
#mnuLoans a:hover { background-position: -276px -50px; }
#mnuServices a:hover { background-position: -432px -50px; }
#mnuResources a:hover { background-position: -611px -50px; }
#mnuWyHyInfo a:hover { background-position: -756px -50px; }

#mnuHome.currentMenu a { background-position: 0px -100px; }
#mnuDeposits.currentMenu a { background-position: -92px -100px; }
#mnuLoans.currentMenu a { background-position: -276px -100px; }
#mnuServices.currentMenu a { background-position: -432px -100px; }
#mnuResources.currentMenu a { background-position: -611px -100px; }
#mnuWyHyInfo.currentMenu a { background-position: -756px -100px; }

#mnuUnder { height:9px;width:100%;font-size:0%;background-color:#009038;}

/* ================  side bars ================= */

#sidebarLeft {
	float: left;
	width: 220px;
	margin:0;
	padding: 10px;
}
#sidebarRight {
	float: right;
	width: 181px;
	background: url(../img/rmnu-bkg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	/*padding-bottom: 32767px;
	margin-bottom: -32767px;*/
}
#sidebarRight li a {
	display:block;
	padding: 8px 0;
}
#sidebarRight li:hover {
	background: url(../img/rmnu-bkg-hi.gif) repeat-y;
}
#sidebarRight li span {
	display:block;
}
#sidebarRight li {
	padding-bottom:2px;
	background: url(../img/rmnu-div.gif) no-repeat bottom left;width:180px;
}

/* ================  right menu form layout ================= */

.formdiv {display:none;padding:5px;background-color:transparent;}
.formhelptxt {font-size:80%;text-align:center;color:#005886;margin-bottom:3px;}
.formbox, .formboxselect {float:left;height:20px;background-color:#ffffff;border:1px solid #cccccc;padding:0;}
.inpttext {margin:2px 3px 0 3px;width:130px;padding:0;font-size:85%;border:0;background-color:transparent;height:20px;}
.formboxselect {background-color:transparent;border:0;padding:0;margin:0;}
.inptselect {margin:0;width:130px;padding:0;font-size:85%;border:0;background-color:#ffffff;height:20px;}

/* ================  left menu ================= */

#sidebarLeft h3 {margin:5px 0;}
/*#expMenu li.level2 {border-bottom:1px solid #aaaaaa;padding:8px 0;}
#expMenu li.level3, #expMenu li.level4 {padding:5px 0;}*/
#expMenu li.level1 {border-bottom:1px dotted #aaaaaa;padding:8px 0;}
#expMenu li.level2, #expMenu li.level3 {padding:5px 0;}
#expMenu li ul {padding:5px 0 0 15px;display:none;}
#expMenu li ul.mExpand {display:block;}
#expMenu a {color:#666666;font-weight:bold;display:block;}
#expMenu a.currentPage {color:#000000;}
#expMenu a.Folder {color:#005886;}

/* ================  home page graphic ================= */

.first-para:first-letter {
	font-size:140%;font-weight:bold;padding-left:20px;
}
.testimonial-sign {
	float:right;
	font-style: italic;
}
.separator {
	clear:both;
	border-bottom:1px dotted #cfcfcf;
	margin: 15px 0 15px 0;
}
.home-section, #sublisting {
	background: url(../img/home-section.gif) no-repeat;
	min-width:106px;
	min-height:73px;
	border:0;
	margin:0;
	padding:5px 0 0 10px;
}

.home-section {
	position:relative;
	padding-bottom:30px;
}

/*.home-section h2, .home-section h3 {
	margin: 5px 0;
	
}*/
.home-section ul {
	padding:0 0 0 15px;
	/*margin: 5px 10px 5px 15px;*/
}
.home-section li {
	padding:5px 0;
}
.home-section li a { display:block;}

.home-col1, .home-col2, .home-col3 {position:relative;min-height:300px;display:block;width:160px;margin-bottom:10px;padding-bottom:30px;border:1px solid #cfcfcf;float:left;text-decoration:none;}
.home-col1:link, .home-col2:link, .home-col3:link,
.home-col1:visited, .home-col2:visited, .home-col3:visited,
.home-col1:focus, .home-col2:focus, .home-col3:focus {text-decoration:none;}
.home-col1:hover, .home-col2:hover, .home-col3:hover {text-decoration:none;border: 1px solid #888888;}
.home-col1, .home-col2 {margin-right:15px;}
.home-col-header {font-weight:bold;color:#005886;text-align:center;padding:5px;}
.home-col1 p, .home-col2 p, .home-col3 p {padding:3px 3px 10px 3px;}
.learn-more, .apply-now, .all-events {position:absolute;right:0;bottom:0;height:25px;width:100px;margin:3px;}
.learn-more {background: url(../img/learnmore.gif) no-repeat;}
.apply-now {background: url(../img/applynow.gif) no-repeat;}
.all-events {background: url(../img/allevents.gif) no-repeat;}

/* ================  Miscellaneous ================= */

.home-message {border:1px solid #cfcfcf;margin:0 0 10px 0;padding:3px;}
.home-alert {color:red;}
.home-notice {color:green;}
.home-msg-title {font-weight:bold;text-align:center;margin-bottom:5px;}
.home-msg-body {}

/* ================  Miscellaneous ================= */

blockquote {
	margin: 5px 0 5px 20px;
}

.gogreen {
	border:0;
	vertical-align:middle;;
	/*height:25;
	width:24;
	background: url(../img/recycle.gif) no-repeat;*/
}

sup {vertical-align:top;font-size:65%;}

.clearfloat {
	clear:both;
    height:1px;
    font-size: 1px;
    line-height: 1px;
    margin:0;padding:0;border:none;
}

td { padding:2px; vertical-align:top;}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 1px solid #CCCCCC;
} 
#footer td, #footer p {
	font-size:80%;
	color:#666666;
	text-align:center;
	vertical-align:top;
	margin: 0;
	padding: 10px 0;
}

.hunderline {
	border-bottom: 1px solid #CCC;
}

div.itemcorner {
	background:url(../img/itemcorner.gif) no-repeat;
	border:0;
	margin:5px 0 0 0;
	padding:5px 0 0 10px;
}

#sublisting>ul {
	margin-left:15px;
}
#sublisting li {
	list-style:none;
	padding-bottom:.3em;
}

#sublisting a, #sublisting a:link, #sublisting a:focus {
	color:#005886;
	/*color:#000000;*/
	text-decoration: none;
}
#sublisting a.Folder {color:#000000;font-weight:bold;}
/*#sublisting a.Folder {font-weight:bold;}
#sublisting a.level2 {color:#009038;}*/
#sublisting a sup {
	text-decoration: none;
	font-size: 80%;
}

#sublisting a:hover {
	text-decoration: underline;
}

/* Standard formatting for listed contents like calendar events, posting, search results, etc. */
#EntityList ul {
	list-style:none;
	margin:0;
	padding:0;
}
#EntityList li {
	padding:.4em;
	margin:.4em;
}
#EntityList li.altRow {
	background-color:#F9F9F9;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}
#EntityList .EntityTitle {
	color:#005886;
	font-weight:bold;
}
#EntityList .EntitySectTitle {
	color:#005886;
	font-weight:bold;
	font-size:130%;
	margin:10px 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}
#EntityList .EntityBody {
	margin-left:25px;
	padding:2px;
}
#EntityList .EntityBody span {
	font-weight:bold;
}
#EntityList .EntityBody div {
	margin-left:25px;
}
#EntityList .EntityTitle a, #EntityList .EntityTitle a:link, #EntityList .EntityTitle a:focus {
	color:#005886;
	text-decoration: none;
}
#EntityList .EntityTitle a:hover {
	text-decoration: underline;
}

/* Formatting of bullets in regular content. */
#RegularList ul {
	margin-left:10px;
	list-style-image: url(../img/SpryMenuBarRight.gif);
}
#RegularList ul ul {
	margin-left:20px;
}
#RegularList ol {
	list-style:decimal;
}
#RegularList li {
	padding:.2em;
	margin:.2em;
}
#RegularList {
	margin-bottom:1em;
}

div.message {
	clear: both;
	color: #900;
	font-size: 120%;
	font-weight: bold;
	margin: 1em 0;
	display:inline;
}
div.message p {
	font-size: 120%;
}

/* ================ TableList ================= */
table.TableList {
 border:1px solid #aaaaaa;
 border-width:thin;
 border-collapse:collapse;
 vertical-align:top;
 display:table;
}
table.TableList th {
 text-align:left;
 padding: 5px;
 background-color:#339966;
 border-color:#339966;
 font-weight:bold; 
 color:#FFFFFF;
}
table.TableList td {
	padding:3px 8px;
	vertical-align: top;
	text-align:left;
}
table.TableList tr.even td {
	background-color:#ededed;
}

/* ================  Popup Styles ================= */
#hideDiv {
	background-color:#000000;
	opacity:.6;
	filter:alpha(opacity=60);
	display:none;
}
#popupDiv {
	display:none;
}
.popupTitle {
	position:relative;
	top:-15px;
	left:0;
	background-color:#00a;
	color:#ffffff;
	text-align:left;
	padding:5px 5px 2px 5px;
	height:23px;
	border:2px outset #000;
	border-bottom:none;
}
.popupScroll{
	position:relative;
	top:-15px;
	left:0;
	overflow:auto;
	background-color:#ffffff;
	height:100%;
	border:2px outset #000;
	border-top:none;
}
.popupDetail {
	padding:10px;
	/*font-size:90%;*/
	text-align:left;
}
.popupDetail p {
	margin:10px 0;
	line-height:1.4em;
}
.popupDetail p.indent:first-letter {
	padding-left:30px;
}