/*   Filename:  styles.css
 *   Created:   08.11.03 by Hari Khalsa
 *   Modified:  ((insert modification, revision notes here ))
 *   Desription:  
 *   Top-level and/or global style sheet definitions.
 *   Definitions and classes are as follows:
 *   
 *   body - default definition for html tag
 *   table,tr,td,th  - default definition for html tags
 *   bgMnOff - background color for menu off-state, used for navigation tabs and tab-bar
 *   bgMnOvr  - background color for menu over-state, used for drop down containers.
 *   bgMnWgOvr, bgMnWgOn  - background color for "Women & Gender" tab and drop down on|hilite states
 *   bgMnSrvOvr, bgMnSrvOn - background color for "Sexual & relationship violence" tab and drop down on|hilite states
 *   bgMnLgbtOvr, bgMnLgbtOvr - background color for "Lesbian Gay Bisexual & Transgender" tab and drop down on|hilite states
 *   bgMnRsrcOvr, bgMnRsrcOn - background color for "Resources" tab and drop down on|hilite states
 *   bgMnCmtyOvr, bgMnCmtyOn - background color for "Community" tab and drop down on|hilite states
 *   bgBrand - background color for brand header
 *   
 *   ** The following definitions will be overridden by the cascade of section style sheets.  **
 *   ** These styles may be renamed by layout element, eg:  bgSbar, bgPgBar, etc.             **
 *   bgLite - background color for light-tone section coloring, used for page backgournd, side-bar, etc.
 *   bgMid - background color for mid-tone section coloring, used for page backgournd, side-bar, etc.
 *   bgDark - background color for dark-tone section coloring, used for page backgournd, side-bar, etc.
 *   
 *   ** link styles **
 *   a - defines the default link styles as per UCSF standards
 *   a.nv - defines the link styles for links in the brand header, used for "Contact Us" and "Calendar of Events"
 *   a.mn - defines link styles for the links in the drop downs
*/

body {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE;}
table,tr,td,th {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #000000;}

.hpHdr {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #FFCC66;line-height : 16px;}
.hpBody {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;color: #FFFFCC;line-height : 16px;}
.hpPromo{font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px;color: #000000;line-height : 12px;}
/*.hpPromo {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #FFCC66; background-color: #9999CC;}*/

/* Menu and Section state classes */
.bgMnOff {background-color: #CCCCCC;}
.bgMnOvr {background-color: #333333;}
.bgMnWgOn {background-color: #006699;}
.bgMnWgOvr {background-color: #6699CC;}
.bgMnSrvOn {background-color: #CC3300;}
.bgMnSrvOvr {background-color: #FF9999;}
.bgMnLgbtOn {background-color: #9933CC;}
.bgMnLgbtOvr {background-color: #9999FF;}
.bgMnRsrcOn {background-color: #0066FF;}
.bgMnRsrcOvr {background-color: #99CCFF;}
.bgMnCmtyOn {background-color: #669933;}
.bgMnCmtyOvr {background-color: #99CC99;}
.bgMnAboutOn {background-color: #669933;}
.bgMnAboutOvr {background-color: #99CC99;}

/* Brand Header class */
.bgBrand {background-color: #EEEEEE;}

/* Default Color Pallet classes */
.bgLite {background-color: #9999CC;}
.bgMid {background-color: #666699;}
.bgDark {background-color: #333366;}
.bgGrey {background-color: #CCCCCC;}
.bgWhite {background-color: #FFFFFF;}

/*Link styles */
a:link {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #336666 ;}
a:active {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #CC6600;}
a:hover {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #CC6600;}
a:visited {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #666666;}

a.hpPromo:link {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #000000;}
a.hpPromo:active {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #000000;}
a.hpPromo:hover {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #000000;}
a.hpPromo:visited {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #000000;}

a.hp:link {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #FFCC66;}
a.hp:active {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #FFCC66;}
a.hp:hover {font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #FFCC66;}
a.hp:visited {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: underline; color: #FFCC66;}

a.nv:link {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #000000;}
a.nv:active {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #000000;}
a.nv:hover {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #000000;}
a.nv:visited {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; color: #000000;}

a.mnOn:link {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #CCCCCC ;}
a.mnOn:active {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #CCCCCC;}
a.mnOn:hover {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; color: #CCCCCC;}
a.mnOn:visited {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; color: #CCCCCC;}

a.mnOvr:link {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; color: #000000 ;}
a.mnOvr:active {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; color: #000000;}
a.mnOvr:hover {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; color: #000000;}
a.mnOvr:visited {font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; color: #000000;}

a.snvOn:link {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; color: #000000 ;}
a.snvOn:active {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; color: #000000;}
a.snvOn:hover {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;}
a.snvOn:visited {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; color: #000000;}

a.snvOvr:link {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000 ;}
a.snvOvr:active {font-family: Arial,Helvetica,sans-serif; font-size: 12px;font-weight: bold; text-decoration: none; color: #000000;}
a.snvOvr:hover {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;}
a.snvOvr:visited {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;}