/* RESET all browsers to zero */
html
{
height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,option,p,blockquote,th,td {    
     margin:0;   
     padding:0; 
 }   
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */
body, body.mainbody {
	font-size:72%; 
	*font-size:70%;
	color:#666666;
	text-align:left;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}


div,  span,  input,  select, p, th, dd, table, li, {
	font-size:1.0em;
}

a {
color:#0078c1; text-decoration: none;
}
a: hover{
color:#0078c1; text-decoration:underline;
}



.mainbody div, .mainbody span, .mainbody input, .mainbody select, .mainbody p, .mainbody th, .mainbody dd, .mainbody table, .mainbody li {
	font-size:1.0em;
}

h1, .mainbody h1 {font-size:1.6em; color:#0078c1; font-weight:normal; }
h2, .mainbody h2 {font-size:1.5em; color:#0078c1; }
h3, .mainbody h3 {font-size:1.4em; color:#A495b6; font-weight:normal; }
h4, .mainbody h4 {font-size:1.1em; color:#d8ad00; font-weight:normal; }
h5, .mainbody h5 {font-size:1.0em; color:#0078c1; }
h6, .mainbody h6 {font-size:0.8em; color:#0078c1; }
/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */

.mainbody p, .mainbody ul {
	padding-top:5px;
	padding-bottom:3px;
}
.mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ul li {
	padding:5px;
}
.mainbody table {
	margin:10px 0;
}
.mainbody table td {
	padding:5px;
}
.mainbody h4 {
	margin-top:18px;
}
.mainbody ul.arrowlist, .mainbody ul.ticklist{
	list-style:none;	
}
.mainbody ul.alphalist {
	margin-left:15px;
	list-style-type:lower-alpha;	
}
.mainbody ul.romanlist {
	margin-left:15px;
	list-style-type:lower-roman;
}
.mainbody ul.arrowlist li {
	margin-left:5px;
	padding-left:15px;
	background:url(/build/images/core_images/M_images/arrow.gif) left center no-repeat;
}
.mainbody ul.ticklist li {
	margin: 0;
	padding-left:20px;
	background:url(/build/images/page_images/tick_2.gif) top left no-repeat;
}
.mainbody ul li ul {
	list-style-type:circle;
}
.mainbody blockquote {
	padding-left:15px;
}
/* ~~~~~~ TABLE STYLES ~~~~~~ */


table.stripes {
 width:100%;
 border-top:1px solid #fff;
 border-right:1px solid #fff;
 margin:1em auto;
 border-collapse:collapse;
 }
 
table.stripes tr.odd td {
 
 }
table.stripes td {
 border-bottom:1px solid #fff;
 border-left:1px solid #fff;
 padding:.3em 1em;
 }
table.stripes th {
 font-weight:bold;
 border-bottom:1px solid #fff;
 border-left:1px solid #fff;
 padding:.3em 1em;
 background:#e2f0f9;
 color:#64622b;
 font-size:1.2em;
 }
/* -------------------------- */

.bodybg {
background:url(/build/images/bg_repeat.jpg) repeat-x top left;
}

#container {
background:url(/build/images/bg2.jpg) no-repeat top center;
width: 1024px;
height: 768px;
margin: 0 auto 0 auto;
}

#header {
position:relative;
width:960px;
height:160px;
margin: 0 auto 0 auto;
}

#topnav {
position:absolute;
top:-20px; right: 20px;
text-align:right;
color:#FFFFFF;
width:500px;
}

#topnav a {
color:#FFFFFF;
text-decoration: none;
}

#topnav a:hover {
color:#ffd600;
}

#logo {
position:absolute; top: 66px;
background:url(/build/images/wecu_logo.png) top left;
_background:none;
width:183px;
height: 65px;
float: left;
}

#logo a {
display: block;
width:183px;
height: 65px;
float: left;
}

#navbar {
position:absolute; top:67px; left:-11px;
background:url(/build/images/navbar4.png) no-repeat top left;
_background:url(/build/images/navbar_ie.jpg) no-repeat top left;
width: 765px;
_width: 772px;
height: 53px;
padding:40px 0 0 228px;

}

#content {
clear:both;
width: 960px;
min-height:541px;
background:url(/build/images/content_bg3.gif) repeat-y top left;
margin: 0 auto 0 auto;
}

#content_print {
width: 100%;
}

#col1 {
width:703px;
min-height: 523px;
float:left;
margin-left: 28px;
_margin: 0 13px;
}

#int_col1 {
background:url(/build/images/int_col1_bg.gif) no-repeat top left;
width:696px;
float:left;
margin-left: 18px;
_margin: 0 9px;
padding: 0 18px;
 }
 
#col2 {
width:174px;
min-height: 523px;
float:left;
margin: 0 27px;
_margin: 0 14px;
}

#int_col2 {
width:174px;
min-height: 523px;
float:left; 
margin: 0 18px;
_margin: 0 8px;
}

#int_col2 div.int_quote {
background:url(/build/images/page_images/quote.gif) no-repeat top left;
margin-bottom:16px;
_width: 167px;
}

#int_col2 div.int_quote p.Tquote {
font-size:11px;
color:#0078c1;
margin:0;
padding:25px 5px 0 5px;
}

#int_col2 div.int_quote p {
color:#666666;
font-size:10px;
line-height:12px;
margin:10px 0 0 0;
text-transform:uppercase;
}

#home_promo {
width: 703px;
height: 276px;
margin-bottom: 16px;
}

#spot_L {
margin-right:13px;
}

#spot_R {
margin-left: 12px;
}

#spot_L, #spot_R {
float:left;
width: 339px;
height: 231px;
}

#flash_banner {
display:block;
		margin-left:auto;
		margin-right:auto;
		width:703px;
		height:276px;
		/*border:1px solid black;*/
		z-index:0;
}

#home_promo_1 {
width: 703px;
height: 276px;
}

#spot_L_1 {
margin-right:25px;
}

#spot_L_1, #spot_R_1 {
float:left;
width: 339px;
height: 231px;
margin-top: 16px;
}



/*
#spot_L, #spot_R {
float:left;
background:url(/build/images/spot_bg.gif) no-repeat top left;
width: 333px;
height: 225px;
padding: 3px;
}

#spot_L img, #spot_R  img {
width: 333px;
height: 183px;
}
/*
.spot_img {
width: 333px;
height: 183px;
}


#spot_L p, #spot_R p {
background-color:#FFFFFF;
width: 333px;
height: 42px;
padding: 0;
*padding:0;
}

#spot_L p img, #spot_R p img {
width: 30px;
height: 30px;
float:right;
margin: 6px 10px;
}

#spot_L p span, #spot_R p span {
float: right;
text-align:right;
margin-top:10px;
width:200px;
height: 30px;
}
*/
#online_s {
width: 174px;
height: 107px;
background:url(/build/images/online_service.gif) no-repeat top left;
margin-bottom:11px;
padding-top: 51px;
}

#login_form input {
margin:2px 10px 0 20px;
*margin:2px 10px -3px 20px;
}

#login_form .serv_buttons {
margin: 10px 0 0 6px;
}

.button {
margin: 0 4px;
}

.sidebar {
width: 174px;
height: 198px;
margin-bottom:16px;
}
/*
.sidebar {
width: 168px;
height: 192px;
background:url(/build/images/sidebar_bg.gif) no-repeat top left;
padding: 3px;
margin-bottom:16px;
}

.sidebar img {
width: 168px;
height: 158px;
}

.sidebar p {
background-color:#ffd600;
width: 168px;
height: 34px;
*height: 32px;
padding:0;
*padding:0;
}

.sidebar p img {
width: 27px;
height: 27px;
float:right;
margin:  3px 5px 0 10px;
}

.sidebar p span {
float: right;
margin-top: 6px;
text-align:right;
width: 100px;
height: 24px;
}
*/
.sidebar_sm {
width: 174px;
height: 152px;
margin-bottom:16px;
}

.sidebar_home {
width: 174px;
height: 42px;
margin-bottom:6px;
}

/*
.sidebar_sm {
width: 168px;
height: 146px;
background:url(/build/images/sidebar_sm_bg.gif) no-repeat top left;
padding: 3px;
margin-bottom:16px;
}

.sidebar_sm img {
width: 168px;
height: 113px;
}

.sidebar_sm p {
background-color:#ffd600;
width: 168px;
height: 28px;
*height: 26px;
padding: 3px 0;
}

.sidebar_sm p img {
width: 26px;
height: 26px;
float:right;
margin: 0 5px;

}

.sidebar_sm p span {
float:right;
margin-top: 2px;
text-align:right;
width: 100px;
height: 25px;
}


#online_t { 
width: 154px;
*width: 162px;
height: 107px;
background:url(/build/images/online_tools.gif) no-repeat top left;
margin-bottom: 16px;
padding:30px 10px 10px 10px;
*padding:30px 7px 10px 7px;
}

p.dropdown, .search {
margin: 7px 4px;
}

p.dropdown select {
width: 144px;
}

.search input {
padding-top: 3px;
}


*/


#online_t { 
width: 161px;
height: 107px;
background:url(/build/images/online_tools.gif) no-repeat top left;
margin-bottom: 16px;
padding:30px 7px 10px 7px;
*padding:40px 7px 10px 7px;
}

#online_t2 { 
width: 162px;
height: 80px;
*height: 74px;
background:url(../../build/images/online-tools.gif) no-repeat top left;
padding:24px 7px 0px 7px;
*padding:30px 7px 0px 7px;
margin-bottom:12px;
}


p.dropdown, .search {
margin: 7px 4px;
}



p.dropdown select {
width: 152px;
margin:5px 0 3px 0;
}

p.dropdown input { padding-top:4px;}

.search input {
padding-top: 3px;
}
.inputbox {
width:128px;
margin:5px 0 0 0;
}



.calcs{ margin:0; padding:0;}

















#page_header {
margin: 13px 0 10px 0;
} 
#page_title {
margin-bottom:10px;
}

#breadcrumbs {
font-size:8px;
*font-size:10px;
margin-bottom:10px;
}

.pathway {
width: 645px;
}

.pathway, .print {
float:left;
}

#feature_sections {
display:block;
width: 696px;
margin:10px 0 10px 0;
}

#feature_sections .section {
clear:both;
background:url(/build/images/section_top.gif) no-repeat top left;
margin-bottom:10px;
width: 696px;
}

#feature_sections .section_img {
background:url(/build/images/sec_img.gif) no-repeat bottom left;
width: 123px;
height: 96px;
float: right;
margin: 10px;
_margin: 8px;
}

#feature_sections .description {
float :right;
width: 520px;
margin: 10px 12px;
_margin: 9px;
}

#feature_sections .description h3 {
text-align:left;
margin-bottom: 5px;
width:500px;
height:25px;
}

#feature_sections .sec_bottom {
clear: both;
display:block;
height: 12px;
background:url(/build/images/section_bottom.gif) no-repeat bottom left;
}

.description .sec_button {
display: block;
width: 510px;
height: 30px;
}

.description .sec_button a {
font-size:13px;
color:#0078c1;
text-decoration:none;
}

.description .sec_button a:hover {
color:#ffd600;
text-decoration:none;
}

.description .sec_button img {
position: relative; top: 10px;
margin:0 14px 0 8px;
}

#footer {
background:url(/build/images/footer.gif) no-repeat top left;
width: 962px;
height: 14px;
padding-top: 15px;
margin: 0 auto 0 auto;
font-size:9px;
}


#footerHome {
background:url(/build/images/home-footer.gif) no-repeat top left;
width: 944px;
height: 149px;
padding-top: 20px;
padding-left:10px;
padding-right:10px;
margin: 0 auto 0 auto;
font-size:9px;
}



p.bc{
text-align: right;
float: right;
}





/* Landing Page Styles */

#lp_wrapper {
	width:790px;
}
#lp_wrapper h2 {
background-color:#eff8ff;
	padding:10px 15px;
	color:#0078c1;
	font: 18px Verdana,Tahoma,Arial, Helvetica, sans-serif normal;
}

#lp_wrapper a.close {
	position:relative;
	top:8px;
	right:10px;
	padding:3px;
	border:1px solid #fff;
	font-size:10px;
	background-color:#ffd600;
float:right; color:#FFFFFF;
}	
#lp_main {
	padding:15px;
}

#lp_wrapper img {
padding-right:15px;
}
div.image {
float:left;
padding-right:8px;
}	

























/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
 content: ".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
 
.clear {
 clear:both;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	text-transform:lowercase;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash div.sidebar p span {
	visibility: hidden;
}
.sIFR-hasFlash div.sidebar_sm p span {
	visibility: hidden;
}
.sIFR-hasFlash #spot_L p span {
	visibility: hidden;
}

.sIFR-hasFlash #spot_R p span {
	visibility: hidden;
}

.sIFR-hasFlash .description h3 {
	visibility: hidden;
}

.sIFR-hasFlash #int_col2 div.int_quote blockqoute {
	visibility: hidden;
}


#online_t p {
	padding-top:0px;
	padding-bottom:0px;
}



.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}



/* L NEWS */

#lnews{position:relative;}

#lnews  {
width: 174px;
height: 160px;
background:url(/build/images/member-news.gif) no-repeat top left;
margin-bottom: 16px;
padding:30px 7px 10px 7px;
*padding:40px 7px 10px 0px;

}
#lnews #toolsHeading {
	padding:5px 0 10px 0;
}


#lnews div.tool select {
	width:100%;
}


div#lnews div#mosarticle{

margin: 5px 0 0 0 ;}

#lnews .article{
padding-bottom:10px;
margin-left:0px;
padding-left:0px;
}

#lnews .article h5{

margin-left:0px;
font-size:10px;
}



#lnews .article p{

margin:0;
line-height:14px;

}

#lnews a:link, #lnews a:visited {
color:#447097;
font-size:10px;
font-weight:bold;
text-decoration:none;

}

#lnews .greyArrow {
padding-right:5px;
}

#lnews .created {
padding:0;
padding-left:12px;
font-size:10px;
color:#000;
margin:0px;
}

#lnews p {
padding:0;
padding-left:12px;
font-size:10px;
color:#787878;
margin:0px;

}

#lnews .introText a:link, #lnews  .introText a:visited {
color:#579fd1;
font-size:10px;
font-weight:normal;
}


#lnews table {
margin:0px;
margin-top:5px;
}


#lnews table tbody {
margin:0px;
}
#lnews table td {
padding:0px;
}


#lnews #lnewsMore{
position:absolute;
right:20px;
bottom:15px;
*bottom:25px;


}


div#sponsors{ position:relative; float:left; padding-top:5px; padding-bottom:5px; *padding-top:8px; *padding-bottom:3px;}