
/* imported style sheets */
/*@import url("http://www.ucsf.edu/_stylesheets/defaults.css");*/
/*@import url("http://www.cancer.edu/_stylesheets/defaults.css");*/

/* imported from default */

/*

Filename:	defaults.css
Purpose:	Sets default styles to account for differences in browser defaults

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, fieldset, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dt, dd, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}

body {
	color: #000;
	background: #fff;
	}

dt {
	font-weight: bold;
	}

dl, ul {
	margin: 0 0 0 16px;
	padding: 0;
	}

ol {
	margin: 0 0 0 23px;
	padding: 0;
	}

fieldset, img, a img, :link img, :visited img  {
	border: none;
	}

:focus {
	outline: 0;
	}

input, select, textarea {
	font-size: 100%;
	}

p {
	margin: 0 0 1em 0;
	}

sup {
	line-height: 0;
	vertical-align: text-top;
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
	}

td,th {
	vertical-align: top;
	}
/* finished import */



body {
	font: 76% arial,helvetica,sans-serif;
	color: #000;
	background: #ddb;
	margin: 0;
	padding: 0;
	}

html, body {
	min-height: 100%;
	height: 100%;
	}

body#home #news {
	margin-right: 400px;
	}

#banner {
	color: #fff;
	background: #666;
	height: 30px;
	}


#column1 {
	width: 210px;
	float: left;
	margin: 0 50px 0 20px;
	padding: 0;
	}

#column2 {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
	}

#column1-wide {
    width: 350px;
    float: left;
    margin: 0 50px 0 20px;
    padding: 0;
}

#column2-narrow {
	width: 170px;
	float: left;
	margin: 0;
	padding: 0;
	}


#column2-tiny {
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
	}


#one_column {
float:left;
 width:200px;
 font-size: .9em;
	}


#container {
	width: 800px;
	float: left;
	color: #000;
	background: #fff url(../_graphics/backgrounds/container.gif) left top repeat-y;
	}

#contents {
	float: right;
	width: 606px;
	margin: 0 49px 0 0;
	padding: 0 0 20px 0;
	height: 100%;
	min-height: 100%;
	}

#contents dl {
	margin: 0 145px 1em 20px;
	padding: 0;
	}

#contents h2, #contents h3 {
	margin: 0 145px 0 20px;
	padding: 0;
	}

#contents h3 {
	color: #000;
	background: transparent;
	}

#contents p {
	margin: 0 145px 1em 20px;
	padding: 0;
	line-height: 1.25em;
	}

#contents #column1 h2, #contents #column1 h3, #contents #column2 h2, #contents #column2 h3 {
	margin: 0;
	}

#contents #column1 p, #contents #column2 p {
	margin: 0 0 1em 0;
    width: 210px;
	}

#contents #column1-wide p, #contents #column2-narrow p {
	margin: 0 0 1em 0;
	}

#contents p#totop {
	clear: left;
	margin: 0 0 20px 20px;
	padding: 0 0 0 20px;
	height: 14px;
	line-height: 14px;
	background: transparent url(../_graphics/backgrounds/totop.gif) left top no-repeat;
	text-transform: uppercase;
	font-size: 86%;
	}

#contents ol {
	margin: 0 145px 1em 40px;
	padding: 0;
	}

#contents ul {
	margin: 0 145px 1em 35px;
	padding: 0;
	}

#contents #column1 ul, #contents #column2 ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	}

#contents ul.inline {
	margin: 5px 145px 1em 35px;
	list-style-type: none;
	}

#contents ul.inline li {
	display: inline;
	margin: 0 20px 0 0;
	}

dd {
	margin: 0 0 1em 0;
	padding: 0;
	}

dt {
	margin: 0;
	padding: 0;
	}

#footer {
	margin: 5px 0 0 0;
	padding: 10px 10px 10px 143px;
	border-top: 1px solid #ccc;
	clear: left;
	}

#footer, #nav {
	font-size: 86%;
	}

#footer p {
	margin: 0;
	padding: 0;
	}

#footer ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	}

#footer ul li {
	display: inline;
	}

h1 {
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 44px;
	margin: 0 0 17px 0;
	padding: 14px 0 0 122px;
	letter-spacing: 2px;
	}

h1 span#page_title {
	color: #666;
	background: transparent;
	text-transform: none;
	letter-spacing: normal;
	}

.imageleft {
	margin: 0 25px 10px 0;
	}

.imageleft2 {
	padding: 0 25px 10px 0;
	}

.imageright {
	margin: 0 150px 10px 10px;
	float: right;
	}

#nameplate {
	height: 31px;
	margin: 5px 0 0 0;
	padding: 13px 0 0 170px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#nav {
	width: 140px;
	height: 100%;
	min-height: 100%;
	}

#nav form {
	width: 120px;
	margin: 0 0 16px 11px;
	padding: 0;
	}

#nav form select {
	width: 120px;
	}

#nav ul {
	width: 115px;
	margin: 20px 10px 20px 10px;
	padding: 0;
	list-style-type: none;
	}

#nav ul li {
	margin: 0 0 4px 0;
	padding: 0;
	font-weight: bold;
	}

#nav ul li ul {
	width: 115px;
	margin: 3px 10px 0px 5px;
	padding: 0;
	font-size: .95em;
	}

#info_for {
	width: 126px;
	border: 1px solid #ddb;
	margin: 0 0 14px 8px;
	padding: 28px 0 0 0;
	background: #eed url(../_graphics/backgrounds/info_for.gif) 0 0 no-repeat;
	}

#nav #logos li {
	display: block;
	margin: 0 0 24px 0;
	}

#info_for ul {
	margin: 0 5px 5px 11px;
	padding: 0;
	}

#shortcuts {
	margin: 22px 0 0 0;
	clear: left;
	}

#search_form label {
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#words {
	width: 90px;
	float: left;
	}

#searchbutton {
	margin: 0 0 0 4px;
	}

#tan-fill {
	color: #000;
	background: #ddb;
	border: 1px solid #fff;
	height: 16px;
	}

/* KG added orange-fill for support sections */

#orange-fill {
	color: #000;
	background: #c60;
	border: 1px solid #fff;
	height: 16px;
	}


#wrapper {
	width: 800px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #000;
	background: #fff;
	}

/* links */

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

#contents a:link, #contents a:visited {
	color: #330;
	background: transparent;
	}

#contents a:hover {
	color: #666;
	background: transparent;
	}

#footer a:link, #footer a:visited {
	color: #330;
	background: transparent;
	}

#nav a:link, #nav a:visited {
	color: #666;
	background: transparent;
	}

#nav a:hover {
	color: #699;
	background: transparent;
	text-decoration: none;
	}

#nav a.about:hover {
	color: #699;
	}

#nav a.cancerinfo:hover {
	color: #696;
	}

#nav a.howtohelp:hover {
	color: #900;
	}

#nav a.medicalcare:hover {
	color: #96c;
	}

#nav a.news:hover {
	color: #9c0;
	}

#nav a.people:hover {
	color: #9c0;
	}

#nav a.research:hover {
	color: #993;
	}

#nav a.support:hover {
	color: #c60;
	}

#nav ul li ul a:link, #nav ul li ul a:visited {
	color: #000;
	background: transparent;
	}

#nav #info_for a:hover {
	color: #696;
	background: transparent;
	text-decoration: none;
	}

/* kg added 11-9-09 */

    
.img-right {
    padding: 0 3px 2px 7px;
	float: right;
}

.img-left {
    padding: 0 7px 2px 3px;
	float: left;
}
.img-left2 {
    padding: 0 20px 2px 3px;
	float: left;
}

.hr {
    width: 80%;
    text-align: center;
    border: 1px solid #999;
}

hr {
    width: 80%;
    text-align: left;
    border-top: 1px solid #999;
}

/* had to add subhead here because it is not
rendering in the cancer_center_afr.css stylesheet?? */

.subhead-afr {
	color: #990000;
	font-weight: bold;
}

body#afr p {
	margin: 0 50px 1em 20px;
	padding: 0;
	line-height: 1.25em;
}

body#afr #word-nav ul {
	list-style-type: none;
	font-size: .9em;
	font-variant: small-caps;
}

body#afr #word-nav h3 {
	border-bottom: 2px solid #669;
	}


ul.rss {
    list-style:square url('images/rss_16x16.jpg');
}
