/* about */


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


/* rBG2 - for BG image */
#rBG2 {
margin:0 0 0 0;
top:0;
width:95em;
height:45em;
max-width:100%;
background:url(/images/about_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/about_rBG3.jpg) no-repeat top left;
}



/* Main Container = mid section, all main content
--------------------------------------------------------------------------------------------- */
/*
#torsoMainContain {
width:95em;
height:60.2em;
max-width:1600px;
max-height:602px;
}
*/



/* Torso Outer Containers - for 2 columns
------------------------------------------------------------------------- */
#torso_outerA {
margin:0 0 0 0;
width:38em;
height:37em;

max-width:65%;
max-height:370px;

position:absolute;


}


#torso_outerB {
margin:0 0 0 0;
width:41em;
height:38em;

max-width:52%;
max-height:370px;

float:right;
overflow:hidden;
}



/* Toggle Styles
------------------------------------------------------------------------- */

/* for show hide static.js */

.preloader {
position:absolute;
left:-9999px;
top:-9999px;
}


.clicker {
cursor:pointer;
color:#003366;
text-decoration:underline;

}

.clicker:hover {
text-decoration:underline;
}


.hide {
width:95%;
}





/* IE ONLY - to fix ie specific display issues - hidden from other browsers
------------------------------------------------------------------------- */

/* ie7 only - MISSION + HISTORY, STAFF LIST*/
#ie7_one,
#ie7_two {
display:none; 
top:-9000px;
left:-9000px; 
}






/* LEFT COLUMN
------------------------------------------------------------------------- */

/* columnA_boxA - container for MISSION HISTORY */
#columnA_boxA {
position:relative;

margin:39px 0 0 70px;
width:39em;
height:33em;

max-width:735px;
max-height:340px;
}



.box {
position:relative;
padding-top:.5em;
width:32em;

max-width:650px;
}


#columnA_boxA dl {
margin:0 0 0 0;
width:80%;
}

#columnA_boxA dt {
display:inline;
margin:0 1em .1em 0;
color:#003366;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:1.5em;
font-weight:bold;
}

#columnA_boxA dd {
position:relative;
margin:1.9em 0 1em 0;
height:20em;

max-width:630px;
max-height:330px;
}


#columnA_boxA ol {
padding-top:.3em;
width:90%;
}

#columnA_boxA li {
margin:.8em 0 0 1.5em;
}





/* RIGHT COLUMN - We Strive To...
------------------------------------------------------------------------- */

#columnB_boxA {
margin:38px 0 0 1em;
width:35em;
height:17em;

max-width:700px;
max-height:200px;

position:relative;
overflow:auto;
}


#columnB_boxA h1 {
margin:.6em 0 1em .8em;
}


#striveBox {
width: 31em;
padding:0;
margin:0;
}


.borderRadius {
/* vendor specific extensions don't validate - consciously used, not an error */
-moz-border-radius: 25px;
border-radius: 25px;
border: 2px solid #999;
padding:0;
margin:0;
}



#columnB_boxA ul {
padding:1.2em 1em 1em 1.2em;
color:#333;
margin:-.5em 0 0 0;
width:88%;
}


#columnB_boxA li {
padding:0 0 0 14px;
margin:0 0 .5em 0;
width:95%;
background:transparent url(/images/bullet.gif) no-repeat left 2px;
}




/* RIGHT COLUMN - SERVICES
--------------------------------- */
#columnB_boxB {
margin:3px 0 0 1em;
width:35em;
height:10em;

max-width:700px;
max-height:125px;
overflow:auto;
}



#columnB_boxB h1 {
margin:0 0 0 .8em;
padding-top:.2em;
}

#columnB_boxB p {
margin:1em 0 0 1.2em;
padding:0;
width:90%;
}



/* BASE - STAFF
------------------------------------------------------------------------- */
#rowC {
position:absolute;
top:440px;
padding:0;
margin:0 0 0 70px;
width:82em;
height:16em;

max-width:820px;
max-height:200px;

overflow:hidden;
}


#rowC h1 {
font-size:1.8em;
}



#txtBox {
position:absolute;
padding:0;
margin:2em 0 0 0;

width:80em;
height:10em;
overflow:hidden;
font-size:1.2em;

max-width:800px;
max-height:200px;
z-index:103;
}



#txtBoxSub {
width:100%;
height:100px;
overflow:visible;
}



#txtBoxSub ul {
padding:0;
margin:0 0 0 0;
list-style:none;
}

#txtBoxSub li{
padding:0 1em .8em 0;
float:left;
width:9em;/* width needed or else Opera goes nuts */
}



#txtBoxSub li ul { /* second level */
margin:-.8em 0 0 0;
left:auto;
display:block;
color:#333;
width:9em;/* width needed or else Opera goes nuts */
}


/* Turn off all browser link outlines */
#txtBoxSub a,
#txtBoxSub a:visited,
#txtBoxSub a:active {
outline:none;
font-weight:normal;
border:none;
text-decoration:none;
}

#txtBoxSub a:hover {
background:#003366;
color:#FFF;
}


#crotty{
margin-left:540px;
}

#baird {
margin-left:.3em;
}

#chung {
margin-left:-2.6em;
}


#ghosh {
margin-left:-1.5em;
}

#lawrence {
margin-left:-2.8em;
}

#lee {
margin-left:.8em;
}

#woodsorrel {
margin-left:.8em;
}



/* Staff Names
----------------------------------------------------------- */

/* JavaScript Styles
------------------------------------ */

.linkOut {
color:#333;
text-decoration: none;
}

.linkOver {
color:#FFF;
background:#003366;
}



/* Staff Names w/out pages
------------------------------------ */
#linkFL1,
#linkFL3,
#linkFL5,
#linkFL6 {
cursor:text;
}




/* INDIVID MAILTO LINKS - HIDDEN
-------------------------------- */


/* KODAMA, CROTTY  
#mail1a,
#mail1b {
position:relative;
padding:0;
width:4em;
height:1.4em;

max-width:40px;
max-height:14px;

z-index:103;
}


#mail1a {
margin:-2.2em 0 0 0;
}

#mail1b  {
margin:-1.4em 0 0 66em;
}



/* row 2
-------------------- 
#mail2a,
#mail2b,
#mail2c,
#mail2d,
#mail2e,
#mail2f,
#mail2g {
position:absolute;
padding:0;
width:4em;
height:1.4em;

max-width:40px;
max-height:14px;

margin-top:5.1em;
z-index:104;
}





#mail2a {
margin-left:.1em;
}

#mail2b {
margin-left:12.4em;
}


#mail2c {
margin-left:21.3em;
}

#mail2d {
margin-left:31.4em;
}


#mail2e {
margin-left:40.1em;
}

#mail2f {
margin-left:53em;
}

#mail2g {
margin-left:66em;
}



*/


#mail1a a,
#mail1b a,
#mail2a a,
#mail2b a,
#mail2c a,
#mail2d a,
#mail2e a,
#mail2f a,
#mail2g a   {
font-size:1.2em;
color:#333;
text-decoration:none;

display:none;
}




#mailStaff_solo a {
font-size:.8em;
text-decoration:none;

}




/* Staff Headshots
----------------------------------------------------------- */


#imgOuter {
clear:left;
position:relative;
margin:-1em 0 0 12.2em;
width:515px;
height:63px;
overflow:hidden;

max-width:1500px;
max-height:63px;

z-index:110;
}


#imgBox {
position:relative;
margin:0 0 0 3px;
width:695px;
height:110px;
overflow:hidden;
}


#imgBoxSub {
position:absolute;
margin:6px 0 0 5px;
width:95px;
height:300px;
overflow:visible;
}


#imgBorder {
position:absolute;
margin:-110px 0 0 2px;
padding:0;
width:66px;
height:67px;
overflow:hidden;
background:url(/images/staf_Border.gif) no-repeat top left;
}


#imgBorderSafari {
position:absolute;
margin:0 0 0 2px;
padding:0;
width:66px;
height:67px;
overflow:hidden;
background:url(/images/staf_Border.gif) no-repeat top left;

max-width:62px;
max-height:62px;
z-index:107;
}



#bgImage0 {
position:absolute;
display:block;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 0;
background:#003366;
text-align:center;
line-height:250%;
color:#FFF;
}

/* ------------------------------------------- BOKU KODAMA */
#bgImage1 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 90px;
}


/* ------------------------------------------- BRIAN CROTTY */
#bgImage2 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 180px;
}


/* ------------------------------------------- KEN YAMADA*/
#bgImage3 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 270px;
}


/* ------------------------------------------- LOGAN BAIRD*/
#bgImage4 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 360px;
}


/* ------------------------------------------- AUDREY CHUNG*/
#bgImage5 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 450px;
}



/* ------------------------------------------- ASHA GHOSH*/
#bgImage6 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 540px;
}



/* ------------------------------------------- KEDAR LAWRENCE*/
#bgImage7 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 630px;
}



/* ------------------------------------------- KYUNG LEE*/
#bgImage8 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 720px;
}



/* ------------------------------------------- SANJE WOODSO*/
#bgImage9 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 810px;
}



/* ----------------------------REPEATS ------- BOKU KODAMA*/
#bgImage10 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 900px;
}


/* ----------------------------REPEATS ------- BRIAN CROTTY*/
#bgImage11 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 990px;
}


/* ----------------------------REPEATS ------- KEN YAMADA*/
#bgImage12 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 1080px;
}


/* ----------------------------REPEATS ------- LOGAN BAIRD*/
#bgImage13 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 1170px;
}


/* ----------------------------REPEATS ------- AUDREY CHUNG*/
#bgImage14 {
position:absolute;
width:50px;
height:50px;
border:1px dashed #003366;
margin:0 0 0 1260px;
}



.bgRoll_FL1 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_kodama.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL1Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_kodama.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL1:hover {
background:url(/images/staf_kodama.gif) no-repeat -50px;
}



.bgRoll_FL2 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_crotty.jpg) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL2Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_crotty.jpg) no-repeat -50px;
text-indent:-9999px;
}

a.bgRoll_FL2:link, a.bgRoll_FL2:visited {
background:url(/images/staf_crotty.jpg) no-repeat top left;
}

a.bgRoll_FL2:hover {
background:url(/images/staf_crotty.jpg) no-repeat -50px;
}


.bgRoll_FL3 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_yamada.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL3Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_yamada.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL3:hover {
background:url(/images/staf_yamada.gif) no-repeat -50px;
}


.bgRoll_FL4 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_baird.jpg) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL4Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_baird.jpg) no-repeat -50px;
text-indent:-9999px;
}

a.bgRoll_FL4:link, a.bgRoll_FL4:visited {
background:url(/images/staf_baird.jpg) no-repeat top left;
}

a.bgRoll_FL4:hover {
background:url(/images/staf_baird.jpg) no-repeat -50px;
}



.bgRoll_FL5 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_chung.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL5Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_chung.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL5:hover {
background:url(/images/staf_chung.gif) no-repeat -50px;
}





.bgRoll_FL6 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_ghosh.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL6Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_ghosh.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL6:hover {
background:url(/images/staf_ghosh.gif) no-repeat -50px;
}




.bgRoll_FL7 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_lawrence.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL7Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_lawrence.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL7:hover {
background:url(/images/staf_lawrence.gif) no-repeat -50px;
}




.bgRoll_FL8 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_lee.gif) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL8Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_lee.gif) no-repeat -50px;
text-indent:-9999px;
}

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

a.bgRoll_FL8:hover {
background:url(/images/staf_lee.gif) no-repeat -50px;
}



.bgRoll_FL9 {
display:block;
width:50px;
height:50px;
background:url(/images/staf_woodsorrel.jpg) no-repeat top left;
text-indent:-9999px;
}

.bgRoll_FL9Switch {
display:block;
width:50px;
height:50px;
background:url(/images/staf_woodsorrel.jpg) no-repeat -50px;
text-indent:-9999px;
}

a.bgRoll_FL9:link, a.bgRoll_FL9:visited {
background:url(/images/staf_woodsorrel.jpg) no-repeat top left;
}

a.bgRoll_FL9:hover {
background:url(/images/staf_woodsorrel.jpg) no-repeat -50px;
}







/* No JavaScript msg
--------------------------------------------------------------------------------------------- */

#hshot_noscript {
position:absolute;
width:455px;
height:3.3em;
margin:469px 0 0 220px;
padding:2px 2px 2px 2px;

font-size:1.3em;
font-weight:bold;
text-align:left;
line-height:140%;
letter-spacing:1.5px;
text-align:center;

background:#003366;
color:#FFF;
z-index:107;
}