body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial;
	font-size: 13px;
	color: #405e79;
	background:url('images/sbi_new_bg.gif') repeat-x;
}

img {
	border: 0;
}
img.rt {
	border: 0;
	float: right;
	margin: 0 0 0 8px;
}
img.lt {
	border: 0;
	float: left;
	margin: 0 8px 0 0 ;
}
p.clr {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	text-decoration: none;
	color: #405e79;
}

a:active, a:hover {
	color: #A50921;
}


div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 943px;
	position: relative;
}


div#header {
	width: 943px;
	height: 138px;
	background: url(images/header.jpg) no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
}
div#header2 {
	width: 943px;
	height: 137px;
	position: relative;
	margin: 0;
	padding: 0;
}
div#topspace {
	width: 943px;
	height: 2px;
	position: relative;
	margin: 0;
	padding: 0;
	background:#FFFFFF;
}
div#topspace_under {
	width: 943px;
	height: 10px;
	/*position: relative;*/
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	/*display:block;*/
}

div#logo {
	width: 458px;
	height: 110px;
	margin: 15px 0 0 20px;
	float: left;
}
a#view_donor:link, a#view_donor:visited {
	position: absolute;
	right: 154px;
	top: 9px;
	text-indent: -5000px;
	display: block;
	width: 174px;
	height: 33px;
	background: url(images/view_donor_btn.jpg) 0 0;
	
}
a#view_donor:hover, a#view_donor:active {
	background: url(images/view_donor_btn.jpg) 0 -33px;
}
a#become_donor:link, a#become_donor:visited {
	position: absolute;
	right: 4px;
	top: 9px;
	text-indent: -5000px;
	display: block;
	width: 150px;
	height: 33px;
	background: url(images/become_donor_btn.jpg) 0 0;
	
}
a#become_donor:hover, a#become_donor:active {
	background: url(images/become_donor_btn.jpg) 0 -33px;
}
div#phone {
	width: 250px;
	height: 79px;
	position:absolute;
	top: 40px;
	right: 100px;
	text-transform: uppercase;
	text-align: right;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.7em;
}
div#phone strong{
	font-size: 23.5px;
	margin-bottom: 5px;
}
div#spanish {
	width: 65px;
	position: absolute;
	top: 60px;
	right: 16px;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

/***************NAVIGATION******************/
div#nav {
	position: relative;
	float: left;
	width: 943px;
	height: 42px; 
	margin: 0;
	color: #FFFFFF;
	z-index: 200;
}

div#nav ul {
	height: 42px;
	margin: 0;
	padding: 0;
	
}

div#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	float: left;
	height: 42px;
}

div#nav ul li a:link, div#nav ul li a:visited{
	text-indent: -9999px;
	display: block;
	height: 42px;
}

div#nav ul li a:link#home, div#nav ul li a:visited#home{
	width: 100px;
	background: url(images/home_btn.jpg) 0 0 no-repeat;
}

div#nav ul li a:hover#home, div#nav ul li a:active#home {
	width: 100px;
	background: url(images/home_btn.jpg) 0 -42px;
}
div#nav ul li a:link#home_spanish, div#nav ul li a:visited#home_spanish{
	width: 100px;
	background: url(images/spanish/home_btn.jpg) 0 0 no-repeat;
}

div#nav ul li a:hover#home_spanish, div#nav ul li a:active#home_spanish {
	width: 100px;
	background: url(images/spanish/home_btn.jpg) 0 -42px;
}

div#nav ul li a:link#about, div#nav ul li a:visited#about{
	width: 115px;
	background: url(images/about_btn.jpg) 0 0;

}

div#nav ul li a:hover#about, div#nav ul li a:active#about{
	width: 115px;
	background: url(images/about_btn.jpg) 0 -42px;
}

div#nav ul li a:link#donor, div#nav ul li a:visited#donor{
	width: 144px;
	background: url(images/donor_btn.jpg) 0 0;
}

div#nav ul li a:hover#donor, div#nav ul li a:active#donor{
	width: 144px;
	background: url(images/donor_btn.jpg) 0 -42px;
}

div#nav ul li a:link#banking, div#nav ul li a:visited#banking{
	width: 110px;
	background: url(images/banking_btn.jpg) 0 0;
}

div#nav ul li a:hover#banking, div#nav ul li a:active#banking{
	width: 110px;
	background: url(images/banking_btn.jpg) 0 -42px;
}
div#nav ul li a:link#services, div#nav ul li a:visited#services{
	width: 141px;
	background: url(images/services_btn.jpg) 0 0;
}

div#nav ul li a:hover#services, div#nav ul li a:active#services{
	width: 141px;
	background: url(images/services_btn.jpg) 0 -42px;
}
div#nav ul li a:link#resources, div#nav ul li a:visited#resources{
	width: 120px;
	background: url(images/resources_btn.jpg) 0 0;
}

div#nav ul li a:hover#resources, div#nav ul li a:active#resources{
	width: 120px;
	background: url(images/resources_btn.jpg) 0 -42px;
}
div#nav ul li a:link#contact, div#nav ul li a:visited#contact{
	width: 118px;
	background: url(images/contact_btn.jpg) 0 0;
}

div#nav ul li a:hover#contact, div#nav ul li a:active#contact{
	width: 118px;
	background: url(images/contact_btn.jpg) 0 -42px;
}
div#nav ul li a:link#blog, div#nav ul li a:visited#blog{
	width: 95px;
	background: url(images/blog_btn.jpg) 0 0;
}

div#nav ul li a:hover#blog, div#nav ul li a:active#blog{
	width: 95px;
	background: url(images/blog_btn.jpg) 0 -42px;
}
/*********************Begin Spanish Navigation****************/
div#nav ul li a:link#home_spanish, div#nav ul li a:visited#home_spanish{
	width: 100px;
	background: url(images/spanish/home_btn.jpg) 0 0 no-repeat;
}

div#nav ul li a:hover#home_spanish, div#nav ul li a:active#home_spanish {
	width: 100px;
	background: url(images/spanish/home_btn.jpg) 0 -42px;
}

div#nav ul li a:link#about_spanish, div#nav ul li a:visited#about_spanish{
	width: 115px;
	background: url(images/spanish/about_btn.jpg) 0 0;

}

div#nav ul li a:hover#about_spanish, div#nav ul li a:active#about_spanish{
	width: 115px;
	background: url(images/spanish/about_btn.jpg) 0 -42px;
}

div#nav ul li a:link#donor_spanish, div#nav ul li a:visited#donor_spanish{
	width: 144px;
	background: url(images/spanish/donor_btn.jpg) 0 0;
}

div#nav ul li a:hover#donor_spanish, div#nav ul li a:active#donor_spanish{
	width: 144px;
	background: url(images/spanish/donor_btn.jpg) 0 -42px;
}

div#nav ul li a:link#banking_spanish, div#nav ul li a:visited#banking_spanish{
	width: 110px;
	background: url(images/spanish/banking_btn.jpg) 0 0;
}

div#nav ul li a:hover#banking_spanish, div#nav ul li a:active#banking_spanish{
	width: 110px;
	background: url(images/spanish/banking_btn.jpg) 0 -42px;
}
div#nav ul li a:link#services_spanish, div#nav ul li a:visited#services_spanish{
	width: 207px;
	background: url(images/spanish/services_btn.jpg) 0 0;
}

div#nav ul li a:hover#services_spanish, div#nav ul li a:active#services_spanish{
	width: 207px;
	background: url(images/spanish/services_btn.jpg) 0 -42px;
}
div#nav ul li a:link#resources_spanish, div#nav ul li a:visited#resources_spanish{
	width: 115px;
	background: url(images/spanish/resources_btn.jpg) 0 0;
}

div#nav ul li a:hover#resources_spanish, div#nav ul li a:active#resources_spanish{
	width: 115px;
	background: url(images/spanish/resources_btn.jpg) 0 -42px;
}
div#nav ul li a:link#contact_spanish, div#nav ul li a:visited#contact_spanish{
	width: 152px;
	background: url(images/spanish/contact_btn.jpg) 0 0;
}

div#nav ul li a:hover#contact_spanish, div#nav ul li a:active#contact_spanish{
	width: 152px;
	background: url(images/spanish/contact_btn.jpg) 0 -42px;
}

div#nav ul ul {
	position: absolute;
	left:-999em;
	width: 200px;
	top: 38px;
	height: auto;
	color: #4D708E;
	background: #B7D2E3;
	margin: 0;
	padding: 0;
}

div#nav li li {
	width: 200px;
	border: 0;
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	background: transparent;
}

div#nav ul ul a:link, div#nav ul ul a:visited {
	text-indent: 0;
	text-align: left;
	width: 200px;
	display: block;
	color: #4D708E;
	font-size: 12px;
	text-decoration: none;
	
	font-weight: bold;
	height: auto;
	float: left;
	background: transparent;
	padding: 7px 0 5px 5px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
		
}

div#nav ul ul a:hover, div#nav ul ul a:active {
	color: #FFFFFF;
	background: #4D708E;
	width: 195px;
}

div#nav li:hover ul ul,  div#nav li.sfhover ul ul {
	left: -9999em;
	
}


div#nav li:hover ul, div#nav li li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul, div#nav li li.sfhover ul {
	left: 1px;
	z-index: 6000;
	float: left;
}
/***************END NAVIGATION******************/


/* container for slides */
div.rotator {
	background:#fff;
	position:relative;	
	height:366px;
	width:943px;
	float:left;	
	cursor:pointer;	
}


/* single slide 
   declare all shared attributes here */
.rotator div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 943px;
	height: 366px;
}


/* single slides */

div.rotator div#rotate1 {
	background: url(images/rotate_bg1.jpg);			
}

div.rotator div#rotate2 {

	background: url(images/rotate_bg2.jpg);			
}
div.rotator div#rotate3 {
	
	background: url(images/rotate_bg3.jpg);			
}


/*div#rotate1 h1, div#rotate2 h1, div#rotate3 h1 {

easier to select like this */
  
div.rotator div h1, div.rotator div h2 {  
  
	width: 413px;
	margin: 103px 0 0 46px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #405e79;
}

div.rotator div p{
	width: 413px;
	margin-left: 56px;
	padding: 5px 0;
	line-height: 2.2em;
	border-top: 2px solid #c0afa7;
	border-bottom: 2px solid #c0afa7;
	color: #000;
	text-transform: uppercase;
	font-size: 11.5px;
	font-weight: 400;
	letter-spacing: 1px;
}



/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	position:absolute;
	top: 450px;
	left: 85px;
  z-index: 400;
}

/* single tab */
.tabs a {
	width:111px;
	height:62px;
	float:left;
	margin:2px;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -50px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -50px;     
} 	


div#main {
	width: 943px;
	padding-left: 2px;
}
div.box1 {
	width: 305px;
	height: 213px;
	background: #f3f3f3;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0 3px;
}
div.box1 p{
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	margin-right: 10px;
}
div.boxtop1 {
	width: 305px;
	height: 27px;
	background: url(images/blue_boxtop.jpg) no-repeat top;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
}
div.box2 {
	width: 305px;
	height: 213px;
	color: #FFFFFF;
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0 3px;
}
div.boxtop2 {
	width: 305px;
	height: 27px;
	background: url(images/brown_boxtop.jpg) no-repeat top;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
}
a#consult:link, a#consult:visited {
	float: left;
	text-indent: -5000px;
	display: block;
	width: 304px;
	height: 183px;
	background: url(images/consult_btn.jpg) 0 0;
	margin: 0;
	padding: 0;
	
}
a#consult:hover, a#consult:active {
	background: url(images/consult_btn.jpg) 0 -183px;
}
div#find_donor {
	width: 250px;
	height: 130px;
	border: 1px solid #CCCCCC;
	margin: 15px 0 0 15px;
	padding: 10px;
}
div#find_donor form{
	text-align: center;	
}
div#find_donor select{
	width: 200px;
	margin-top: 10px;
}
div#search input.submit{
	margin-top: 10px;
}
div#logos {
	margin-top: 10px;
	width: 943px;
	height: 70px;
	clear: both;

}
div#logos img{
	float: left;
}
div#logos img.twitter{
	margin-left: 530px;
}
div#validation {
	width: 180px;
	float: right;
	text-align: right;
	
}
div#validation img{
	margin-top: 5px;
	float: left;
	
}
div#content {
	margin-top: 20px;
	width: 943px;	
}
div#content p a:link, div#content p a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #4D708E;
}

div#content p a:active, div#content p a:hover {
	color: #a28575;
}

div#content h2{
	font-size: 18px;
	color: #4d708f;
}
div#locations {
	float: left;
	width: 878px;
	padding-left: 62px;
}
div.address {
	width: 250px;
	text-align: center;
	font-weight: bold;
	margin: 0 10px;
	float: left;
	color: #4d708f;
}
div.address strong{
	font-size: 15px;	
}
div#content_inside {
	margin-top: 40px;
	margin-left: 10px;
	width: 933px;	
}
div#content_inside_home {
	margin-top: 20px;
	margin-left: 10px;
	width: 933px;	
}
div#column_left {
	width: 289px;
	min-height: 810px;
	float: left;
	background: url(images/column_left_bg.jpg) repeat-y;
	
}
div#column_left_top {
	width: 289px;
	height: 200px;
	background: url(images/column_left_top.jpg) no-repeat top;
}
div#column_left ul{
	width: 257px;
	margin: 10px 0 10px 18px;
	padding: 0;
	float: left;
	
}
div#column_left ul li{
	text-decoration: none;
	list-style: none;
	background: url(images/sidebar_menu.jpg) no-repeat left bottom;
	height: 25px;
	width: 257px;
	margin: 0;
	padding: 10px 0;
}
div#column_left ul li#current{
	background: url(images/sidebar_menu.jpg) no-repeat left bottom #B7D2E3;
	
}
div#column_left ul li#current a:link, div#column_left ul li#current a:visited{
	color: #415f7b;	
}
div#column_left ul li.tall{
	height: 40px;	
}
img.summary {
	margin: 5px 0 5px 18px;	
}
div#column_left ul li a:link, div#column_left ul li a:visited{
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a28575;
}

div#column_left ul li a:hover, div#column_left ul li a:active{
	color: #415f7b;	
}

a#request:link, a#request:visited {
	margin: 35px 0 20px 17px;
	text-indent: -5000px;
	display: block;
	width: 257px;
	height: 188px;
	background: url(images/request_btn.jpg) 0 0;
	
}
a#request:hover, a#request:active {
	background: url(images/request_btn.jpg) 0 -188px;
}
div#column_right {
	width: 600px;
	margin-left: 15px;
	float: left;
}
div#column_right h1{
	width: 487px;
	height: 50px;
	font-size: 30px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif ;
	background: url(images/h1_bg.jpg) no-repeat bottom;
	color: #4d708f;
}
div#column_right h2{
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d708f;
	margin: 0 0 0 10px;
	padding: 0;
}
div#column_right h3{
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #4d708f;
	margin: 0 0 0 10px;
	padding: 0;
}
div#column_right h1#tall{
	width: 487px;
	height: 90px;
	font-size: 30px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif ;
	background: url(images/h1_bg.jpg) no-repeat bottom;
	color: #4d708f;
}
div#column_right ul{
	
}
div#column_right ul li{
			
}
div#column_right ul li a:link, div#column_right ul li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #4D708E;
}

div#column_right ul li a:active, div#column_right ul li a:hover {
	color: #a28575;
}
div#column_right p{
	margin-left: 15px;
	color: #4d708f;
	line-height: 1.5em;
}
div#column_right p a:link, div#column_right p a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #4D708E;
}

div#column_right p a:active, div#column_right p a:hover {
	color: #a28575;
}

	
div.column_right_box {
	height: 160px;	
	width: 574px;
	border: 1px solid #CCCCCC;
	background: #f3f3f3;
	margin: 5px 0 0 20px;
	position: relative;
	font-size: 15px;
	line-height: 1.5em;
	
}
div.column_right_box h2 {
	position: absolute;
	top: 10px;
	left: 20px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a28575;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	z-index: 50;
}
div.column_right_box p {
	width: 510px;
	font-size: 15px;
	padding: 0 0 0 10px;
	margin: 0;
	z-index: 50;
}

a:link.column_right_box_inside, a:visited.column_right_box_inside {
	display: block;
	height: 70px;	
	width: 537px;
	background: #f3f3f3;
	padding: 45px 15px 45px 22px;
	color: #4D708E;
	
}
a:hover.column_right_box_inside, a:active.column_right_box_inside {
	height: 70px;	
	width: 537px;
	background: #B7D2E3;
	color: #4D708E;

}
.firstletter {
	float: left;
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	margin-right: 0.15em;
	color: #a28575;
}

a.simplelink:link, a.simplelink:visited  {
	text-decoration: none;
	border-bottom-width: 1px;
	color: #2F4E64;
}

a.simplelink:hover  {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

a.simplelinkW:link, a.simplelinkW:visited  {
	text-decoration: none;
	border-bottom-width: 1px;
	color: #FDFDFD;
}

a.simplelinkW:hover  {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}