/*
-----------------------------------------------
Two Column Design by Alnisa Allgood 
inspired by Stop Design, All That Malarky, and 1976 Designs
Table & Report Adapted from Veerle's Post http://veerle.duoh.com/comments.php?id=315_0_2_10_C

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

body {
  margin:0;
  padding:0;
  background:#fff;
  font:small/1.6em Verdana,Sans-serif;
  text-align:left;
  color:#000;
  font-size:medium;
  } html>body {font-size:medium;  }
  
.container {
  width:780px;
  margin:0 auto;
  border:solid #8894C6;
  border-width:0 1px;
  color:#250B65 ;
  background:#fff url("http://nahic.ucsf.edu/images/background_table.gif") repeat-y 0 0;
  position:relative;
  }  
  
.container2 {
  width:780px;
  margin:0 auto;
  border:solid #8894C6;
  border-width:0 1px;
  color:#250B65 ;
  background:#fff;
  position:relative;
  }  
  
body.home {
  background:#E8E8E8;
  color:#000;
  }

.home #c-smx {
  background-image:url("http://nahic.ucsf.edu/images/background_table.gif");
  }
  
.home #c-smx2 {
  background-image:url("");
  }

/* Header
----------------------------------------------- */
#header {
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:78px;
  }
.home #header {
  height:78px;
  background-color:#fff;
  }
  
#header1 {
  background-color:#fff;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  height:30px;
  }
.home #header1 {
  height:30px;
  background-color:#fff;
  }

#header1 img, 
#header img {border-width: 0; }

/* MainNav
----------------------------------------------- */
#nav {
  background-color:#fff;
  background-repeat:no-repeat;
  float: left;
  width:100%;
  border:solid #8894C6 ;
  border-width:0 0 1px 0;
  }
.home #nav {
  background-position:0 -70px;
  }
#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-family: Lucida Sans, Lucida Grande, Arial, Sans Serif;
  font-size:11px;
  font-weight: bold;
  text-transform:titlecase;
  }
#nav li {
  float:left;
  margin:0;
  padding:6px;
  background-image:none;
  text-indent:0;
  }
#nav a, #nav strong {
  padding:13px 0 17px 15px;
  border:solid #8894C6 ;
  border-width:0 0 0 1px;
  text-decoration:none;
  white-space:nowrap;
  }
/* Following rule allows entire region of downloads to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav #current strong, #nav #current a {
  background-repeat:no-repeat;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#FF9900;
  }
#nav a:hover {
  background-repeat:no-repeat;
  }
#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  border:solid #8894C6 ;
  }
  
.home #nav {
  background-color:#E3E3FF;
  border-color:#8894C6;
  }
.home #nav a, .home #nav strong {
  border-color:#8894C6;
  }




/* SideBar Nav
----------------------------------------------- */
#side {
  width: 223px;
  }
  
#side ul {
  padding-top: 0;
  padding-bottom: 20px;
  list-style: none;
  font: 11px Lucida Sans, Lucida Grande, Arial, Sans Serif;
  font-weight: bold;
  text-transform: titlecase;
  }

#side li {
  padding: 5px 0 5px 10px;
  height: 30px;
  text-indent: 0;
  border-bottom: solid 1px #8894C6;
  line-height:1.3em;
  display: block;
  vertical-align: middle;
  }
  
#side a {
  text-decoration: none;
  white-space: wrap;
  border-width: 0;
  }
  
#side a:hover {
  color:#FF9900;
  }
  
#logo {
  position: relative;
  text-align: center;
  bottom: 0;
  left: 10;
  width:213px;
  }

p.logo {
  margin:0;
  padding-top: 15px;
  font-family: Lucida Sans, Lucida Grande, Arial, Sans Serif;
  font-size:10px;
  line-height:1.6em;
  color: #000;
  }




/* Page Structure
----------------------------------------------- */
#content {
  padding:0 0px;
  float:left;
  width:780px;
  }
  
 #content2 {
  padding:0 0px;
  float:left;
  width:780px;
  }

.home #content {
  padding-top:0px;
  }
#maincol {
  float:right;
  width:525px;
  display: inline;
  }
  
#maincol2 {
  float:right;
  width:758px;
  display: inline;
  }

#blog {
  float:left;
  padding-left: 5px;
  padding-right: 15px;
  }

#subcol {
  float:left;
  width:225px;
  color:#8894C6 ;
  display: inline;
}

.home #content {
  background-image:url("http://nahic.ucsf.edu/images/background_table.gif");
  }
  
.home #content2 {
  background-image:url("");
  padding-top:0px;
  }

.hidden { 
  display:none;
}


/* Page Structure: C-SMX
----------------------------------------------- */

#c-smx #maincol {
  float:right;
  width:525px;
  font-size:85%;
  line-height:1.6em;
  padding-right: 10px;
  }
#c-smx #subcol {
  float:left;
  }


/* Headings
----------------------------------------------- */
h1, #section {
  margin:1em 0 .25em;
  font:24px/1.4em Georgia,Serif;
  font-weight: heavy;
  text-align: left;
  padding-top: 10px;
  color:#ff9900;
  border-bottom: none;
  height: 30px;

  }

h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Georgia,Serif;
  line-height:1.5em;
  }
h3 a {
  border-width:0;
  }
h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }
  
h5 {
  margin:1em 0 .25em;
  font:24px Lucida Sans, San Serif;
  font-weight: heavy;
  text-align: left;
  padding-top: 10px;
  color:#ff9900;
  border-bottom: 1px dotted #8894C6;
  height: 30px;

  }
h6 {
  margin:1em 0 .25em;
  font:12px Lucida Sans, San Serif;
  font-weight: heavy;
  text-align: left;
  padding-top: 10px;
  color:#ff9900;
  border-bottom: 1px solid #ccd;
  }
 
  
/* Entries
----------------------------------------------- */
.entry {
  margin:0 0 1.75em;
  }
  
.entry h3 {
  margin:.75em 0 .25em;
  font:175%/1.5em Georgia,Serif;
  color:#245;
  }
  
.posted, .posted-top {
  color:#998;
  }
.posted, .search .posted, .posted-top {
  font-size:85%;
  line-height:1.6em;
  }
p.posted,.search {
  margin-top:.5em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  }
.posted strong {
  color:#887;
  font-weight:normal;
  }
p.posted-top {
  margin-top:.5em;
  border-bottom:1px solid #ccd;
  padding-top:4px;
  padding-bottom:4px;
  }
  
.posted-top .commentdownloads, .posted-top .commentdownloads:visited {
  margin-left:0;
  border-left-width:0;
  background-position:0 50%;
  padding-left:14px;
  }
  
#maincol .entrylist li a {
  font:125%/1.4em Georgia,Serif;
  }

/* Links
----------------------------------------------- */
a, .subnav a:visited {
  color:#358;
  text-decoration:none;
  border-bottom:1px dotted #8894C6 ;
  }
a:visited {
  color:#9B9BA6 ;
  border-color:#8894C6;
  }
a:hover, .subnav a:hover {
  color:#FF9900;
  border-color:#8894C6;
  border-bottom-style:solid;
  }
a img, .noline, a.noline:downloads, a.noline:visited, a.noline:hover, a.thumb {
  border-width:0;
  border: 0;
  }
  
h1 a, #section a {
  border-width:0;
  }
p.anchor {
  padding-top:15px;
  padding-bottom:5px;
  text-align: right;
  }
p.anchor_c {
  padding-top:15px;
  padding-bottom:1px;
  text-align: center;
  }
p.anchor_r {
  padding-top: 1px;
  padding-bottom:5px;
  text-align: right;
  }

/* Lists
----------------------------------------------- */
ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 18px;
  text-indent:-18px;
  }
    
.entry ul {
  margin-left:20px;
  margin-right:20px;
  }
  
#stats ul li {
  margin:0 0 5px;
  padding:0 0 8 18px;
  text-indent:-18px;
  color: #4F6B72;
  }



/* Misc
----------------------------------------------- */
p.sidebar {
  margin:10px 10px 0px 10px;
  }
p.sub, p.end, p.more, p.note {
  color:#777;
  }

#c-smx #xcol .sub {
  color:#666;
  }
.note {
  color:#933 !important;
  }
p.more {
  margin-bottom:1.5em;
  }
  
hr {
  display:none;
  }
  
.clear {
  clear:both;
  }
  

/* Images
----------------------------------------------- */

.imgleft, .left, img.left {
  float:left;
  margin:4px 8px 4px 0;
  }
.imgright, .right, img.right {
  float:right;
  margin:4px 0 4px 8px;
  }
.imgcenter, .center, img.center {
  position: relative;
  margin:4px 8px 4px 0;
  }
img.imgleft, img.imgright, img.center, imgcenter {
  padding:4px;
  border:1px solid #ddc;
  }
.left em, .right em {
  margin-top:.25em;
  display:block;
  }
img.block {
  display:block;
  margin:.5em 0;
  }
.banner {
  margin:0 -10px 0 -22px;
  }

#log img.block, #search img.block {
  margin:1em 0;
  }
  
.hilite { background-color: #FFCC80; }

.inch {
  position: relative;
  margin-left:20px;
  }

.indent {
  position: relative;
  padding-left:20px;
  padding-right:20px;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:20px;
  border-bottom:1px solid #000;
  font-size:85%;
  }
#footer p {
  background:#250B65 repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #250B65;
  color:#E3E3FF;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  
#footer a, #footer a:visited {
  color:#9B9BA6 ;
  border-color:#479;
  }
#footer a:hover {
  color:#8bc;
  border-color:#479;
  }
  
  
/* Footer Black
----------------------------------------------- */
#footer2 {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #000;
  font-size:85%;
  }
#footer2 p {
  background:#000000 repeat-x 0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #250B65;
  color:#E3E3FF;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
  
#footer2 a, #footer a:visited {
  color:#9B9BA6 ;
  border-color:#479;
  }
#footer2 a:hover {
  color:#8bc;
  border-color:#479;
  }
  
  
  
/* CROSS TAB TABLES 100%
----------------------------------------------- */

#crosstab {
	width: 100%;
	padding: 0;
	margin: 0;
}

#crosstab a {
	color: #c75f3e;
}

caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#crosstab th {
	font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #514890;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center ;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(http://nahic.ucsf.edu/images/layout/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#crosstab td {
	text-align: center ;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4F6B72;
}

#crosstab td.hd {
	text-align: left ;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4F6B72;
}


#crosstab td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

#crosstab th.spec {
	text-align: left ;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://nahic.ucsf.edu/images/layout/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#crosstab th.specalt {
	text-align: left ;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://nahic.ucsf.edu/images/layout/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #B4AA9D;
}

/* CROSS TAB TABLES ANY WIDTH
----------------------------------------------- */

#crosstab_sm {
	padding: 0;
	margin: 0;
}

#crosstab_sm a {
	color: #c75f3e;
}

#crosstab_sm th {
	font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #514890;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center ;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(http://nahic.ucsf.edu/images/layout/bg_header.jpg) no-repeat;
}

#crosstab_sm th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#crosstab_sm td {
	text-align: center ;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4F6B72;
}

#crosstab_sm td.hd {
	text-align: left ;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4F6B72;
}


#crosstab_sm td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

#crosstab_sm th.spec {
	text-align: left ;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://nahic.ucsf.edu/images/layout/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#crosstab_sm th.specalt {
	text-align: left ;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://nahic.ucsf.edu/images/layout/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #B4AA9D;
}

/* Report Listing OL, UL, LI
----------------------------------------------- */
#report {
  background-color:#fff;
  background-repeat:no-repeat;
  float: left;
  width:100%;
  }

#report ul {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold;
  text-transform:capitalize;
  text-indent:-18px;
  margin-left:20px;
  margin-right:20px;
  color:#250B65 ;
  }
#report li {
  margin:0;
  padding:5px;
  background-image:none;
  text-indent:0;
  font-size:11px;
  font-weight: normal;
  text-transform:none;
  color: #4F6B72;
  }
  
#report a, #report strong {
  text-decoration:none;
  white-space:nowrap;
  color:#250B65 ;
  }


/*
-----------------------------------------------
FORM DETAIL (Mostly UNUSED)
----------------------------------------------- */


/* Search Form
----------------------------------------------- */
#searchform {
  margin-bottom:0;
  }
#searchform h2, #advsearch h2 {
  margin-bottom:0;
  }
#searchbox {
  width:135px;
  }
#searchLi {
	width: 204px;
}


/* Contact Form
----------------------------------------------- */
#contactform {
  background:#eed;
  padding:5px 10px 8px;
  margin-top:.75em;
  margin-bottom:1.5em;
  }
#contactform table {
  color:#444;
  }
#contactform th {
  text-transform:lowercase;
  }
p.error, .error th label, .error td label {
  color:#744;
  }
h2.error, h4.error {
  color:#933;
  }
p.error {
  font-size:85%;
  line-height:1.5em;
  }
.msgbody {
  margin:.5em 0 0;
  border-top:1px dotted #ccb;
  padding-top:.5em;
  }
  
  
/* Generic Forms
----------------------------------------------- */
table {
  font:100% Tahoma, Arial;
  }
form {
  margin:0;
  }
form > table {
  width:100%;
  }
form .group {
  margin:0 0 .75em;
  }
form.filter {
  margin-bottom:1.5em;
  }
input, textarea, select {
  margin:1px 0;
  font:100%/1.2em Tahoma, Arial;
  }
td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:90%;
  }
input.text {
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
  }
.imgbutton {
  vertical-align:middle;
  }
select {
  border:1px solid #ccc;
  }
form p {
  font-size:100%;
  }
form td p {
  font-size:100%;
  }
#subcol form div, #c-smx #maincol form div {
  margin-bottom:4px;
  }
.search #subcol form div.group {
  margin-bottom:.75em;
  }
form div div, #maincol form div div, form table {
  font-size:100%;
  padding:0;
  border-width:0;
  }
/* form table td.label {
  width:15%;
  }
form table td {
  width:85%;
  } */
form table td, form table th {
  padding:5px 10px 5px 0;
/*  border-bottom:1px dotted #ccb; */
  font-weight:normal;
  font-size:100%;
  }
  
/*form table {
  border-bottom:1px dotted #ccb;
  } */
  
/* form td.buttons, form th.buttons {
  border-width:0;
  }
form label {
  text-transform:lowercase;
  cursor:pointer;
  }
form h2 label {
  text-transform:none;
  }
fieldset {
  border:1px dotted #bba;
  padding:8px 10px;
  margin:1em 0;
  }
fieldset legend {
  padding:0;
  margin:0;
  color:#844;
  }
.label {
  width: 30px;
  font-style:normal;
  }
label em {
  font-style:normal;
  }
form .error th label, form .error td label {
  font-weight:bold;
  }
form label:hover {
  color:#963;
  }
form label.inline {
  display:inline;
  font-weight:normal;
  }
form div.highlt {
  background:#ffc;
  }
form div.highlt label {
  color:#c00;
  }
form input, form textarea, form select {
  margin:1px 0;
  }
form textarea {
  background:#fff;
  display:block;
  clear:left;
  width:97%;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  }
form .error input.text, form .error textarea {
  border-color:#c66 #FFB2B2 #FFB2B2 #c66;
  }
form input.button, form input.button2 {
  padding:2px;
  border:2px solid #69c;
  border-color:#69c #369 #369 #69c;
  background:#ccb;
  color:#000;
  font:bold 100% Verdana,Sans-serif;
  }
form input.button2 {
  border-color:#998 #665 #665 #998;
  color:#333;
  }
form input.button:hover, form input.button2:hover {
  color:#963;
  background:#eed;
  cursor:pointer;
  }
form input.button:active {
  border-color:#369 #69c #69c #369;
  background:#ccc;
  color:#000;
  }
form input.button2:active {
  border-color:#666 #999 #999 #666;
  background:#ccc;
  color:#000;
  } */

a img,
#header1 img,
#header img {
border-width: 0;
}