/* projects */




/* 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/projects_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/projects_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/projects_rBG3.jpg) no-repeat top left;
}







/* Torso Outer Containers - for 2 columns
------------------------------------------------------------------------- */
#torso_outerA {
margin:0 0 0 0;
width:26em;
height:50em;
max-width:50%;
max-height:602px;
position:absolute;
overflow:hidden;
}


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




/* LEFT COLUMN - SEE 'projects_list.css' for rest of css
------------------------------------------------------------------------- */

/* columnA_boxA - container for PROJECTS LIST */
#columnA_boxA {
height:22em;
max-height:330px;
margin-top:235px;
}

/*
#columnA_boxA ul {
height:19em;
max-height:250px;
}
*/

#columnA_boxA dl {
height:19em;
max-height:250px;
}



/* Torso GRID CONTAINER
------------------------------------------------------------------------- */

#gridContain {
margin:87px 0 0 .3em;
width:56em;
height:420px;
max-width:560px;
max-height:420px;
position:relative;
overflow:hidden;
}


/* subGrids - GRID PROJECT ICONS
------------------------------------------------------------------------- */
/* Row 1 */
#subGrid_r1A {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
position:relative;
background-color:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
float:left;
}

#subGrid_r1B {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

#subGrid_r1C {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
float:left;
}

#subGrid_r1D {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

/* Row 2 */
#subGrid_r2A {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
clear:both;
float:left;
}

#subGrid_r2B {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

#subGrid_r2C {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

#subGrid_r2D {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
float:left;
}


/* Row 3 */
#subGrid_r3A {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
clear:both;
float:left;
}

#subGrid_r3B {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
float:left;
}

#subGrid_r3C {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

#subGrid_r3D {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

/* Row 4 */
#subGrid_r4A {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
clear:both;
float:left;
}

#subGrid_r4B {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}

#subGrid_r4C {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background:#FFF;
background:url(/images/project_blankBGwh.gif)  no-repeat top left;
float:left;
}

#subGrid_r4D {
margin:3px 0 0 3px;
width:128px;
height:96px;
max-width:24%;
max-height:96px;
background-color:#003366;
background:url(/images/project_blankBG.gif)  no-repeat top left;
float:left;
}







/* RolloverProjects - for Grid images, (Project Icon) links
------------------------------------------------------------------------- */
/* STYLES FOR REMOTERO.JS */
/* Remote RO txt styles*/

.linkOut {
text-decoration:none;
font-size:1em;
font-weight:bold;
line-height:1.1em;
color:#333;
}

.linkOver {
text-decoration:underline;
font-size:1em;
font-weight:bold;
line-height:1.1em;
color:#003366;
}







/* Crossroads */
.bgRoll_crossroads {
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;
}


.bgRoll_crossroads_switch {
display:block;
width:100%;
height:100%;
background:url(/images/project_crossroads.gif) no-repeat -128px;
text-indent:-9999px;
}

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

a.bgRoll_crossroads:hover {
background:url(/images/project_crossroads.gif) no-repeat -128px;
}





/* Glory Glory */
.bgRoll_glory {
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;
}


.bgRoll_glory_switch {
display:block;
width:100%;
height:100%;
background:url(/images/project_glory.gif) no-repeat -128px;
text-indent:-9999px;
}


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

a.bgRoll_glory:hover {
background:url(/images/project_glory.gif) no-repeat -128px;
}




/* Asian American */
.bgRoll_asianAm {
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;
}

.bgRoll_asianAm_switch {
display:block;
width:100%;
height:100%;
background:url(/images/project_asianam.gif) no-repeat -128px;
text-indent:-9999px;
}

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

a.bgRoll_asianAm:hover {
background:url(/images/project_asianam.gif) no-repeat -128px;
}





/* Cerebral Palsy Center */
.bgRoll_cpc {
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;
}

.bgRoll_cpc_switch {
display:block;
width:100%;
height:100%;
background:url(/images/project_cpc.gif) no-repeat -128px;
text-indent:-9999px;
}

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

a.bgRoll_cpc:hover {
background:url(/images/project_cpc.gif) no-repeat -128px;
}