/* DCQ Summer Solstice 2004 MAIN STYLE SHEET */	
/* Validates as Cascading Style Sheets, Level 2 */
/* per the W3C CCS2 Recommendation http://www.w3.org/TR/REC-CSS2/ */

/* NOTE: See also the Style Sheet ns4unsafe.css which contains style rules */
/* which are unsafe for Netscape 4: when editing for color etc. BOTH  */
/* stylesheets will need to be edited! */

/* NOTE: Individual page styles are contained in separate external style sheets- */
/* be careful to check them if changes to this style sheet cascade into */
/* page style sheet rules! */

@import url(ns4unsafe.css);

	/* BODY AND GLOBAL TEXT PROPERTIES */	
html {
	margin: 0;
	padding: 0;
	}
body {
	background: #fffbec url(bgimage.gif) repeat-y fixed;
	margin: 1% 2% 0 3%;
	padding: 0;
	font-size: 1em;
	}
body, td {
	font-family:  arial, helvetica, sans-serif; 
	color: #333;
	}

div.heading {
	font: bold 12px Arial, Sans-serif; 
	color: #666; 
	text-align: center;
	} 
div.subheading {
	font: 11px Arial, Sans-serif; 
	color: #666;
	}
	
	/* HEADING 1 - PAGE TITLE */
h1 {
	font: bold 30px/30px "tempus sans itc", "comic sans ms", arial, sans-serif;
	text-align: center;
	margin: 1em 4em 1em 4em;
	color: #960;
	padding: .5em 0 .5em 0;
	border-bottom: 3px double #960;
	border-top: 1px solid #960;
	}	
h1 span.supertitle {
	font: bold 18px/19px "trebuchet MS", arial, sans-serif;
	color: #630;
	}

/* Author citation under page title */
span.author {
	font: bold 15px "trebuchet ms", arial, sans-serif;
	color: #696;
	text-align: center;
	}
	
	/* MAJOR PAGE DIVISIONS */

/* Heading area - small banner image and issue name and number */
div.head {  
	font: bold 12px arial, helvetica, sans-serif;
	text-align: center;
	color: #666;
	}	

	
/* Site navigation bar at the bottom of each page. */
div.sitenav {
	text-align: center;
	border: 1px solid #960;
	padding: .1em 0 .3em 0;
	margin: .5em 15% 1em 15%;
	background: #f8f7dd url(browntex.gif);
	}

/* Footer image at the bottom of each page. */
div.footer {
	text-align: center;
	}
div.footer img {
	border: none;
	}
	
	/* GENERAL TEXT AND LAYOUT RULES */
	
/* ALL paragraphs! */	 
p { 
	font-family: verdana, arial, helvetica, sans-serif;
	}
/*corrects for margin-collapse error in IE5*/
p.first { 
	margin-top: 0;
	}
.center	{
	text-align: center
	}
.right {
	text-align: right;
	}
.left {
	text-align: left;
	}
.smaller {
	font-size: .8em;
	}
.bold {
	font-weight: bold;
	}
strong {
	font-weight: bold;
	}
em 	{
	font-style: italic;
	}	
/* hides selected elements fromm CSS browsers */
span.hide {
	display: none;
	}

	/* IMAGE RULES */
	
/* Centers large images, sets caption and border properties */
div.image {
	text-align: center;
	font: bold smaller arial, helvetica, sans-serif;
	color: #960;
	}
div.image img {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	}
/* Inline image - left-floated in NS4-unsafe stylesheet ns4unsafe.css */
img.inline {
	text-align: left;
	clear: both;
	margin: 0 0 0 25%;
	}
/* Left-floating drop capital letter image */
img.init {
	float: left;
	}
/* NS4-Safe rule for right-floated images - chage to "text-align: center"
or whatever as needed. See ns4unsafe.css.*/
img.floatright {
	display: none;
	}
	
	/*  LINK PROPERTIES  */

/* Generic inline link - use for links in text. */			
a {
	text-decoration: underline;
	color: #960; 
	}
a:visited {
	color: #960;
	}
a:active, a:hover {
	color: #f00;
	} 	
p a:hover {
	background: #dfefff;
	text-decoration: none;
	}

/* 'Double Cone Quarterly' in-text link */
a.dcq { 
	font-weight: bold;
	font-style: italic;
	color: #960;
	text-decoration: none;
	}
a:hover.dcq {
	color: #960;
	}
	
	
/* The large links at the page foot - "VWA - DCQ - Feedback". */	
.sitenav a {
	font: italic bold 18px "trebuchet ms", "comic sans ms", arial, helvetica, sans-serif;
	color: #960;
	text-decoration: none;
	}
.sitenav a:visited {
	color: #b82;
	}	
.sitenav a:active, .sitenav a:hover	{
	color: #c66;
	}
	
/* content-format styles */

.item2 {
	display: none;
	}
div.bigimage {
	text-align: center;
	}
div.bigimage p {
	text-align: left;
	margin: .5em 5em 1em 5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #960;
	font: bold smaller arial, sans-serif;
	color: #960;
	}
div.content {
	margin-bottom: .5em;
	}
h2 {
	text-align: center;
	font: bold 1.5em "garamond", times, serif;
	margin: 0 2em .5em 2em;
	padding: .5em;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	}
span.super {
	vertical-align: super;
	font-weight: bold;
	font-size: smaller;
	}
span.super a {
	color: #960;
	font-weight: bold;
	text-decoration: none;
	}
span.super a:hover {
	color: #f00;
	}
div.article {
	margin: 0;
	padding-left: 1em;
	}
div.article div.section {
	border-bottom: 1px solid #000;
	padding-bottom: 1em;
	}
div.article h2 {
	font: 1.5em times, serif;
	text-align: center;
	border: none;
	}
div.article h3 {
	font: large times, serif;
	text-align: center;
	}
div.article p, div.article table td {
	font-family: "times new roman", times, serif;
	}
div.article table td {
	padding: .1em 1em;
	vertical-align: top;
	}
div.article table td.heading {
	font-weight: bold;
	border-bottom: 1px dotted #000;
	}
div.article table td.topheading {
	font-weight: bold;
	text-align: center;
	}
.alignright {
	text-indent: 0px;
	text-align: right;
	}
div.article p.sectionfootnotes {
	margin-left: 2em; 
	margin-right: 2em;
	}
div.refs {
	font-size: small;
	}
div.refs p {
	text-align: left;
	margin-left: 1em;
	}
div.refs a {
	font-weight: bold; text-decoration: none;
		}
	
/* Masthead */

div.mast {
	font: xx-small arial, helvetica, sans-serif; 
	text-align: left; 
	color: #369; 
	margin: 0; 
	padding: 0;
	} 
div.mast a  {
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: underline; 
	color: #696;
	}  
div.mast a:hover {
	color: #f00;
	text-decoration: underline;
	} 
div.mast p.mast1 {
	margin-left: 3em;
	margin-right: 3em;
	}
div.mast p.mast2 { /* Editors credits and copyright statement */
	text-align: center; 
	}
div.breaker {
	text-align: center;
	}