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

COMMUNITY FOUNDATION OF NEW JERSEY

Auxiliary Stylesheet for the "Establish a Fund" Section

website		: www.cfnj.org
filename	: /css/establish.css
version		: 3 December 2007

copyright	: (c) 2007 Community Foundation of New Jersey
license		: Creative Commons

author		: Brian Lokker / Antigravity Design
website		: www.antigravitydesign.com

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



/* =Navigation for 3 Steps on Establish/Families/Index Page
------------------------------------------------------------------ */


#establish_fund_123 {
position: relative; /* positioning context */
float: left;
min-width: 530px;
max-width: 530px;
margin-left:25px;
height: 54px;
margin-bottom: 20px;
}

#establish_fund_123 ol {
width: 530px;
height: 54px;
background: transparent url(/images/bg_establish_fund.gif) 0 0 no-repeat;
position: relative; /* positioning context */
}

#establish_fund_123 li {
position: absolute;
top: 0;
height: 54px;
display: block;
}

#establish_fund_123 a {
height: 54px;
display: block;
text-decoration: none;
text-indent: -9999px;
}

#establish_fund_123 #step_1 {
left: 0;
width: 170px;
}

#establish_fund_123 #step_2 {
left: 180px;
width: 170px;
}

#establish_fund_123 #step_3 {
left: 360px;
width: 170px;
}

#establish_fund_123 #step_1 a:hover {
background: url(/images/bg_establish_fund.gif) 0 -54px no-repeat;
}

#establish_fund_123 #step_2 a:hover {
background: url(/images/bg_establish_fund.gif) -180px -54px no-repeat;
}

#establish_fund_123 #step_3 a:hover {
background: url(/images/bg_establish_fund.gif) -360px -54px no-repeat;
}

/* =Navigation Using 3 Numerals on Step Pages
------------------------------------------------------------------ */

#nav123 {
position: relative; /* positioning context */
float: right;
min-width: 130px;
max-width: 130px;
margin-left:15px;
margin-right: 20px;
height: 50px;
margin-bottom: 15px;
}

#nav123 ul {
width: 130px;
height: 50px;
background: transparent url(/images/bg_nav123.gif) 0 0 no-repeat;
position: relative; /* positioning context */
}

#nav123 li {
position: absolute;
top: 0;
height: 50px;
display: block;
}

#nav123 a {
height: 50px;
display: block;
text-decoration: none;
text-indent: -9999px;
}

#nav123 #nav123_1 {
left: 0;
width: 40px;
}

#nav123 #nav123_2 {
left: 45px;
width: 40px;
}

#nav123 #nav123_3 {
left: 90px;
width: 40px;
}

#nav123 #nav123_1 a:hover {
background: url(/images/bg_nav123.gif) 0 -50px no-repeat;
}

#nav123 #nav123_2 a:hover {
background: url(/images/bg_nav123.gif) -45px -50px no-repeat;
}

#nav123 #nav123_3 a:hover {
background: url(/images/bg_nav123.gif) -90px -50px no-repeat;
}

	/* "You Are Here" Styles */

#establish_families_choose #nav123_1 a:link,
#establish_families_choose #nav123_1 a:visited {
background: url(/images/bg_nav123.gif) 0 -50px no-repeat;
cursor: default;
}

#establish_families_assets #nav123_2 a:link,
#establish_families_assets #nav123_2 a:visited {
background: url(/images/bg_nav123.gif) -45px -50px no-repeat;
cursor: default;
}

#establish_families_services #nav123_3 a:link,
#establish_families_services #nav123_3 a:visited {
background: url(/images/bg_nav123.gif) -90px -50px no-repeat;
cursor: default;
}