/*-----------------------------------------
 Default styles for callandresponse.com
 copyright: fair trade pictures
 author: Kris Hull
 updated: sept 2008

#8d8f69		tanish
#ffee00		yellow	
#d2c553     pale yellow	
-----------------------------------------*/

/*-----------------------------------------
general crud
-----------------------------------------*/
body{
margin:0;
padding:0;
background: #000 url(/img/bkg.jpg) top center no-repeat fixed;
color:#363614;
font: 12px Helvetica,Arial,sans-serif; 
line-height: 18px;
}
a:link, a:visited{color:#fe0;}
a:hover, a:active{color:#fff;}

h1, h2, h3, h4, h5, h6 {}
h1{font-size: 36px; line-height: 36px; text-transform:uppercase;}
h2{font-size: 24px; line-height: 36px;}
h3{font-size: 18px; line-height: 22px; font-weight:900;}
h4{font-size: 12px; line-height: 18px; font-weight:900;}
h5{font-size: 10px; line-height: 18px; font-weight:900;}
h6{font-size: 8px; line-height: 18px; font-weight:900;}

img, a img { border:0;}
a { outline: none; }


/* PNG fix: target the objects to which you want the script applied: */
img, div { behavior: url(/js/iepngfix.htc) }

/*-----------------------------------------
structural divs
-----------------------------------------*/
#pagewrapper{
width: 840px;
margin: 0 auto;
position:relative;
}
#header{
width:840px;
height:97px;
background: transparent url(/img/masthead.png) top left no-repeat;
background-position: 0 17px;
position:relative;
z-index:20;
}
#nav{
width:675px;
height:25px;
position:absolute;
right:1px;
top:71px;
z-index:30;
}
#main{
width:825px;
margin:35px 0 20px 0;
padding: 0 0 0 15px;
}
#footer{
width:825px;
text-align:center;
padding:20px 0 0 15px;
}
#logo01{
position:absolute;
top:17px;
left:0;
width:160px;
height:75px;
}
#logo02{
position:absolute;
top:17px;
left:160px;
width:160px;
height:50px;
}
#playa{
position:absolute;
top:7px;
right:10px;
width:107px;
height:25px;
}
/*-----------------------------------------
nav
-----------------------------------------*/
#nav ul{
height:25px;
margin:0;
padding:0;
}
#nav ul li{
height:25px;
line-height:25px;
display:block;
float: left;
margin:0;
padding:0;
}
#nav ul li a{
height:25px;
line-height:25px;
display: block;
text-indent:-99999px;
float: left;
overflow: hidden;
text-decoration: none;
background-color: transparent;
}
/* -- SEE CHANGES BELOW
#nav_01 a{width:45px; background: transparent url(/img/nav33.png) no-repeat 0 0px;}
#nav_02 a{width:105px; background: transparent url(/img/nav33.png) no-repeat -45px 0;}
#nav_03 a{width:60px; background: transparent url(/img/nav33.png) no-repeat -150px 0;}
#nav_04 a{width:85px; background: transparent url(/img/nav33.png) no-repeat -210px 0;}
#nav_05 a{width:100px; background: transparent url(/img/nav33.png) no-repeat -295px 0;}
#nav_06 a{width:65px; background: transparent url(/img/nav33.png) no-repeat -395px 0;}
#nav_07 a{width:85px; background: transparent url(/img/nav33.png) no-repeat -460px 0;}
#nav_08 a{width:75px; background: transparent url(/img/nav33.png) no-repeat -545px 0;}
#nav_09 a{width:53px; background: transparent url(/img/nav33.png) no-repeat -625px 0;}
#nav_01 a:hover{background: transparent url(/img/nav33.png) no-repeat 0 -25px;}
#nav_02 a:hover{background: transparent url(/img/nav33.png) no-repeat -45px -25px;}
#nav_03 a:hover{background: transparent url(/img/nav33.png) no-repeat -150px -25px;}
#nav_04 a:hover{background: transparent url(/img/nav33.png) no-repeat -210px -25px;}
#nav_05 a:hover{background: transparent url(/img/nav33.png) no-repeat -295px -25px;}
#nav_06 a:hover{background: transparent url(/img/nav33.png) no-repeat -395px -25px;}
#nav_07 a:hover{background: transparent url(/img/nav33.png) no-repeat -460px -25px;}
#nav_08 a:hover{background: transparent url(/img/nav33.png) no-repeat -545px -25px;}
#nav_09 a:hover{background: transparent url(/img/nav33.png) no-repeat -625px -25px;}
*/
/*-----------------------------------------
nav2
-----------------------------------------*/
#nav2_about{
width:728px;
height:31px;
position:absolute;
right:-14px;
top:92px;
background:transparent url(/img/nav2_bkg_about.png) no-repeat;
z-index:10;
}
#nav2_about ul{
height:31px;
margin:0;
padding:0;
}
#nav2_about ul li{
height:31px;
line-height:31px;
display:block;
float: left;
margin:0;
padding:0;
}
#nav2_about ul li a{
height:31px;
line-height:31px;
display: block;
text-indent:-99999px;
float: left;
overflow: hidden;
text-decoration: none;
background-color: transparent;
}

#nav2_about_01 a{width:80px; background: transparent url(/img/nav2_bkg_about.png) no-repeat 0 0px;}
#nav2_about_02 a{width:40px; background: transparent url(/img/nav2_bkg_about.png) no-repeat -80px 0;}
#nav2_about_03 a{width:115px; background: transparent url(/img/nav2_bkg_about.png) no-repeat -120px 0;}
#nav2_about_04 a{width:150px; background: transparent url(/img/nav2_bkg_about.png) no-repeat -235px 0;}
#nav2_about_05 a{width:50px; background: transparent url(/img/nav2_bkg_about.png) no-repeat -385px 0;}
#nav2_about_01 a:hover{background: transparent url(/img/nav2_bkg_about.png) no-repeat 0 -31px;}
#nav2_about_02 a:hover{background: transparent url(/img/nav2_bkg_about.png) no-repeat -80px -31px;}
#nav2_about_03 a:hover{background: transparent url(/img/nav2_bkg_about.png) no-repeat -120px -31px;}
#nav2_about_04 a:hover{background: transparent url(/img/nav2_bkg_about.png) no-repeat -235px -31px;}
#nav2_about_05 a:hover{background: transparent url(/img/nav2_bkg_about.png) no-repeat -385px -31px;}

#tab_about{
width:108px;
height:25px;
position:absolute;
top:72px;
left:206px;
z-index:40;
}

#nav2_action{
width:728px;
height:31px;
position:absolute;
right:-14px;
top:92px;
background:transparent url(/img/nav2_bkg_action.png) no-repeat;
z-index:10;
}
#nav2_action ul{
height:31px;
margin:0;
padding:0;
}
#nav2_action ul li{
height:31px;
line-height:31px;
display:block;
float: left;
margin:0;
padding:0;
}
#nav2_action ul li a{
height:31px;
line-height:31px;
display: block;
text-indent:-99999px;
float: left;
overflow: hidden;
text-decoration: none;
background-color: transparent;
}

#nav2_action_01 a{width:120px; background: transparent url(/img/nav2_bkg_action.png) no-repeat 0 0px;}
#nav2_action_02 a{width:110px; background: transparent url(/img/nav2_bkg_action.png) no-repeat -120px 0;}
#nav2_action_03 a{width:80px; background: transparent url(/img/nav2_bkg_action.png) no-repeat -230px 0;}
#nav2_action_04 a{width:150px; background: transparent url(/img/nav2_bkg_action.png) no-repeat -310px 0;}
#nav2_action_05 a{width:140px; background: transparent url(/img/nav2_bkg_action.png) no-repeat -460px 0;}
#nav2_action_06 a{width:110px; background: transparent url(/img/nav2_bkg_action.png) no-repeat -600px 0;}
#nav2_action_01 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat 0 -31px;}
#nav2_action_02 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat -120px -31px;}
#nav2_action_03 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat -230px -31px;}
#nav2_action_04 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat -310px -31px;}
#nav2_action_05 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat -460px -31px;}
#nav2_action_06 a:hover{background: transparent url(/img/nav2_bkg_action.png) no-repeat -600px -31px;}

#tab_action{
width:80px;
height:25px;
position:absolute;
top:72px;
left:378px;
z-index:40;
}


/*-----------------------------------------
homepage
-----------------------------------------*/
#jt{
width:582px;
height:280px;
float:left;
background: transparent url(/img/jt_placeholder.jpg) no-repeat;
}
#mt{
width:232px;
height:280px;
padding:0 0 0 10px;
float:left;
}
#quickfacts{
height:25px;
clear:both;
}
#f1{
width:264px;
height:158px;
float:left;
}
#f2{
width:266px;
height:158px;
padding:0 0 0 10px;
float:left;
}
#f3{
width:273px;
height:158px;
padding:0 0 0 10px;
float:left;
overflow:hidden;
}
#badge01{
position:absolute;
top:590px;
right:35px;
display: none !important;
}
#social{
width:840px;
text-align:center;
padding-top:20px;
clear:both;
}
#socialicons{
margin:5px auto;
padding:0;
height:26px;
width:400px;
}
#socialicons ul{
height:26px;
margin:0;
padding:0;
}
#socialicons ul li{
height:26px;
line-height:26px;
display:block;
float:left;
margin:0 10px;
padding:0;
}
#socialicons ul li a{
height:26px;
line-height:26px;
display: block;
text-indent:-99999px;
float: left;
}
#socialicon01 a{width:92px; background:transparent url(/img/icon_myspace.gif) no-repeat 0 0;}
#socialicon02 a{width:58px; background:transparent url(/img/icon_youtube.gif) no-repeat 0 0;}
#socialicon03 a{width:54px; background:transparent url(/img/icon_facebook.gif) no-repeat 0 0;}
#socialicon05 a{width:60px; background:transparent url(/img/icon_twitter.gif) no-repeat 0 0;}
#socialicon01 a:hover{ background:transparent url(/img/icon_myspace.gif) no-repeat 0 -26px;}
#socialicon02 a:hover{ background:transparent url(/img/icon_youtube.gif) no-repeat 0 -26px;}
#socialicon03 a:hover{ background:transparent url(/img/icon_facebook.gif) no-repeat 0 -26px;}
#socialicon05 a:hover{ background:transparent url(/img/icon_twitter.gif) no-repeat 0 -26px;}

/*-----------------------------------------
schools_rego stuff
-----------------------------------------*/
#schools_rego{
width:263px;
height:158px;
background:#000 url(/img/callandresponse_schools.jpg) no-repeat;
overflow: hidden;
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
}
#groups_rego{
position:absolute;
bottom:3px;
left:5px;
margin:0;
padding:5px;
}
/*-----------------------------------------
wildfire stuff
-----------------------------------------*/
#wildfire{
width:263px;
height:158px;
background:#000 url(/img/wildfire_in.jpg) no-repeat;
overflow: hidden;
position:relative;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
}
#wildfire a:link, #wildfire a:visited{
color:#fff ;
}
#wildfire a:hover, #wildfire a:active{
color:#b00000 ;
}
#personal_impact{
position:absolute;
top:15px;
right:10px;
height:35px;
width:85px;
text-align:center;
font-weight:900;
font-size:28px;
font-family:Helvetica, Arial, sans-serif;
line-height:28px;
}
#network_activity{
width: 230px;
height: 48px;
position:absolute;
top:82px;
left:20px;
font-size:12px;
line-height:24px;
font-family:Helvetica, Arial, sans-serif;
overflow: hidden;
margin:0;
padding:0;
}
#network_activity li{
margin:0;
padding:0;
}
#wildfireoff{
width:263px;
height:158px;
background:#099 url(/img/wildfire_out.jpg) no-repeat;
overflow: hidden;
position:relative;
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
display:none;
}
#signupform{
position: absolute;
top: 72px;
left: 5px;
}
input{
margin:3px 10px 0 0;
height:14px;
border: 1px solid #000;
}
#signupbtn{
margin:0 0 0 0;
height:21px;
width:54px;
border: none;
position: relative;
top:5px;
}
#already{
position: absolute;
top: 85px;
right: 30px;
text-align:right;
}
#already p{
margin:0;
padding:5px;
}
#wfviewall{
position:absolute;
bottom:3px;
left:20px;
margin:0;
padding:5px;
}
/*-----------------------------------------
misc
-----------------------------------------*/
.note{
font-size:8pt;
color:#999;
}
.hide{
display:none;
}
.left{
float:left;
}
.right{
float:right;
}
/*-----------------------------------------
edited for AUS site
-----------------------------------------*/

/* -- SEE CHANGES BELOW
#nav_01 a{width:45px; background: transparent url(/img/nav33.png) no-repeat 0 0px;}
#nav_02 a{width:105px; background: transparent url(/img/nav33.png) no-repeat -45px 0;}
#nav_03 a{width:60px; background: transparent url(/img/nav33.png) no-repeat -150px 0;}
#nav_04 a{width:85px; background: transparent url(/img/nav33.png) no-repeat -210px 0;}
#nav_05 a{width:100px; background: transparent url(/img/nav33.png) no-repeat -295px 0;}
#nav_06 a{width:65px; background: transparent url(/img/nav33.png) no-repeat -395px 0;}
#nav_07 a{width:85px; background: transparent url(/img/nav33.png) no-repeat -460px 0;}
#nav_08 a{width:75px; background: transparent url(/img/nav33.png) no-repeat -545px 0;}
#nav_09 a{width:53px; background: transparent url(/img/nav33.png) no-repeat -625px 0;}
#nav_01 a:hover{background: transparent url(/img/nav33.png) no-repeat 0 -25px;}
#nav_02 a:hover{background: transparent url(/img/nav33.png) no-repeat -45px -25px;}
#nav_03 a:hover{background: transparent url(/img/nav33.png) no-repeat -150px -25px;}
#nav_04 a:hover{background: transparent url(/img/nav33.png) no-repeat -210px -25px;}
#nav_05 a:hover{background: transparent url(/img/nav33.png) no-repeat -295px -25px;}
#nav_06 a:hover{background: transparent url(/img/nav33.png) no-repeat -395px -25px;}
#nav_07 a:hover{background: transparent url(/img/nav33.png) no-repeat -460px -25px;}
#nav_08 a:hover{background: transparent url(/img/nav33.png) no-repeat -545px -25px;}
#nav_09 a:hover{background: transparent url(/img/nav33.png) no-repeat -625px -25px;}
*/

#nav_01 a{width:45px; background: transparent url(/img/navmenu-2010.png) no-repeat 0 0px;}
#nav_02 a{width:105px; background: transparent url(/img/navmenu-2010.png) no-repeat -45px 0;}
#nav_03 a{width:60px; background: transparent url(/img/navmenu-2010.png) no-repeat -150px 0;}
#nav_04 a{width:85px; background: transparent url(/img/navmenu-2010.png) no-repeat -210px 0;}
#nav_05 a{width:100px; background: transparent url(/img/navmenu-2010.png) no-repeat -295px 0;}
#nav_06 a{width:70px; background: transparent url(/img/navmenu-2010.png) no-repeat -395px 0;}
#nav_07 a{width:70px; background: transparent url(/img/navmenu-2010.png) no-repeat -465px 0;}
#nav_08 a{width:75px; background: transparent url(/img/navmenu-2010.png) no-repeat -530px 0;}
#nav_09 a{width:53px; background: transparent url(/img/navmenu-2010.png) no-repeat -605px 0;}
/*
#nav_07 a{width:65px; background: transparent url(/img/navmenu-2010.png) no-repeat -460px 0;}
#nav_08 a{width:75px; background: transparent url(/img/navmenu-2010.png) no-repeat -525px 0;}
#nav_09 a{width:53px; background: transparent url(/img/navmenu-2010.png) no-repeat -600px 0;}
*/
#nav_01 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat 0 -25px;}
#nav_02 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -45px -25px;}
#nav_03 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -150px -25px;}
#nav_04 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -210px -25px;}
#nav_05 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -295px -25px;}
#nav_06 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -395px -25px;}
#nav_07 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -465px -25px;}
#nav_08 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -530px -25px;}
#nav_09 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -605px -25px;}
/*
#nav_07 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -460px -25px;}
#nav_08 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -525px -25px;}
#nav_09 a:hover{background: transparent url(/img/navmenu-2010.png) no-repeat -600px -25px;}
*/
input.btn{
margin:3px 3px 10px 3px;
border: 1px solid #000;
}