/*-----------------------------------------------------------------------------
USSFCU  (Main Cascading Style Sheet)


-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/** { margin: 0; border: 0; padding: 0; outline: 0; }*/
html, body {
	height: 100%;
	margin: 0;
	border: 0;
	padding: 5;
	outline: 0;
	background-color:#eee9e3;
	font: 12px Arial, Helvetica, sans-serif;
	color: #585858;
	text-align: center;
	letter-spacing: inherit;
}
a:link, a:visited, a:active { color: #585858; text-decoration: none; }
li { list-style: circle; margin-left: 1px }
h1{
	width:100%;
	margin:0px;
	padding:3px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#b3870e;
	line-height:32px;
	font-weight:normal;
	background-color: #eee7da;
}
h2{width:450px; margin:5px; padding:5px; font-family:Georgia; font-size:18px; color:#7a6e51; line-height:32px; font-weight:bold}

#wrap {
	width:800px;
	margin:0px;
	padding:0px;
	height:auto;
} 

/* =Homepage
-----------------------------------------------------------------------------*/

#back {
	background: url(http://www.ussfcu.org/images/Web_home_PB_v4.gif) top center no-repeat;
	margin: 0px;
	height: 100%;
	background-position: y;
 }
#back_header { background: url(http://www.ussfcu.org/images/headers/back_header_2011.jpg) top left no-repeat; }
#back_header td {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 0px solid #F3ECD4;
	padding: 0px 0;
	margin-top: 1px;
}
#back_header a { color: #585858; text-decoration: none;}
#back_table{ margin:0px; width:800px}


#back_table td {
    background-color:#FFFFFF;
	height: 100%;
}
#back_table .date { font-size: 10px; padding: 2px 0; }


#news_home { margin-top: 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
#news_home .title { font-weight: bold; color: #4A2600; display: block; background-color: #F3ECD4; }

#news_home img { padding-left: 8px; }
#news_home td { padding: 1px 0px;  }
#news_home a:link, #news_home a:visited, #news_home a:active { text-decoration: none; }
#news_home a:hover { color: #4A2600; text-decoration: underline; }
#news_home ul{
margin-left: 0;
padding-left: 10px;
list-style: none;
}
#news_home li{
padding-left: 10px;
padding-top: 5px;
background-image: url(http://www.ussfcu.org/images/icon/tri.gif);
background-repeat: no-repeat;
background-position: 0 .5em; list-style:none
}

#news_alert { margin:0px 16px 2px 16px; font-family: Tahoma, Verdana, Arial; font-size: 11px;}

#news_alert .red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b6d50;
	font-weight: bold;
}

/* = Main forms CUANYhour and Locator seach
-----------------------------------------------------------------------------*/

#cuanyhourtable{ background-color:#FFFFFF }
#cuanyhourtable .cuanyhour {font-size: 10px;font-family:Arial, Helvetica, sans-serif;padding: 0px 0 0 8px;}
#cuanyhourtable .cuanyhour td{ background: url(http://www.ussfcu.org/images/background/cuany_back.jpg) top center no-repeat;  }
#cuanyhourtable .routing  { font-size: 10px; display: block; padding: 2px 0; }

#locator {font-size: 10px;font-family:Arial, Helvetica, sans-serif;padding: 0px;}
#locator td{
	background: url(http://www.ussfcu.org/images/background/compass_cuany.jpg) top center no-repeat; height:150px }
#locator .atm  {
	font-size: 10px;
	padding: 5px 0;
	margin-top: 5px;
}

/* =Includes
-----------------------------------------------------------------------------*/

#include{ background-color:#FFFFFF; font-size: 11px;font-family:Arial, Helvetica, sans-serif;padding: 0px 0 0 8px;}
#include a:hover{ color: #666666; text-decoration: underline; 
}

/* =Logo clickable
-----------------------------------------------------------------------------*/
#logo {
   background-image:url(http://www.ussfcu.org/images/back_header2.jpg);
	    display:block;
	    height:92px;
	    text-indent:-9999px;
	    width:85px;	}
/* =FAQs
-----------------------------------------------------------------------------*/
#faq{font: 12px Arial, Helvetica, sans-serif;}
#faq .question{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	border-bottom:#b38a2d dashed 1px;
	font-weight: bold;
	line-height: 24pt;
}
/*-------------------------------
#faq ul li {
	padding-left: 10px;
	list-style-image: url(http://www.ussfcu.org/images/icon/tri.gif);
	line-height: 120%;
 	padding-top: 5px;
	background-position: 0 .5em; list-style:none
}*/
#faq a { color: #b38a2d; text-decoration: none;}
#faq a:hover{ color: #7a6e51; text-decoration: none; }


/* =Content
-----------------------------------------------------------------------------*/

#content {
	margin:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
}
#content td {
	padding: 5px;
	margin-top: 5px;
}
#content blockquote {
	padding: 0px;
	margin-top: 0px;
	margin-left: 50px;
	width: 93%;
}
#content blockquote blockquote {
	padding: 0px;
	margin-top: 0px;
	margin-left: 50px;
	width: 90%;
	margin-bottom: opx;
}
#content blockquote blockquote p {
	padding: 0px;
	margin-top: 8px;
	margin-left: 13px;
	text-indent: -13px;
	margin-bottom: 0px;
}


#content blockquote p {
	padding: 0px;
	margin-top: 0px;
	margin-left: 18px;
	text-indent: -18px;
}



#content a:hover{ color: #7c6d50; text-decoration: none; }
#content a:link, a:active { color: #b4892d; text-decoration: underline; }

#content td td{
	padding: 5px;
	margin-top: 5px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
#content .menu{
	margin: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	background-color: #eee7da;
	border-left-color: #D4D0C8;
  }
/*-------------------------------  
 #content .box td{
	margin: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border: thin solid #EBEBF5;	
  }
  */
#content .subtitle{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	border-bottom:#eee7da dashed 1px;
	font-weight: bold;
	line-height: 24pt;
	color: #b38a2d;
}
#content .subsub{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	font-weight: bold;
	line-height: 20pt;
	color: #7a6e51;
	letter-spacing: inherit;
}


#content ul li {
	padding-left: 10px;
	background-image: url(http://www.ussfcu.org/images/icon/tri.gif);
	background-repeat: no-repeat;
	line-height: 120%;
	padding-top: 2px;
	background-position: 0 .5em;
	list-style:none;
	width: 85%;
	margin-top: 8px;
}

	
#content .feestable{
  
 padding:3px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12;
 vertical-align:top;
 margin-bottom:10px;
 margin-top:0px;
 margin-right:0px;
 margin-left:0px;
 height:auto;
 display:table;
 width:100%;


}

#content .feestable td{
border-width: thin;
border-collapse:collapse; border-color:#e5e5e5; border-style:solid; 
}



#content .feestable th{
	width:100%;
	margin:0px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; text-align:left;
	color:#ffffff;
	line-height:20px;
	font-weight:normal; background-color:#d9b35e;	
	
}


#list ul li {
	list-style-image: url(http://www.ussfcu.org/images/icon/check_box.jpg);
	line-height: 120%;
	word-spacing: 3px;
 	padding: 0.4em;
	margin: 1em;
	font: 12px Arial, Helvetica, sans-serif;
}
#house {	line-height: normal;
	color: #666666;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eee9e3;
	width: 90%;
	background-position: center;
	font-size: 12px;
	border: thin solid #b38a2d;
}
#navcontainer { width: 145px; float:left }

#navcontainer ul
{
	margin-top: 5px;
	margin-left: 2px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	list-style-type: none;
}

#navcontainer ul li {list-style-type:none;}

#navcontainer a
{
	display: block;
	padding: 3px;
	width: 145px;
	background-color: #ffffff;
	border-bottom: 1px solid #eee7da;
	color: #999999;
}

#navcontainer a:link, #navlist a:visited
{
	color: #666666;
	text-decoration: none;
}

#navcontainer a:hover
{
background-color: #eee9e3;
color: #b3870e;
}

.smallbox {

font-family: Tahoma, Arial, "MS Serif"; font-size: 10px; line-height: 10px; color:#666666
}

.lightgrey {
font-family: Tahoma, Verdana, Arial; font-size: 11px; line-height: 12px; color: #666666
}
.discla {
font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #999999; padding: 3px; margin-top: 4px; }

.alert {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; color: #CC3300 }


.alert_small {
font-family:Tahoma, Arial, "MS Serif"; font-size: 10px; line-height: 11px; color: #CC3300 }

.red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b38a2d;
	font-weight: bold;
}
.bluetitle{
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 14px;
	color: #055aa0;
	font-weight: bold;
}
.big{margin:1px; padding:2px; font-family:Georgia; font-size:22px; color:#b38a2d; line-height:26px; font-weight:bold}
.bigbrown{margin:1px; padding:2px; font-family:Georgia; font-size:20px; color:#7c6d50; line-height:26px; font-weight:bold; text-align:center  }
.bigred{margin:1px; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #CC0000; line-height:22px; font-weight:bold; text-align:left  }
.bigrey{margin:1px; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #666666; line-height:22px; font-weight:bold; text-align:left  }

#services ul{
	width:450px;
	margin:5px 0px 0 150px;
	padding:5px 10px;
	float:left;
	display:block
}
#services ul li{width:255px; margin:0px; padding:0 0 2px 0; display:block; list-style:none }
#services ul li a:hover{background:#ceddc5}
#services ul li p{
	width:255px;
	margin:10px 50px 0 20px;
	padding:0px;
	float:left;
	color:#b38a2d;
}
/* = Boxes with triangle to higlight something

-----------------------------------------------------------------------------*/

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:520px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #eee7da;
color: #666;
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent #eee7da transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #eee7da transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent black transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent black; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.int {
height: 0px;
width:0px;
line-height:0px;
font-size:0px;
}
#box4 {
border-right: 10px solid white;

border-left: 10px solid white;
} 

#box2 {
border-bottom: 10px solid white;
border-top: 10px solid white;
border-left: 10px solid #000;
}

#box3 {
border-right: 10px solid white;
border-bottom: 10px solid #000;
border-left: 10px solid white;
}


/* = Footer

-----------------------------------------------------------------------------*/

#foot {
	color: #7e7d7d;
	font-family: Tahoma, Arial, "MS Serif";
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
}
#foot td {
	padding:6px;
	text-align:left;
	border-top-color:#ede7d9;
	
	border-top-width: thin; padding:8px;
	
	border-top-style: solid;	
	}
#foot .small{font-size: 10px; color:#a7a6a6 }

#foot a:hover{ color: #7e7d7d; text-decoration: underline; }
#foot a { color: #7e7d7d; text-decoration: none;}

[if IE]>
<style>
.item {
margin: 5px;
padding: 10px;


}
</style>
<![EndIf]