@import url("/css/screen/webkit.css");
@import url("/css/screen/opera.css");

/* ------------------------------------------------------
Structure for everything
Turn Offs
Masthead
Main Navigation
Highlighting Current Page - Main Nav
Torso Containers = mid section, main content
Torso text styles
	Headers
	Misc Style Classes
Misc Structural Classes
Torso Links
Highlighting Torso Elements
Footer
No JavaScript Styles 
No Flash Styles
--------------------------------------------------------- */



/* Structure for everything
--------------------------------------------------------------------------------------------- */
/* Declare body */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:150%;
text-align:center;
background:#666;
}


/* Main Container for everything - for consistent BG color distinct from body BG */
#mainContainer {
margin:0 auto;
width:95em;
height:90em;
max-width:1600px;
max-height:1800px;
text-align:left;
background:#FFF;
}




/* Turn offs
--------------------------------------------------------------------------------------------- */

/* Turn off borders on image links */
img {
border:0;
}

/* Turn off all browser link outlines */
a {
outline:none;
}







/* Masthead
--------------------------------------------------------------------------------------------- */
/* Masthead Container - for logo and navigation */
#mastHeadContain {
margin:0 0 0 0;
top:0;
width:95em;
height:1.65em;
max-width:100%;
max-height:40px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size:1.4em;
background-color:#003366;
}

/* Logo */
#logo {
width:29%;
height:70px;
max-width:295px;
max-height:62px;
float:left;
z-index:101;
margin-right:4px;
}

/* Logo Print version (img) 
- Hide under Logo Screen version (CSS bg rollover link) 
- Use z-index instead of 'display:none' for printing directly from screen page */
.logoLink img {
z-index:0;
}

/* Logo Mobile version (img) 
- Hide with display:none */
.hideMobile {
display:none;
}







/* Main Navigation
--------------------------------------------------------------------------------------------- */

/* Navigation Container */
#nav {
position:inherit;
top:0;
left:0;
width:47em; /* percision for Opera */
height:2.7em;
max-width:1300px;
max-height:65px;
z-index:100;
overflow:hidden;
}

#nav,
#nav ul {
padding: 0;
margin:0;
list-style: none;
line-height:1;
}


#nav a {
display: block;
color:#FFF;
text-decoration:none;
padding:.45em .5em .2em .5em;

}

#nav a:hover {
background:#FFF;
color:#003366;
text-decoration:underline;
}

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


#nav li { /* all list items */
float: left;
text-align:left;
background:#003366;

list-style:none;
}

#nav li ul { /* second-level lists */
position: absolute;
background:#003366;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, 
#nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


/* SPACING CONTROL - BLT, INTERNS, SERVICES - DROPs */
#nav .blt,
#nav .interns,
#nav .partners {
padding-top:3px;
padding-bottom:5px;
padding-left:7px;
} 

#nav .blt {
padding-right:12px;
}

#nav .interns {
padding-right:36px;
}

#nav .services {
padding-right:10px;
} 

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






/* Highlighting Current Page - Main Navigation
--------------------------------------------------------------------------------------------- */

#home #nav a.home,
#about #nav a.about,
#news #nav a.news,
#blt #nav a.blt,
#projects #nav a.projects,
#podcasts #nav a.podcasts,
#internships #nav a.internships,
#interns #nav a.interns,
#services #nav a.services,
#partners #nav a.partners,
#donate #nav a.donate,
#siteMap #nav a.siteMap {
text-decoration:underline;
background:#003366;
color:#FFF;
cursor:text;
}







/* Torso Containers = mid section, main content
--------------------------------------------------------------------------------------------- */

#torsoMainContain {
width:95em;
height:60.2em;
max-width:1600px;
max-height:602px;
color:#333;
font-size:100%;
}

#torso_outerA, 
#torso_outerB {
font-size:1.2em;
line-height:1.15em;
}








/* Torso text styles 
--------------------------------------------------------------------------------------------- */


p {
margin:1.1em 0 0 0;
padding:0;
}


/* body only unordered list */
#torsoMainContain ul {
list-style:none;
margin:0;
padding:0;
color:#333;
}

/* list spacing */
#torsoMainContain li {
margin-top:.7em;
}


/* second tier unordered list*/
#torsoMainContain li ul {
margin:0;
padding:0;
}


ol {
margin:0 0 0 0;
padding:0 0 0 0;
width:95%
}

ol li {
padding:0 0 0 0;
list-style:decimal;
}



/* Headers
---------------------------- */
h1,
h2,
h3,
h4,
h6,
h7,
h8 {
color:#003366;
}

/* h5 RESERVED FOR NEWS, HOME */
h5 {
color:#333;
}


/* Main Torso Headers (caps) */
/* Flash text headers */
h1 {
font-size:1.5em;
line-height:20%;
margin:5px 0 18px 0;
}

/* Leave undefined in uvdefault */
h2 {
}

/* Interns - Apply! */
/* Donate - where $ goes */
/* Get Urban Voice Updates */
h3 {
font-size:1.3em;
}

/* Flash text subheaders */
h4 {
font-size:1.15em;
}




/* h5 - see NEWS, HOME ul */
h5 {
font-size:1em;
line-height:.7em;
margin:1em 0 .2em 0;
}


h6 {
}


.hCap {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
}

.hBigCap {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
}






/* Misc Style Classes
---------------------------- */


/* Style acronymns and abbreviation and change cursor */
abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}


/* titles */
.title {
font-style:italic;
}

/* see 'donate' */
.bigger {
font-size:1.1em;
}


/* external links */
.external_grey {
background:url(/images/extLink_grey.gif) no-repeat right top;
padding-right: 10px;
}


/* GREY bold header */
.inlineHeader {
color:#333;
font-weight:bold;
}

/* GREY - see 'internships' To Apply ol */
.inlineGrey {
color:#333;
font-weight:normal;
line-height:1.15em;
}


/* BLUE bold header */
.inlineBlue {
color:#003366;
font-weight:bold;
font-size:1.1em;
}

/* BLUE all caps - see 'about' - We Strive ul */
.blueCaps {
color:#003366;
font-variant:small-caps;
font-weight:bold;
font-size:1.4em;
}




/* Misc Structural Classes
--------------------------------------------------------------------------------------------- */

/* spacer div for 'more' links */
.moreSpacer {
margin:.1em .8em 1em 0;
width:65%;
text-align:right;
float:right;
line-height:.5em;
}


/* subContain = subject subcontainers */
.subContain {
margin:0 0 10px 0;
width:99%;
max-width:99%;
}


/* subContain_flashTxt = flash description - to avoid padding in  
.subContain_flashTxt {
margin:2px 0 4px 4px;
width:98%;
}
*/

/* CHECK ALL PAGES FOR USE - DELETE/Move IF NOT IN USE on more than one page (altered in inteSub and projSub)
subContain40 = Right Column - to avoid container padding
removed from Intern_doeF.html and project.html */
.subContain40 {
margin:35px 0 0 0;
width:96%;
}








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

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

p a:hover {
text-decoration:underline;
}


#torsoMainContain h1 a:link, 
#torsoMainContain h1 a:visited,
#torsoMainContain h1 a:active,
#torsoMainContain h2 a:link, 
#torsoMainContain h2 a:visited,
#torsoMainContain h2 a:active,
#torsoMainContain h3 a:link, 
#torsoMainContain h3 a:visited, 
#torsoMainContain h3 a:active, 
#torsoMainContain h4 a:link, 
#torsoMainContain h4 a:visited,
#torsoMainContain h4 a:active {
color:#003366;
text-decoration:none;
}

#torsoMainContain h1 a:hover,
#torsoMainContain h2 a:hover,
#torsoMainContain h3 a:hover,
#torsoMainContain h4 a:hover {
text-decoration:underline;
}

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



/* Logo Link 
--------------------------------------- */
.logoLink {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:295px;
max-height:62px;
text-indent:-9999px;
background:url(/images/logo.gif) no-repeat top left;
}


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

a.logoLink:hover {
background-position:-295px 0;
}



/* RSS Link - in Body, not Footer
--------------------------------------- */

.roll_rssBody  {
display:block;
width:100%;
height:100%;
max-width:44px;
max-height:22px;
background:url(/images/rss.gif) no-repeat top left;
text-indent:-9999px;
}


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

a.roll_rssBody:hover {
background-position:-22px;
}


/* RolloverPrint - (Print Version) link
--------------------------------------- */

.rolloverPrint  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:88px;
max-height:24px;
background:url(/images/iconPrint.gif) no-repeat top left;
text-indent:-9999px;
}


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

a.rolloverPrint:hover {
background-position:-88px;
}







/* Highlighting Torso Elements - DO NOT MOVE! - messes up cascade
--------------------------------------------------------------------------------------------- */

/* Highlighting h1 page titles - see news
-------------------------------------------- */
.pageTitle {
cursor:text;
text-decoration:underline;
}


/* Highlighting Interns and Projects Lists
-------------------------------------------- */
#interns h1 a.hCap, 
#projects h1 a.hCap {
text-decoration:underline;
cursor:text;
}


/* Projects 
-------------------------------------------- */
#projCrossroads a.crossroads,
#projGlory a.gloryGlory,
#projCerebPC a.cerebPC,
#projAsianAm a.asianAm {
text-decoration:underline;
cursor:text;
color:#003366;
}


/* Interns 
-------------------------------------------- */
#inteDoeFestus a.crottyBrian,
#inteAndersonAdrianne a.andersonAdrianne,
#inteBairdLogan a.bairdLogan,
#inteChungAudrey a.chungAudrey,
#inteCrottyBrian a.crottyBrian,
#inteLawrenceKedar a.lawrenceKedar,
#inteLeeKyung a.leeKyung,
#inteSondagTony a.sondagTony,
#inteWoodsorrelSanje a.woodsorrelSanje,
#inteYamadaKen a.yamadaKen {
text-decoration:underline;
cursor:text;
color:#003366;
}





/* Footer
--------------------------------------------------------------------------------------------- */
/* columnA_boxC - container for Print Version link */
#printBox {
position:absolute;
margin:-26px 0 0 12px;
width:20em;
height:2.3em;
max-width:200px;
max-height:23px;
z-index:105;
}

#footer {
clear:both;
margin:0 0 0 0;
width:95em;
height:100%;
max-width:1600px;
max-height:100%;
background:#003366;
overflow:hidden;
color:#FFF;
}

address {
margin:.3em 0 0 1.2em;
width:85%;
height:2em;
max-width:98%;
max-height:98%;
overflow:auto;
text-align:left;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-style:normal;
letter-spacing:.35em;
line-height:170%;
text-decoration:none;
font-size:1.1em;
}


/* Footer Buttons 
--------------------------------------- */

/* Container for all butts */
#footer_GetButts {
margin:-1.5em .8em 0 0;
float:right;
width:88px;
height:118px;
max-width:8.8em;
max-height:14em;
overflow:hidden;
font-size:1.1em;
letter-spacing:.1em;
}

/* UV RSS */
#footer_rss {
margin:0;
padding:0 .0 .5em 0;
width:88px;
height:21px;
}

/* Adobe Buttons */
.footer_buttBox {
margin:0 0 -.4em 0;
width:88px;
height:40px;
max-width:8.8em;
max-height:40px;
}

/* Firefox */
#footer_getFirefox {
margin:0 0 .4em 0;
width:80px;
height:15px;
padding-left:8px;
}

/* Hide Get Buttons txt */
.hideTxt {
display:none;
}



/* Footer Links
--------------------------------------- */

#footer a:link, 
#footer a:visited {
text-decoration:none;
font-weight:normal;
color:#FFF;
}

#footer a:hover {
text-decoration:underline;
}

/* UV RSS rollover */
.roll_rssFoot  {
display:block;
margin:0 0 0 0;
padding:0;
width:100%;
height:100%;
max-width:88px;
max-height:21px;
background:url(/images/rss_footer.gif) no-repeat top left;
text-indent:-9999px;
}


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

a.roll_rssFoot:hover {
background-position:-88px;
}



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

/* Navigation DropDowns */
.navBar_noscript {
position:absolute;
padding:.2em;
width:51.3em;
height:1.4em;
margin:4.4em 0 0 22em;
z-index:100;

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

background:#003366;
color:#FFF;
}



#mailFooter_noscript {
position:absolute;
margin:690px 0 0 14px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size:1.1em;
color:#FFF;
letter-spacing:.35em;
}





/* No Flash Styles - Individ Intern + Project Pages
------------------------------------------------------------------------- */

.altContent p {
margin:35px 0 0 35px;
height:1.2em;
font-weight:bold;
line-height:150%;
letter-spacing:1.5px;
color:#FFF;
}

.altContent a:link, 
.altContent a:visited {
line-height:100%;
text-decoration:underline;
color:#FFF;
}

.altContent a:hover {
text-decoration:underline;
color:#003366;
background-color:#FFF;
}


/* get Flash Buttons */
.getFlashButt {
margin:95px 0 0 235px;
width:88px;
height:33px;
background:#003366;
}

.getFlashButt a:link, 
.getFlashButt a:visited {
background:#003366;
}

.getFlashButt a:hover {
background:#003366;
}