/*
	FYI:
	
	NARROW CONTENT BOX WIDTH: 465px
	WIDE CONTENT BOX WIDTH: 770px
	SIDEBAR WIDTH: 275px
*/

#wrapper {
	background-image: url(../images/sidebar.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}


/* category title */

h3#cat-title {
	font: bold 24px/24px "Trebuchet MS", Verdana, sans-serif;
	color: #333;
	text-shadow: #fff 0 1px 0;
	padding: 13px 0 14px 15px;
	background: #f7f5e6;
	border-bottom: 1px dotted #cac8bd;
	}

h3#cat-title a {
	color: #333;
	text-decoration: none;
	}
	
h3#cat-title a:hover {
	color: #666;
	}
	
/* breadcrumb */
	
#breadcrumb {
	font: normal 11px/12px Helvetica, Arial, sans-serif;
	background: #7c7369;
	padding: 7px 15px;
	color: #fff;
	text-shadow: #3d3832 0 1px 0;
	height:14px;
	clear: both;

	

	}
	
#breadcrumb a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;

	}
	
#breadcrumb a:hover {
	border-bottom: 1px dotted #fff;
	}
		
/* subnav */

ul#subnav {
	clear: both;
	display: block;
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	float: left;
	width: 178px;
	background: #f7f5e6;
	padding: 5px 0;
	}
	
ul#subnav li {
	float: left;
	width: 148px;
	padding: 5px 10px 5px 20px;
	list-style: none;
	margin: 0;
/*	*margin: -10px 0; IE fix */
	}
	
ul#subnav li a {
	color: #333;
	text-decoration: none;
	}
	
ul#subnav li a:hover {
	border-bottom: 1px dotted #666;
	}
	
ul#subnav li a.on {
	font-weight: bold;
	}

/* subnav - subsubnav */
	
ul#subnav li.on {
	background: #e9e6d3;
	border-top: 1px dotted #d7d4bd;
	border-bottom: 1px dotted #d7d4bd;
	clear: both;
	margin: 5px 0;
	}
	
ul#subnav li.on a {
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	}

ul#subnav li.on ul {
	padding: 5px 0 0;
	}

ul#subnav li.on ul li {
	padding: 2px 0;
	margin: 0;
	border: none;
	}

ul#subnav li.on ul li a {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	}

ul#subnav li.on ul li.on a {
	font-weight: bold;
	}
	
/* content */

#content {
	float: left;
	width: 465px;
	padding: 20px 15px;
	background: #fff;
	}
	
#content h2 {
	font: normal 24px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 12px;
	color: #004079;
	}
	
#content h3 {
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	margin: 0 0 12px;
	color: #393;
	}
	
#content h4 {
	font: bold 13px/14px Helvetica, Arial, sans-serif;
	color: #666;
	text-shadow: #ddd 0 1px 0;
	margin: 0 0 6px;
	}
	
#content h5 {
	font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #004079;
	margin: 0 0 6px;
	}
	
#content p {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	margin: 0 0 12px;
	}
	
#content ul,
#content ol {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	margin: 0 0 6px;
	}

#content li {
	margin: 0 20px 6px;
	}

#content ul li,
#content ol ul li {
	list-style: square;
	}

#content ul ol li {
	list-style: decimal;
	}

#content ol ol li {
	list-style: lower-alpha;
	}
	
#content a {
	color: #004079;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}
	
#content a.more {
	font: bold 11px/18px Helvetica, Arial, sans-serif;
	white-space: nowrap;
	}
	
/* content - tables */	
	
#content table {
	width: 465px;
	margin: 0 0 12px;
	}
	
#content table th {
	font: bold 13px/14px Helvetica, Arial, sans-serif;
	color: #666;
	text-shadow: #ddd 0 1px 0;
	vertical-align: bottom;
	padding: 5px;
	}
	
#content table td {
	font: normal 12px/14px Helvetica, Arial, sans-serif;
	color: #333;
	vertical-align: top;
	padding: 5px 0;
	border-top: 1px solid #e9e6d3;
	}

#content table table {
	width: auto !important;
	border: none !important;
	}

#content table table th,
#content table table td {
	border: none !important;
	padding: 0 10px 0 0 !important;
	}

/* content - forms */

#content label {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	color: #333;
	padding: 5px 0;
	display: block;
	}

#content input,
#content textarea,
#content select {
	font: normal 11px/11px Helvetica, Arial, sans-serif;
	border: 1px solid #cac8bd;
	padding: 4px;
	}

#content input.button,
#sidebar input.button {
	font: bold 13px/13px "Trebuchet MS", Verdana, sans-serif;
	background: #393;
	padding: 6px 8px;
	color: #fff;
	text-shadow: #333 0 1px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
	text-align: center;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	}
	
/* content - article list */

#content ul.articles {
	margin: 0 0 12px;
	}

#content ul.articles li {
	border-top: 1px dotted #cac8bd;
	padding: 12px 0 6px;
	margin: 0;
	list-style: none;
	display: block;
	}
	
#content ul.articles li h4,
#content ul.articles li p {
	margin: 0 0 6px;
	}
	
/* content - wide format */

#content.wide {
	float: none !important;
	width: 770px !important;
	}
	
#content.wide table {
	width: 770px;
	}
	
/* images */

#content img.left {
	float: left;
	margin: 0 10px 10px 0;
	}	

#content img.right {
	float: right;
	margin: 0 0 10px 10px;
	}	

#content .image-left {
	float: left;
	margin: 0 10px 10px 0;
	}	

#content .image-right {
	float: right;
	margin: 0 0 10px 10px;
	}	

#content .image-left img,
#content .image-right img {
	display: block;
	margin: 0 0 5px;
	}	

#content .image-left p,
#content .image-right p {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	color: #666;
	margin: 0;
	}	
	
/* content - callout */

#content .callout {
	background: #f7f5e6;
	float: right;
	padding: 10px 10px 5px;
	width: 180px;
	margin: 0 0 10px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e9e6d3;
	}
	
/* sidebar */

#sidebar {
	float: right;
	width: 275px;
	background: #f7f5e6;
	padding: 0 10px 10px;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	}
	
/* widgets */

#sidebar .widget {
	padding: 10px 0;
	width: 275px;
	overflow: hidden;
	border-bottom: 1px dotted #d7d4bd;
	margin: 0;
	}

#sidebar .photo {
	padding: 10px 0 0;
	border-top: 1px dotted #d7d4bd;
	}
	
#sidebar img {
	display: block;
	margin: 0 auto;
	}

#sidebar p,
#sidebar ul,
#sidebar ol {
	font: normal 12px/14px Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	padding: 3px 0;
	color: #666;
	}
		
#sidebar h3 { 
	color: #393;
	font: bold 18px/18px Helvetica, Arial, sans-serif;
	margin: 0 0 12px; }
	
#sidebar h4 {
	font: bold 14px/16px Helvetica, Arial, sans-serif;
	color: #666;
	margin: 0 0 6px;
	}
	
#sidebar h5 { 
	font: normal 14px/16px Georgia, "Times New Roman", Times, serif;
	color: #004079;
	margin: 0 0 6px; }

#sidebar ul.related {
	font: bold 11px/16px Helvetica, Arial, sans-serif;
	color: #666;
	padding: 0;
	}
	
#sidebar ul.related p {
	font:  11px/16px Helvetica, Arial, sans-serif;
	color: #666;
	}
	
#sidebar ul.related li {
	margin: 0 20px;
	list-style: square;
	}
	
#sidebar a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}
	
/* sidebar - from a patient */

#frap blockquote {
	padding: 10px 10px 5px;
	margin: 0;
	background: #393;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

#frap p {
	margin: 0 0 5px;
	padding: 0;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	color: #fff;
	}

#frap h3 {
	background: url(../images/fromapatient/frap-btm.gif) no-repeat left top;
	height: 35px;
	margin: 0;
	}
	
#frap h3 span {
	visibility: hidden;
	}	
	
/* sidebar - poll */

.poll {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #624a7e url(../../images/healthinfo/healthsearchtop.gif) no-repeat center top;
	padding: 0 0 1px;
	}
	
#sidebar .poll h4 {
	color: #fff;
	text-shadow: #49385d 0 1px 0;
	border-bottom: 1px dotted #49385d;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 10px;
	}	

#sidebar .poll p,
#sidebar .poll ul {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0 10px 10px;
	}

#sidebar .poll ul li {
	list-style: none;
	}

#sidebar .poll p.submit {
	height: 26px;
	margin: 0 10px;
	}	
	
#sidebar .poll input.button {
	background: #49385d;
	float: left;
	}

#sidebar .poll a.results {
	color: #fff;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	}

#sidebar .poll .submit a.results {
	float: right;
	margin: 8px 0 0;
	}
	
#sidebar .poll .poll-result {
	width: 5px;
	height: 5px;
	margin: 3px 0 0;
	background: #fff;
	border-bottom: 1px solid #49385d;
	overflow: hidden;
	text-indent: -9999em;
	}
	
/* buttons */

#content ul.button,
#sidebar ul.button {
	height: 25px;
	font: bold 13px/13px "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 12px;
	text-align: center;
	}

#sidebar ul.button {
	margin: 0 0 10px;
	}
	
#content ul.button li,
#sidebar ul.button li {
	display: inline;
	list-style: none;
	}
	
#content ul.button li a,
#sidebar ul.button li a {
	float: left;
	background: #393;
	padding: 6px 8px 0;
	height: 19px;
	color: #fff;
	text-shadow: #333 0 1px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
	text-align: center;
	border: none;
	white-space: nowrap;
	}
	
#content ul.button li span,
#sidebar ul.button li span {
	float: left;
	background: #e9e6d3;
	padding: 6px 8px 0;
	height: 19px;
	color: #fff;
	text-shadow: #cac8bd 0 1px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
	text-align: center;
	border: none;
	white-space: nowrap;
	}
	
#content ul.button li.previous a,
#sidebar ul.button li.previous a,
#content ul.button li.previous span,
#sidebar ul.button li.previous span {
	width: 80px;
	padding: 6px 0 0;
	}
	
#content ul.button li.next a,
#sidebar ul.button li.next a,
#content ul.button li.next span,
#sidebar ul.button li.next span {
	width: 80px;
	padding: 6px 0 0;
	float: right;
	margin: 0;
	}

#content ul.button li a:hover,
#sidebar ul.button li a:hover {
	background: #228222;
	}

#content p.button a,
#sidebar p.button a {
	background: #393;
	padding: 6px 8px 0;
	height: 19px;
	color: #fff;
	text-shadow: #333 0 1px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
	text-align: center;
	border: none;
	white-space: nowrap;
	}
	
#content ul.button li.status {
	margin: 0 auto;
	display: block;
	width: 100px;
	color: #333;
	font-weight: normal;
	padding: 6px 0 0;
	clear: none;
	}
	
#content ul.pagination {
	background: #f7f5e6;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	}
	

/* modifiers */
	
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.top { vertical-align: top !important; }
.bottom { vertical-align: bottom !important; }
.middle { vertical-align: middle !important; }
.nowrap { white-space: nowrap !important; }
.noborder { border: none !important; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
	
.clear {
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	float: none !important;
	clear: both !important;
	list-style: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	}
	
/* fix-it */

#content .align-left {
	float: left;
	margin: 0 10px 10px 0;
	}

#content .align-right {
	float: right;
	margin: 0 0 10px 10px;
	}
	
#content table.align-left,
#content table.align-right,
#content.wide table.align-left,
#content.wide table.align-right {
	width: 250px !important;
	}
	
#content table.align-left th,
#content table.align-left td,
#content table.align-right th,
#content table.align-right td {
	border: none !important;
	padding: 0 0 5px !important;
	}
	
/* alert */

#content .alert {
	background: #c00;
	padding: 6px 10px 1px;
	color: #fff;
	text-shadow: #333 0 1px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 3px 0 0;
	border: none;
	white-space: nowrap;
	margin: 0 0 10px;
	}
	
#content .alert p {
	font: bold 12px/18px "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 5px;
	}
	
	
/* expanding lists */

#content dl.flexomatic {
	padding: 0;
	border-bottom: 1px dotted #ddd;
	}
	
#content dl.flexomatic dt {
	padding: 0;
	margin: 0;
	}
	
#content dl.flexomatic dt a {
	display: block;
	padding: 7px 0;
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	border-top: 1px dotted #ddd;
	border-bottom: none;
	background: url(../images/flexo.gif) no-repeat right center;
	}

#content dl.flexomatic dd {
	padding: 0 0 7px;
	margin: 0;
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	}
	
table.hero-form { width: 465px !important; }	

table.hero-form tr td { }

table.hero-form tr td input, table.hero-form textarea { width: 315px; }
	
	table.hero-form #heroDesc { height: 150px; }
	table.hero-form #thisGift { width: 50px; }
	table.hero-form #pledgeType { width: 20px; }
	table.hero-form #cczip { width: 120px; }
	
table .label { width: 150px; }

.trial-list ul { margin-left: 15px !important;}