/* BODY LEVEL STUFF*/
html {
    background-color: #a9bac3;	
}
body{
    font-family: verdana;
    color: #232323;
    text-align: left;
}
div#doc4{
	background-color: #fff;
	margin-left: 0px;
	float:left;
	min-height: 800px;
	border-right: solid #9fafb7 10px;
	border-bottom: solid #9fafb7 10px;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	color: #9EC630;
	margin-bottom: 0.5em;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
	font-weight: bold;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	line-height: 113%;
}
a {
	color: #6297BC;
	text-decoration: none;
}

.emph1{
	color: #6297BC;
}
.emph2{
	color: #9EC630;
}
.emph3{
	color: #BFBFBF;
}
.emph4{
	color: #666666;
}


div#right-bg{
	float:left;
}

div#hd{
	background-image: url('http://img.piercesdisease.org/grape-leaf-border2.png');
	height: 250px;	
	background-repeat: no-repeat;
	background-position: 0px 0px;
/*	border-bottom: 5px solid #a9bac3;	*/
	position: relative;
}
div#bd{
	position: relative;	
	background:#fff url('http://img.piercesdisease.org/divider.png') repeat-x scroll 0% 0%;
}

div#hd-content {
	padding: 0 0 0 150px;
	padding-top: 160px;	
	position: relative;
}
div#hd-content h1{
	margin-top: -0.5em;
	font-size: 250%;
	margin-bottom: 0;
}
.slogan{
	font-size: 100%;
}
div#welcome {
	position: absolute;
	right: 50px;
	bottom: 40px;
	width: 25em;
	background-color: #fcfcfc;
	border:1px solid #f4f4f4;
	padding: 1em;
}
img#gwss-head{
	position: absolute;
	right:50px;
	bottom:0px;
}
img#gwss-tail{
	position: absolute;
	right:50px;
	top:0px;
}

div#welcome p{
	color: #666;
	text-align: justify;
	margin-top: 1em;
}
div#welcome p.notice{
	margin-top: 0;
	display:inline;
	color: #6297BC;
	font-size: 150%;
	font-weight: bold;
}

div#welcome p.notice b{
	color: #9EC630;
}

div#content{
	padding-right: 1em;
	overflow: hidden;
}
div#content h3,h4,h5,h6{
	margin-top:2em;
}
div#content p{
	margin-bottom: 2em;
	padding-left: 0em;
}
div#content ul li p{
	margin-bottom: 0;
}
div#content ul li p.project-title{
	font-weight: bold;
}

div#bd{
	padding-top: 2em;
}

hr {
    color: #ccc;
    background-color: #ccc;
    height: 3px;
    margin-bottom: 2em;
    border: none;
}


.hidden{
	display:none;
}

img.news_image {
    float: left;
    margin: 0px 10px 5px 0px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    padding:3px;
}
span.news-source,
span.news-date,
span.article-source,
span.article-authors{
	color: #BFBFBF;
}
p.article-abstract{
	margin-top: 1em;
	margin-bottom: 0.5em;
}

p.project-title{
	color:#6297BC;
	font-weight:bold;
	padding-bottom:0.5em;
}

span.project-heading {
	color: #000;
	font-weight:bold;
}
ul.report-list li{
	list-style-type:circle;
	list-style-position: outside;
}
div#content ul.grant-list li{
/*	padding-top:0;
*/	margin-bottom:0;
}

div#sidemenu {
	padding-left: 1em;
}



/* Tables & Lists */
/* Side navigation */
ul.index-nav li{
	width: 44%;
        margin-right: 3em;
	display: inline;
	float: left;
	padding-right: 5%;
}


ul.sidemenu {
	margin-bottom: 1em;
}
ul.sidemenu a {
/*	background:#f7f7f7 none repeat scroll 0%;
*/	border-left:4px solid #CCCCCC;
/*	color:#333333;
*/	display:block;
/*	font-weight:bold;
*/	min-height:18px;
	text-decoration:none;
	padding: 0.2em 1em;
}
ul.sidemenu a:hover {
	background:#F2F2F2 none repeat scroll 0%;
	border-left:4px solid #9EC630;
	color:#339900;
}

ul.dense-info {
	font-size: 90%;
}

div#content ul {
	margin-bottom: 2em;
}
div#content ul li{
	margin-bottom: 1em;
        padding: .5em 0;
}
div#content ul#pd-news-list li{
	padding-left:0.5em;
}

ul.sidemenu  li{
	padding: 0.1em 1em;
}
li.striped {
	background-color: #f7f7f7;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding-right: 21px;
}
.ajax-loader {
	text-align: center;
}
div.project-list-info{
	width:48%;
	padding-right:1em;
}

div#announcement {
    width: 70%; 
    margin: auto; 
    padding: 1em;
    background-color: #fcfcfc; 
    border: 2px solid #f4f4f4;
}

div#announcement h3{
    margin: .0em auto .6em auto; 
    text-align: center; 
}

span#announcement_title {
    margin: 0em 0em .5em 0em;
    font-size: 1.2em;
    font-weight: bold;

}
span#announcement_date {
    color: #888;
    font-size: .8em;
}

div#announcement_preview {
    margin: 0 0 2em 0; 
    text-align: justify
}

div#paper_search_form {
    padding-top:4px;
    float:left; 
    font-size:1.5em;
}
/** PAGINATOR **/
.paginator { padding:.5em .75em; float:right; font:normal .9em arial; }
 
.paginator .prev-na,
.paginator .next-na {
	padding:.5em;
	font:bold .9em arial;
}
 
.paginator .prev-na,
.paginator .next-na {
	border-bottom:4px solid #ccc;
	background-color:#fff;
	color:#aaa;
	font-weight:normal;
}
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border-bottom:4px solid #ccc;
	background-color:#fff;
	color:#6297BC;
	padding:.5em;
	font:bold .875em arial;
}
 
.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.4em;
	font:normal .875em verdana;
	border-bottom:4px solid #ccc;
	background-color:#fff;
	margin:0em .25em;	
	color:#6297BC;
}
 
.paginator .curr { 
	background-color:#EAEAEA;
	color:#339900;
	border-bottom:4px solid #9EC630;
	font-weight:bold;
	font-size:1em;
}
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color:#339900;
	background-color:#EAEAEA;
	border-bottom:4px solid #9EC630;
	text-decoration: none;
}

/* ============================ */
/* = Google CSE Customization = */
/* ============================ */

a .l {
    color: #6297BC;
    font-weight: bold;
    text-decoration: none;
}

iframe {
    width: 700px;
}

iframe > .r{
    color: #6297BC;
    font-weight: bold;
    text-decoration: none;
}