/*

JZ CSS file organization
-----------------
[1] General
All general items, browser specific hacks.

[2] Header
All things specific to the CSS headers.

[3] Tabs/Navigation
All things specific to the CSS tabs/navigation.

[4] Links
All things specific to a hrefs.

[5] Fonts
All things specific to fonts.

[6] Tables
All things specific to a tables.

[7] Sidebar Blocks
All things specific to the sidebar blocks.

----------------- 
Questions/Comments: Email webmaster@calgb.org

*/


/* ---------[1]General--------- */

body  { 
	background-color: #fff; 
	margin:0px;
	font-size: 12px; 
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}

p, td  { 
	font-size: 12px;  
	}

img { 
	border:none;
	}

.clear {
	clear:both;
	}
/* ---------[2]Header--------- */

#header {
	margin: 0 auto;
	background: #8E9FC4;
	padding:0;
	height:97px;
	}
	
#header img {
	float:left;
	}
	
.topname {
	float:left;
  	font-size: 2em;
  	font-weight: normal;
  	color: #21428c;
 	padding-top: 5px;
 	width:600px;
 	margin:0;
    }

.tagline {
	position:relative;
  	font-size: 1.0em;
  	font-style: italic;
  	line-height: 1.0em; 
  	color: #5971A9;
 	padding:0 0 0 5px;
 	width:600px;
    }

.topurl {
	display:block;
	text-align: right;
  	padding:5px 20px 0 0;
	}

.topurl  a {
  	font-size: 1em;
  	font-weight: normal;
  	line-height: 1.2em; 
  	color: #21428C;
  	text-decoration:none;
  	}

/* ---------[3]Tabs/Navigation--------- */

#nav {
	width:860px;
	padding-left:132px;
	margin-top:-22px;
	}	

#nav ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:17px;
	}

#nav ul li ul {
	background: #8E9FC4;
	width: 16em;
	}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	}

#nav a.parent {
	background: url("/zgraphics/gifs/shared/menu_arrow.gif") center right no-repeat;
	}

#nav li {
	float: left;
	padding: 0;
	}

#nav ul li {
	float: left;
	text-align:center;
	background:#5971A9;
	border-top: 1px solid #21428c;
	border-left: 1px solid #21428c;
	border-right: 1px solid #21428c;
	margin-left:2px;
	padding: 0;
	}

#nav ul li ul {
	border: 1px solid #21428c;
	}

#nav ul li ul li {
	background: #8E9FC4;
	text-align:left;
	border:none;
	margin-left:0;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 14.9em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#nav li li {
	padding-right: 1em;
	width: 15em
	}

#nav li ul a {
	width: 15em;
	w\idth: 11em;
	text-align:left;
	}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover {
	background: #21428c;
	}

#nav ul li ul li:hover, #nav ul li ul li.sfhover {
	background: #5971A9;
	}

#home #nav-home a, #clinical-trials #nav-clinicaltrials a, #meetings #nav-meetings a, #publications #nav-publications a, 
#advocacy #nav-advocacy a, #links #nav-links a, #membership #nav-membership a, #foundation #nav-foundation a,
#member-site #nav-membersite a, #studies #nav-studies a, #directory #nav-directory a, #resources #nav-resources a, 
#policies #nav-policies a, #training #nav-training a, #funding #nav-funding a{
	color:#000;
	}

#menubar {
	border-top:1px solid #21428C;
	border-bottom:1px solid #21428C;
	background: #5971A9;
	height:21px;
	}

#menubar p {
	color:#fff;
	font-size:.85em;
	margin:0;
	padding: 5px;
	}

#menubar a {
	color:#fff;
	}
	
/* ---------[4]Links--------- */

a:link, a.dark:link, a.dark:visited, a.dark:active { 
	color: #192C56; 
    }

a:visited, a.dark:hover  { 
	color: #21428C; 
	}

a:hover, a:active { 
	color: #5971a9; 
	}

/* ---------[5]Fonts--------- */

h1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	}

h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}

h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	}

h4 {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	}

h5 {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	}

h6 {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	}

.normal_bold { 
	font-weight: bold; 
	}

.normal_italic  { 
	font-style: italic; 
	}

.status_green  { 
	color: green; 
	font-weight: bold; 
	}

.status_red  { 
	color: red; 
	font-weight: bold; 
	}

.status_orange  { 
	color: #ff6633; 
	font-weight: bold; 
	}

.status_pink  { 
	color: #cd5c5c;  
	font-weight: bold; 
	}

.small {
	font-size: 85%;
	}
	
.small_white   { 
	color: white; 
	font-size: 85%; 
	}

.small_bold { 
	font-size: 85%; 
	font-weight: bold; 
	}

.small_italic { 
	font-size: 85%; 
	font-style: italic; 
	}

/* ---------[6]Tables--------- */

.td_lightest   { 
	font-weight: bold; 
	background: #f1f4fb; 
	border: solid 1px #c7d0e2; 
	padding-left:1px;
	}

.td_light   { 
	font-weight: bold; 
	background: #c7d0e2; 
	border: solid 1px #8e9fc4;
	padding-left:1px;
	}

.td_dark    { 
	background: #8e9fc4; 
	border: solid 1px #21428c; 
	padding-left:1px;
	}
	
.td_lightest_nb   { 
	background: #f1f4fb;
	padding-left:1px;
	}

.td_light_nb   { 
	background: #c7d0e2;
	padding-left:1px;
	}

/* ---------[7]Sidebar Blocks--------- */

a.side:link   { 
	color: #192c56; 
	font-size: 90%; 
	font-weight: normal; 
	text-decoration: none;
	}

a.side:visited { 
	color: #21428C; 
	font-weight: normal; 
	font-size: 90%; 
	text-decoration: none; 
	}

a.side:hover, a.side:active  { 
	color: #5971a9; 
	font-size: 90%; 
	font-weight: normal; 
	text-decoration: underline; 
	}

form.side {
	margin: 0px;
	padding: 2px;
	text-align:center;
	}
	
.sidebar {
	width:170px;
	background: #f1f4fb;
	border:1px solid #5971A9;
	margin:0;
	padding:0;
	text-align:left;
	}
	
.sidebar h3 {
	background:#8E9FC4;
	font-weight:bold;
	margin:0;
	padding:1px;
	border-bottom:1px solid #5971A9;
	}

p.sidebar  {
	margin: 0;
	padding: 3px;
	}
	
.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 14px;
	}

.sidebar ul li{
	padding: 2px 4px 2px 10px;
	background: url("/zgraphics/gifs/shared/dot.gif") no-repeat 0 3px;
	border-bottom:1px solid #C7D0E2;
	}