/* home */






/* Background image rows - for whole page
--------------------------------------------------------------------------------------------- */

/* rBG1 - for BG image */
#rBG1 {
margin:0 0 0 0;
top:0;
width:95em;
height:4.5em;
max-width:100%;
max-height:45px;
background:url(/images/home_rBG1.jpg) no-repeat top left;
}


/* rBG2 - for BG image */
#rBG2 {
margin:0 0 0 0;
top:0;
width:95em;
height:40em;
max-width:100%;
max-height:400px;
background:url(/images/home_rBG2.jpg) no-repeat top left;
}


/* rBG3 - for BG image */
#rBG3 {
margin:0 0 0 0;
top:0;
width:95em;
height:20.3em;
max-width:100%;
max-height:203px;
background:url(/images/home_rBG3.jpg) no-repeat top left;
}




/* Outer Containers - for 3 column float (CENTER and RIGHT COLUMNS)
------------------------------------------------------------------------- */
#torso_outerA {
margin:0 0 0 0;
width:22em;
height:50em;
max-width:43%;
max-height:602px;
position:absolute;
overflow:hidden;
z-index:100;
}

#torso_outerB {
margin:0 0 0 0;
width:67em;
height:50em;
max-width:72%;
max-height:602px;
float:right;
overflow:hidden;
}



/* LIST LINK STYLES
------------------------------------------------------------------------- */
/* DON'T DEFINE ALL LINKS in uvDefault torsomaincontain - messes up javascript styles for project, intern lists */

#torsoMainContain ul a,
#torsoMainContain ul a:visited,
#torsoMainContain ul a:active {
color:#333;
text-decoration:none;
font-weight:bold;
}


#torsoMainContain ul a:hover {
text-decoration:underline;
}



/* LEFT COLUMN
------------------------------------------------------------------------- */
/* columnA_boxC - NEWS + EVENTS */
#columnA_boxA {
margin:46px 0 0 70px;
width:20.8em;
height:24.5em;
max-width:81%;
max-height:315px;
text-align:left;
}

#columnA_boxA ul {
margin:-10px 0 0 0;
width:20.8em;
height:25em;

max-width:100%;
max-height:315px;
overflow:auto;
}

.hide,
#tog0,
#tog1,
#tog2,
#tog3,
#tog4 {
display:none;
}





/* columnA_boxC - AD outside */
#columnA_boxB {
margin:3.5em 0 0 60px;
width:195px;
height:170px;
max-width:19.5em;
max-height:17em;
}

/* columnA_boxC - AD inside */
#columnA_boxBsub {
margin:8.5em 0 0 80px;
width:160px;
height:80px;
max-width:16em;
max-height:8em;
z-index:101;
position:absolute;
}







/* CENTER COLUMN
------------------------------------------------------------------------- */

#columnB {
margin:40px 0 0 6px;
width:30em;
height:56em;
max-width:400px;
max-height:560px;
overflow:hidden;
float:left;
}



/* columnC_boxB = Projects container */
#columnC_boxB {
margin:0 0 0 32px;
width:266em;
height:200em;
max-width:266px;
max-height:220px;
position:relative;
}

/* columnC_subContain - for max control of vert spacing across browsers */
#columnC_subContain {
position:relative;
margin:-13px 0 0 0;
}

#columnC_boxB_subA {
margin:12px 0 0 2px;
width:128px;
height:96px;
max-width:100%;
max-height:96px;
position:absolute;
background:url(/images/project_blankBG.gif);
}

#columnC_boxB_subB {
margin:12px 0 0 138px;
width:128px;
height:96px;
max-width:100%;
max-height:96px;
position:absolute;
background:url(/images/project_blankBG.gif);
}

#columnC_boxB_subC {
margin:116px 0 0 2px;
width:128px;
height:96px;
max-width:100%;
max-height:96px;
position:absolute;
background:url(/images/project_blankBG.gif);
}

#columnC_boxB_subD {
margin:116px 0 0 138px;
width:128px;
height:96px;
position:absolute;
background:url(/images/project_blankBG.gif);
}




/* columnC_boxA = PODCASTS container */
#columnC_boxA {
margin:70px 0 0 32px;
width:18.5em;
height:100px;
max-width:50%;
max-height:100px;
position:relative;
}

/* columnC_boxA p = TXT */
#columnC_boxA p {
margin:39px 0 0 72px;
width:9em;
max-width:60%;
max-height:20px;
position:relative;
font-size:1.2em;
}

/* columnC_boxA_subB = ICON */
#columnC_boxA_subB {
margin:0 0 0 4px;
width:6.7em;
height:56px;
max-width:36%;
max-height:67px;
float:left;
}



/* RIGHT COLUMN
------------------------------------------------------------------------- */


/* columnC - for right column - URBAN VOICE is */
#columnC {
margin:40px 0 0 0;
width:21em;
height:25em;
max-width:700px;
max-height:560px;
overflow:auto;
}

#columnC p {
margin:0 0 1em 0;
width:19em;
}



/* BASE COLUMNS - MAKE A DIFFERENCE!
------------------------------------------------------------------------- */
/* Outer Column - to make contents disappear on scale down */
#torso_outerC {
position:absolute;
width:75em;
height:20em;
max-width:750px;
max-height:200px;
overflow:hidden;
}


/* Outer Box */
#box_makeAdif {
/* position relative makes contents disappear on resize */
position:relative;
margin:20px 0 0 447px;
width:24em;
height:13.3em;
max-width:240px;
max-height:133px;
}

/* Donate */
#box_makeA_01T {
position:absolute;
margin:47px 0 0 0;
width:66px;
height:17px;
max-width:66px;
max-height:17px;
background:url(/images/makeA_01T.gif);
}

#box_makeA_01B {
position:absolute;
margin:64px 0 129px 0;
width:66px;
height:45px;
max-width:66px;
max-height:45px;
background:url(/images/makeA_01B.gif);
}


/* Intern */
#box_makeA_02T {
position:absolute;
margin:18px 0 0 66px;
width:57px;
height:29px;
max-width:57px;
max-height:29px;
background:url(/images/makeA_02T.gif);
}

#box_makeA_02B {
position:absolute;
margin:47px 0 0 66px;
width:57px;
height:38px;
max-width:57px;
max-height:38px;
background:url(/images/makeA_02B.gif);
}


/* Services */
#box_makeA_03T {
position:absolute;
margin:0 0 0 123px;
width:73px;
height:18px;
max-width:73px;
max-height:18px;
background:url(/images/makeA_03T.gif);
}

#box_makeA_03B {
position:absolute;
margin:18px 0 0 123px;
width:73px;
height:41px;
max-width:73px;
max-height:41px;
background:url(/images/makeA_03B.gif);
}


/* Partner */
#box_makeA_04T {
position:absolute;
margin:-20px 0 0 196px;
width:67px;
height:48px;
max-width:67px;
max-height:48px;
background:url(/images/makeA_04T.gif);
}



/* MakeAdif Rollovers
--------------------------- */


/* Donate RO */
.roll_makeA_01B  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:66px;
max-height:45px;
background:url(/images/makeA_01B.gif) no-repeat;
text-indent:-9999px;
}
a.roll_makeA_01B:link, a.roll_makeA_01B:visited, a.roll_makeA_01B:active {
background:url(/images/makeA_01B.gif) no-repeat;
}
a.roll_makeA_01B:hover {
background-position:-66px 0;
}

/* INTERN RO */
.roll_makeA_02B  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:57px;
max-height:38px;
background:url(/images/makeA_02B.gif) no-repeat;
text-indent:-9999px;
}
a.roll_makeA_02B:link, a.roll_makeA_02B:visited, a.roll_makeA_02B:active {
background:url(/images/makeA_02B.gif) no-repeat;
}
a.roll_makeA_02B:hover {
background-position:-57px 0;
}

/* Services RO */
.roll_makeA_03B  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:73px;
max-height:41px;
background:url(/images/makeA_03B.gif) no-repeat;
text-indent:-9999px;
}
a.roll_makeA_03B:link, a.roll_makeA_03B:visited, a.roll_makeA_03B:active {
background:url(/images/makeA_03B.gif) no-repeat;
}
a.roll_makeA_03B:hover {
background-position:-73px 0;
}

/* Partner RO */
.roll_makeA_04T  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:67px;
max-height:48px;
background:url(/images/makeA_04T.gif) no-repeat;
text-indent:-9999px;
}


a.roll_makeA_04T:link, a.roll_makeA_04T:visited, a.roll_makeA_04T:active {
background:url(/images/makeA_04T.gif) no-repeat;
}

a.roll_makeA_04T:hover {
background-position:-67px 0;
}







/* RolloverAd + RolloverAd_client - for (Advertisement) link
------------------------------------------------------------------------- */
.rolloverAd  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:195px;
max-height:170px;
background:url(/images/ad_outside.gif) no-repeat;
text-indent:-9999px;
}


a.rolloverAd:link, a.rolloverAd:visited, a.rolloverAd:active {
background:url(/images/ad_outside.gif) no-repeat;
}

a.rolloverAd:hover {
background-position:-195px 0;
}


/* RolloverAd_client  */
.rolloverAd_client  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:160px;
max-height:80px;
background:url(/images/ad_inside.gif) no-repeat;
text-indent:-9999px;
z-index:100;
}


a.rolloverAd_client:link, a.rolloverAd_client:visited, a.rolloverAd_client:active {
background:url(/images/ad_inside.gif) no-repeat;
}

a.rolloverAd_client:hover {
background-position:-160px 0;
}




/* RolloverPodcasts - for (Speaker Icon) link
------------------------------------------------------------------------- */
.rolloverPodcasts  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:67px;
max-height:56px;
background:url(/images/iconPodcast.gif) no-repeat top left;
text-indent:-9999px;
}


a.rolloverPodcasts:link, a.rolloverPodcasts:visited, a.rolloverPodcasts:active {
background:url(/images/iconPodcast.gif) no-repeat top left;
}

a.rolloverPodcasts:hover {
background-position:-67px 0;
}




/* RolloverProjects - for (Project Icon) link
------------------------------------------------------------------------- */

/* Crossroads */
.rolloverXrds  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:128px;
max-height:96px;
background:url(/images/project_crossroads.gif) no-repeat top left;
text-indent:-9999px;
}


a.rolloverXrds:link, a.rolloverXrds:visited, a.rolloverXrds:active {
background:url(/images/project_crossroads.gif) no-repeat top left;
}

a.rolloverXrds:hover {
background-position:-128px 0;
}



/* CPC (cerebral palsy center) */
.rolloverCPC  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:128px;
max-height:96px;
background:url(/images/project_cpc.gif) no-repeat top left;
text-indent:-9999px;
}


a.rolloverCPC:link, a.rolloverCPC:visited, a.rolloverCPC:active {
background:url(/images/project_cpc.gif) no-repeat top left;
}

a.rolloverCPC:hover {
background-position:-128px 0;
}


/* Glory Glory Hallelujah */
.rolloverGlory  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:128px;
max-height:96px;
background:url(/images/project_glory.gif) no-repeat top left;
text-indent:-9999px;
}


a.rolloverGlory:link, a.rolloverGlory:visited, a.rolloverGlory:active {
background:url(/images/project_glory.gif) no-repeat top left;
}

a.rolloverGlory:hover {
background-position:-128px 0;
}



/* Asian Am Political Movement */
.rolloverAsian  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:128px;
max-height:96px;
background:url(/images/project_asianam.gif) no-repeat top left;
text-indent:-9999px;
}


a.rolloverAsian:link, a.rolloverAsian:visited, a.rolloverAsian:active {
background:url(/images/project_asianam.gif) no-repeat top left;
}

a.rolloverAsian:hover {
background-position:-128px 0;
}