/*	Main CSS file for the PVRF Web Site

	Site Colors:
	:: Background Color: #CCC (Light Grey)
	:: Body Color: #FFF (White)
	:: Nav Bar: #666 (Med. Gray)
	:: Sidebar Image: 164 wide, 108 tall (suggested)
	:: Body Image: 233 wide, 116 tall (suggested) 
	
	:: Rules (lines): #CCC (Light Grey)
*/

html { height:100%; margin-bottom: 1px; } /* forces scrollbar even when not needed so page doesn't jump */

body { 
	margin: 0;
	padding: 0;
	background-color: #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px;
	color: #555;
	line-height: 150%;
}

#wrapper {
	position: relative;
	width:806px;
	margin:0 auto;
	padding: 0;
	height: 100%;
	background: #CCC url(/img/page-elements/background.gif) top right repeat-y;
}

#container, #header, #footer {
	width: 782px;
	position: relative;
	background-color: #FFF;
	margin: 0 12px;
}

/* GENERAL TAGS */
form {
	padding: 0 ;
	margin: 0 ;
}

h1 { 
	font-size: 126%;
}

h2, h3, h4, h5 {
	font-size: 100%;
}

h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.small {
	font-size: 94%;
}

#sidebar .small { 
	font-size: 10px;
}

a, a:active, a:focus, a:link, a:visited { color: #90002B; text-decoration: none; }
a:hover { color: #330000; text-decoration: underline; }

ol {
	padding-left: 12px;
	padding-top: 0;
	margin: 0 16px 0.8em 16px;
}

li {
	margin-bottom: 6px;
}

ul {
	padding-left: 18px;
	padding-top: 0;
	margin: -4px 16px .8em 12px;
}

ul ul {
	margin-top: 6px;
}

ul.links-down {
	list-style-image: url(/img/page-elements/grey-anchor.gif);
	list-style-type: square;
	padding-left: 16px;
	margin-left: 16px;
	line-height: 160%;
	margin-top: 6px;
}

li.links-down {
	padding-left: 0px;
	margin-left: 0px;
	line-height: 160%;
}

.error_msg {
	display: block;
	margin: 2px 0;
	padding: 1px 8px 1px 14px;
	background: url(/img/page-elements/red_arrow_right.gif) no-repeat 4px 6px ;
	color: #880000;
	clear: left;
	font-size: 94%;
}

input.button { 
	margin: 0;
	padding: 0;
	border: none;
}

/* LAYOUT ELEMENTS */

#standard, #utility {
	position: relative;
	display: block;
	width: 100%;
	clear: both;
}

#main {
	display: block;
	position: relative;
}

#standard #main {
	margin-left: 192px;
	width: 575px;
}

#utility #main {
	margin-left: 10px;
	width: 752px;
}

#main #topic-title {
	height: 42px;
	border-bottom: 1px solid #CCC;
}

#main #topic-title h1 {
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 11px;
	margin-left: 13px;
	float: left;
	font-size: 21px;
	color: #666;
	font-weight: normal;
}

#main div#topic-banner {
	height: 17px;
	display: block;
	margin-top: 11px;
	background-color: #90002B;
	clear: both;
}

#main div#topic-banner.full {
	height: 214px;
}

#main div#topic-banner.short {
	height: 91px;
}

#main #topic-banner img {
	float: left;
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin-left: 13px;
}

#main #topic-banner-text {
	float: left;
	display: block;
	width: 176px;
	color: white;
	padding: 12px 0 0 3px;
	position: absolute;
	left: 394px;
}

#main #topic-banner-text p {
	margin: 6px;
}

#content {
	margin-top: 12px;
	padding: 0 0 12px 12px;
	border-right: none;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.sidebar {
	float: right;
	clear: right;
	width: 154px;
	border: 1px solid #CCC;
	font-size: 11px;
	margin: 6px 0 6px 17px;
	padding: 6px 12px;
}

.sidebar h1 {
	font-size: 14px;
	font-weight: normal;
}

.sidebar ul {
	padding-left: 9px;
	margin: 0 4px 9px 9px;
}

.sidebar li {
	margin: 0 0 .4em;
}

/* PAGE ELEMENTS */

#private_mark {
	position:absolute;
	top: 6px;
	left: 369px;
}

.back_to_top {
	font-size: 11px;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 0;
	line-height: 11px;
}

#content .back_to_top {
	border-top: 1px solid #DFDFDF;
}

#LAVR #content .back_to_top {
	border-top: none;
	border-bottom: 1px solid #DFDFDF;
	padding-top: 0;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.quote, .quote_right  {
	text-indent: -6px;
	padding-left: 9px;
	font-style: italic;
}
 
.quote span.attribution {
	display: block;
	font-size: 11px;
	margin: 6px 0 0 9px;
	font-weight: normal;
	line-height: 130%;
}

.sidebar .quote span.attribution  {
	margin-top: 8px;
	text-align: right;
}

/* IMAGE TREATMENTS */

.image_float_right, .figure_float_right, .scholar_right {
	float: right;
	clear: right;
	margin: 0 0 4px 17px;
}

.figure_float_right {
	text-align: center;
	font-size: 11px;
	color: #666;
	margin-top: 6px;
	width: 232px;
}

.figure_float_right img {
	padding: 5px;
	border: 1px solid #CCC;
}

.scholar_right {
	padding: 5px;
	border: 1px solid #CCC;
	margin-top: 6px;
}

.scholar_right p {
	margin: 4px;
}

.scholar_right img {
	border: 1px solid #CCC;
}


.image_float_left {
	float: left;
	clear: left;
	margin: 3px 17px 3px 0;
}

/* HEADERS, FOOTERS AND SEARCH */

#header {
	padding-top: 10px;
	padding-bottom: 11px;
	clear: both;
	font-size: 11px;
}

#header {
	border-bottom: 1px solid #FFF;
}

#header #logo-tag {
	margin-left: 17px;
	float: left;
}

#header #donate_btn {
	position: absolute;
	right: 44px;
	top: 29px;
}

#header form {
	display: inline;
}

#search_widget {
	position: absolute;
	right: 17px;
	top: 60px;
	width: 209px;
	color: #999;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

#search_box {
	font-size: 10px;
	padding: 1px 3px;
	border: 1px solid #666666;
	width: 113px;
	height: 15px;
} 



#footer {
	position: relative;
	margin-top: 10px;
	padding-bottom: 6px;
	clear: both;
	font-size: 9px;
	width: 776px;
	margin-left: 3px;
	text-align: center;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #330000;
}

#footer div#address {
	color: white;
	background-color: #666; 
	font-size: 11px;
	height: 23px;
}

#footer div#address p {
	padding-top: 3px;
}

#footer div#utility p {
	padding-top: 6px;
	color: #666;
	font-size: 9px;
}

/* TABLE STYLES */

table {
	border-collapse: collapse;
	border: none;
	margin-bottom: 0.6em;
}

th, td  {
	padding: 3px 4px;
	border: 1px solid #CCC;
	vertical-align: top;
}

table.vert-table th {
	vertical-align: bottom;
}

th {
	text-align: left;
	font-size: 11px;
	border: none;
	padding-bottom: 2px;
	line-height: 136%;
}
		
th.header {
	border-right: none;
	border-left: none;
	border-top: none;
	font-size: 12px;
	text-align: left;
	color: #333;
	padding: 10px 0 6px;
}

table.home {
	border: none;
	margin-left: 3px;
}

table.home th, td  {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
}

table#home-col1 td {
	padding: 10px;
}

table.home a {
	color: #90002B;
}

table.home a:hover {
	color: #330000;
}

table.horz-table th, table.horz-table td {
	border-width: 0;
	border-bottom: 1px solid #CCC;
}

table.horz-table td {
	padding: 3px 6px 4px 0;
}

table.horz-table th {
	padding: 6px 6px 2px 0;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

#pressreleases table td, #pressreleases table th  { 
	border: 1px solid #CCC;
	border-width: 0 0 1px;
} 

#pressreleases table .last td, #pressreleases table .last th { 
	border-width: 0;
} 


/* TABS */
			
#rnd_tabs ul {
	margin:8px 0 0 ;
	padding:1px 0 0;
	border: none;
}

#rnd_tabs li {
	float:left;
	background:url("/img/page-elements/tab_left.gif") no-repeat left top;
	margin:1px -1px -1px 0;
	padding:0 0 0 6px;
	list-style:none;
}

#rnd_tabs a {
	display:block;
	background:url("/img/page-elements/tab_right.gif") no-repeat right top;
	padding:3px 12px 4px 6px;
	font-family: tahoma, verdana, sans-serif;
	font-size:93%;
	text-decoration: none;
	color: #666;
	border: 0;
}

#rnd_tabs a:hover {
	color: black;
}

#rnd_tabs .current, #rnd_tabs .rollover {
	margin-top: 0;
	background-image:url("/img/page-elements/tab_left_on.gif");
}

#rnd_tabs .current a, #rnd_tabs .rollover a {
	background-image:url("/img/page-elements/tab_right_on.gif");
	padding-top: 4px;
	padding-bottom:5px;
	color: #333;
}

#rnd_tabs .rollover a {
	padding-bottom:4px;
}

#tab_container {
	border: 1px solid #999;
	clear: both;
	background: #FFF3B3;
	padding-top: 0;
	margin-bottom: 1em;
	width: 562px;
}

#tab_content {
	border-top: 12px solid #FFF3B3;
	padding: 1em;
	background: #FFF;
	min-height: 250px;
}

#tab_content h2 {
	margin-top: 0;
}

.now_showing {
	display: block;
}

.in_the_wings {
	display: none;
}

#tab_content_loading {
	height: 120px;
}

@media print {
	#tabs {
		display: none;
	}
	
	#tab_container {
		border: none;
		clear: both;
		background: white;
		padding-top: 0;
		margin-bottom: 1em;
	}

	#tab_content {
		padding: 0;
		background: white;
	}

}

/* SECTION AND TOPIC NAVIGATION */

#section_nav {
	position: relative;
	clear: both;
	margin-left: 2px;
	width:778px;
}

#section_nav a {
	display: block;
	float: left;
	color: #FFF;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	text-decoration: none;
	font-size: 11px;
	line-height: 100%;
	cursor: pointer;
}

#section_nav .Home a {
	width: 85px;
}

#section_nav .PVRF a {
	width: 101px;
}

#section_nav .Research a {
	width: 101px;
}

#section_nav .Prevention a {
	width: 108px;
}

#section_nav .Learning a {
	width: 220px;
}

#section_nav .Supporting a {
	width: 154px;
}

#extras .Home .color, #Home .Home .color, .Home a:hover .color {
	background-color: #90002B;
}

#extras .PVRF .color, #Home .PVRF .color, #About_PVRF .PVRF .color, .PVRF a:hover .color {
	background-color: #57BDF8;
}

#extras .LAVR .color, #Home .LAVR .color, #LAVR .LAVR .color, .LAVR a:hover .color {
	background-color: #B87EC1;
}

#extras .Wylie .color, #Home .Wylie .color, #Wylie .Wylie .color, .Wylie a:hover .color {
	background-color: #83BE5B;
}

#extras .Prevention .color, #Home .Prevention .color, #Prevention .Prevention .color, .Prevention a:hover .color {
	background-color: #2EADB5;
}

#extras .Learning .color, #Home .Learning .color, #Learning .Learning .color, .Learning a:hover .color {
	background-color: #F2B600;
}

#extras .Supporting .color, #Home .Supporting .color, #Supporting .Supporting .color, .Supporting a:hover .color {
	background-color: #2E6E93;
}

/* Topic Banner Colors */

#About_PVRF div#topic-banner {
	background-color: #57BDF8;
}

#About_PVRF .sidebar h1, #About_PVRF #topic_nav h1 {
	color: #57BDF8;
}

#LAVR div#topic-banner {
	background-color: #B87EC1;
}

#LAVR .sidebar h1, #LAVR #topic_nav h1 {
	color: #B87EC1;
}

#Wylie div#topic-banner {
	background-color: #83BE5B;
}

#Wylie .sidebar h1, #Wylie #topic_nav h1 {
	color: #83BE5B;
}

#Prevention div#topic-banner {
	background-color: #2EADB5;
}

#Prevention .sidebar h1, #Prevention #topic_nav h1 {
	color: #2EADB5;
}

#Learning div#topic-banner {
	background-color: #F2B600;
}

#Learning .sidebar h1, #Learning #topic_nav h1 {
	color: #F2B600;
}

#Supporting div#topic-banner {
	background-color: #2E6E93;
}

#Supporting .sidebar h1, #Supporting #topic_nav h1 {
	color: #2E6E93;
}

#section_nav {
	border: none;
}

#section_nav td {
	background-color: #666;
	border: none;
}

#section_nav a div.label {
	display: block;
	height: 19px;
	text-align: center;
	padding-top: 6px;
	background-color: #666;
}

#section_nav a div.label:hover {
	background-color: #333;
}


#topic_nav {
	position: absolute;
	top: 42px;
	left: 16px;
	font-size: 11px;
	width: 161px;
	border-top: 1px solid #CCC;
	line-height: 136%;
}

#topic_nav h1 {
	font-weight: normal;
	font-size: 14px;
	margin: 21px 0 17px 8px;
}

#topic_nav a {
	color: #666;
	text-decoration: none;
}

#topic_nav a:hover {
	color: #90002B;
}

#topic_nav a.selected  { 
	color: #666;
	font-weight: bold;
}

#topic_nav div {
	margin: 10px 0 0 8px;
	padding: 0;
}

#topic_nav div.subtopic {
	margin: 5px 0 0 20px;
}

/* FLOATING STYLED BUTTONS */

div.textbuttonleft, div.textbuttonright {
	background: transparent url(/img/page-elements/btn_right.gif) top right no-repeat;
	margin-top: 3px;
}

div.textbuttonleft {
	margin-left: 3px;
	float: left;
}

div.textbuttonright {
	margin-right: 3px;
	float: right;
}

div.textbuttonright a, div.textbuttonleft a, div.textbuttonright a:visited, div.textbuttonleft a:visited {
	display: block;
	float: left;
	background: transparent url(/img/page-elements/btn_left.gif) top left no-repeat;
	height: 20px;
	margin: 0;
	padding: 5px 8px 0 7px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 13px;
	color: white; 
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

html>body div.textbuttonright a, html>body div.textbuttonleft a, html>body div.textbuttonright a:visited, html>body div.textbuttonleft a:visited {
	line-height: 11px;
}

div.textbuttonright a:hover, div.textbuttonleft a:hover, span.textbutton a:hover, div.textbuttonright a.small:hover, div.textbuttonleft a.small:hover, span.textbutton a.small:hover  {
	color: #EFFAAA; 
}

/* MODAL DIALOGS */

#modalMask, #modalContainer {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

#modalMask {
	background-color: #444;
	opacity: .4;
	background-image:url(/img/mask.png); /* required by MSIE to prevent actions on lower z-index elements */
    background-repeat: repeat;
	z-index:9999;
	/* opacity for IE is handled in the script to aviod displaying an error in the Mozilla JS console */
}

#modalContainer {
	background-color: transparent;
	z-index:10000;
}

#modalBox {
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	width:340px;
	min-height: 100px;
	margin-top: 100px;
	border: 2px solid #353E6B;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 4px 28px;
	display: none;
	padding: 0;
	color: #333;
}

#modalContainer > #modalBox {
	position:fixed;
}

#modalBox h1 {
	width: 100%;
	font-size: 14px ;
	font-weight: bold;
	margin:0;
	background-color: #3676AA;
	color: #fff;
	border-bottom: 2px groove #353E6B;
	padding: 4px 0 4px 10px;
	font-variant: small-caps;
}

#modalContainer > #modalBox h1 {
	width: auto;
}

#modalBox p {
	margin: 6px 0 4px;
	font-size: 12px ;
	padding: 0px 8px 0px 8px;
	line-height: 160%;
}

#modalBox p b {
	color: #FFFFCC;
}

#modalBox input#promptField {
	width: 198px;
}

#modalBox .checkbox, #main .checkbox {
	border-width: 0;
}

#modalText {
	margin-left: 4px;
}

#modalBox .textbuttonright {
	margin-right: 12px;
	margin-bottom: 8px;
}

#modalBox .textbuttonright a {
	padding-top: 4px;
}


@media print {
  #modalBox, #modalContainer, #modalMask, .textbuttonright, .textbuttonleft, .textbutton, #return_link, .paging_controls {
  	display: none !important; 
  }
}

/* AJAX CONTACT FORM */

#message_form .field_element {
	font-size: 11px;
	margin-bottom: 3px;
	padding-right: 3px;
}

#cForm input, #cForm textarea {
	width: 310px;
}

#cForm .form_error_msg {
	width: 300px;
	margin-bottom: 8px;
}

#message_form #contactFormArea {
	padding: 10px;
	font-size: 12px;
}

#message_form #contactFormArea form {
	padding: 0;
	margin: 0;
}

#message_form #loadBar, #message_form #responseMessage { 
	display: none;
	margin-top: 6px;
	font-weight: bold;
}

div.remediation {
	color: #FFD;
	text-indent: -12px;
	margin: 4px 6px 6px 30px;
	clear: left;
	display: none;
}

#bad_browser {
	text-align: center;
}

.debug {
	display: block;
	border: 1px dotted #990000;
}

#get_acrobat {
	font-size: 11px;
	line-height: 14px;
	margin-right: 2em;
}

/* STYLES FOR POP-UP DEFINITIONS */

dfn { 
	display: inline;
	border-bottom: 1px dotted #039;
	cursor: pointer;
}


div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: url(/img/x.gif);
	background-color: #666666;
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}

* html div.nicetitle { 
	width: 250px;
}

div.nicetitle p {
    margin: 0; padding: 0 3px;
}