/* STYLES FOR HVTN.ORG PAGES */
/* This style sheet - hvtn.css - is the default */

/* VERSION DETAILS, MOST RECENT FIRST */
/* Version 2.1 CPD 20-Feb-02 H4.backtotop, H5.backtotop, H6.backtotop top margins increased, to fix clash with "back to top" text */

/* GLOBAL CLASSES */

BODY
	{
	font-family: arial; sans-serif;
	font-size: 12px;
	background-color: #FFF;
    color: #000;
	}

TD,DL,DT,DD,UL,OL,BlOCKQUOTE,.body/* explicitly declared to overcome inheritance problems in Netscape */
	{
	font-family: arial; sans-serif;
	font-size: 13px;
	margin-top: 0em;
	margin-bottom: 0em;
	}

P,.P
	{
	margin-top: 0.7em;
	margin-bottom: 0em;
	}

DIV,.DIV
	{
	margin-top: 0em;
	margin-bottom: 0em;
	}

.small	/* smaller font size */
	{
	font-size: 12px;
	}

.txtsm  /* added by Soyon to transition to sans serif */
	{
	font-family: arial; sans-serif;
	font-size: 0.8em;
	}


.smaller	/* smallest font size in use */
	{
	font-family: arial, sans-serif;
	font-size: 10px;
	}

.thin		/* for any element needing a small amount of white space above */
	{
	margin-top: 0.5em;
	margin-bottom: 0em
	}

.thinner	/* for any element needing a small amount of white space above */
	{
	margin-top: 0.3em;
	margin-bottom: 0em
	}

.thinnest	/* for any element needing a small amount of white space above */
	{
	margin-top: 0.2em;
	margin-bottom: 0em
	}

.indent		/* first line indented by a small amount: no space before or after */
	{
	text-indent: 1.2em;
	margin-top: 0em;
	margin-bottom: 0em
	}

.inset		/* entire block inset by a small amount */
	{
	margin-left: 1.2em;
	}

.insetmore		/* entire block inset by a moderate amount: no space before or after */
	{
	margin-left: 2em;
	margin-top: 0em;
	margin-bottom: 0em
	}

.thinindent		/* for any element needing a small indent AND a small amount of white space above and below; on <P> tags, closing tag MUST be used to avoid Netscape bug */
	{
	margin-top: 0em;
	margin-left: -0.5em;
	margin-bottom: 0em;
	padding: 0.5em;
	}

.bold		/* make it bold */
	{
	font-weight: bold;
	}

.normal			/* any item that needs to be made normal e.g. within Hn tags */
	{
	font-weight: normal;
	}

.gray
	{
	color: #999;
	}

/* GLOBAL LINK STYLES (see also sidebar links, below) */

A	{text-decoration:none}

A:link {color: #0066cc}
A:active {color: #999}
A:visited {color: #639}

A:hover,A:active {text-decoration:underline}

A.thispage, A.inactive	/* on lists of links (except sidebar - see below), applies to "this page", or an inactive link */
	{
	color: #999;
	}

/* HEADERS */

H1,H2,H3,H4,H5	/* explicitly declared to overcome inheritance problems in Netscape */
	{
	font-family: arial, sans-serif;
	}

H1			/* not used on current design */
	{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	}

H2			/* page heading of welcome pages */
	{
	font-size: 1.3em;
	margin-bottom: 0.3em;
	}

H3			/* page heading of major subsection pages */
	{
	font-size: 1.2em;
	margin-bottom: 0.3em;
	}

H4			/* page heading of secondary subsection pages; major subheads */
	{
	font-size: 1em;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	}

H4.backtotop, H5.backtotop, H6.backtotop /* where subhead needs to align with "back to top" link */
	{
	margin-top: -0.2em;
	margin-bottom: 0.5em;
	}

H5			/* subheads */
	{
	font-size: 0.9em;
	margin-top: 0.8em;
	margin-bottom: 0.3em;
	}

H6, .H6			/* lowest-level subheads, or above H3 or H4, if needed */
	{
	font-family: arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	}

DIV.backtotop	/* for "back to top" link above H4,H5 headers - vertical spacing needs to be adjusted */
	{
	font-family: arial, sans-serif;
	margin-top: 1.5em;
	margin-bottom: -0.3em;
	font-size: 0.7em;
	}
	
/* BLOCK ELEMENTS, LISTS, etc. */
#left {position: relative; margin-left: 10px; width:400px} 

UL, OL, BLOCKQUOTE, DL /* left margin left unspecified, to overcome browser inconsistency  (N4 & N6) */
	{
	margin-top: 0em;
	margin-bottom: 0em;
	}

LI
	{
	/* list-style: none; */
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	}

UL.small, OL.small
	{
	margin-right: 1em;
	margin-left: 1.9em;
	}

DT	/* left margin left unspecified, to overcome browser inconsistency */
	{
	margin-top: 0.5em;
	margin-bottom: 0em;
	}

DT.two		/* where two DTs need to be specified in succession */
	{
	margin-top: 0em;
	margin-bottom: 0em;
	}

DD	/* note that N4 reduces left margin to 0! */
	{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1.2em;
	}

DD.small		/* smaller font size */
	{
	font-size: 0.8em;
	}

EM.printlink, SPAN.printlink, DD.printlink	/* where links are repeated in lists, so that they can be printed; 
											   note that DD.printlink is inoperative in N4 */
	{
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #666;
	font-style: normal;
	}

EM.linkinfo, SPAN.linkinfo, DD.linkinfo	/* to present link information e.g. "(20KB PDF)" in smaller type 
										  (use only with default-sized text) */
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	/* text-transform: uppercase; */
	}

.linkinfo
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	}
	

/* SIDEBARS - elements in colored sidebar area */

.sidebar
	{
	font-family: arial, sans-serif;
	background-color: #366;
	color: #FFF;
	font-size: 12px;
	}

TD.sidebar, .author
	{
	font-family: arial, sans-serif;
	background-color: #366;
	color: #FFF;
	font-size: 0.8em;
	}

P.sidebar
	{
	margin-top: 0.4em;
	}

HR.sidebar
	{
	color: #8FB3B3;
	border-color: #8FB3B3;
	width: 90px;
	height: 1px;
	text-align: left;
	border-top: solid;
	}

.sidetop	/* places drop shadow on top of sidebar */
	{
	background-color: #366;
	/* background-image: url("http://www.hvtn.org/images/sideshadow.gif"); */
	background-image: url("http://www.scharp.org/~cdelaney/draft/hvtn.org/images/sideshadow.gif");
	}

A.sidebar:link, A.sidehome:link	{color: #FFF} 		/* improves legibility against green sidebar */
A.sidebar:active, A.sidehome:active	{color: #8FB3B3;}
A.sidebar:visited, A.sidehome:visited {color: #FFF}
A.sidehome	{text-decoration:underline;}			/* identifies section when in page other than its home page */
A.sidethis	{color: #8FB3B3;}						/* on lists of links, applies to "this page" */

DIV.getacro	/* "get acrobat" text in sidebar */
	{
	font-family: arial, sans-serif;
	font-size: 0.9em;
	margin-top: 2em;
	margin-bottom: 0em;
	color: #B8E6E6;
	}

.author		/* smaller font size; use in LH column for author info: name, contact etc. */
	{
	vertical-align: top;
	font-size: 11px;
	color: #B8E6E6;
	}

SPAN.sidetext		/* explanatory text in sidebar e.g. "password required" */
	{
	font-size: 0.9em;
	color: #B8E6E6;
	}

TD.authorblack	/* smaller font size; use in LH column for author info: name, contact etc. */
	{
	font-family: arial, sans-serif;
	vertical-align: top;
	font-size: 0.7em;
	color: #000;
	}

/* BREADCRUMB, FOOTER, etc. */

.breadcrumb	/* for "breadcrumb" navigation trail at top of lower-level pages */
	{
	font-family: arial, sans-serif;
	font-size: 0.7em;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #333;
	}

.footer		/* smaller font size: used for standard footer information */
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	}

/* MISCELLANEOUS */

PRE
	{
	font-family: courier new, courier, monospace;
	font-size: 0.8em;
	}

SUP, SUB /* absolute font size used to allow consistent sizing with different surrounding text */
	{
	font-family: arial, sans-serif;
	font-size: 11px;
	}

SUP
	{
/* 	vertical-align: text-top; */
	}

SUB
	{
/* 	vertical-align: text-bottom; */
	}

P.getacro	/* for Adobe Acrobat notice within main body (see DIV.getacro for sidebar) */
	{
	font-size: 0.9em;
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 1em;
	}

IMG.pad_left
	{
	float: right;
	padding: 50px;
	margin: 50px
	}

P.protocolsubhead	/* subheads on protocol pages */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #900;
	}

HR
	{
	height: 1;
	color: #999
	}

SPAN.level1	/* on site maps, indicates level 1 security */
	{
	color: #C96;
	}

SPAN.level2		/* on site maps, indicated where some content is level 2, and where ALL content is protected (in bold) */
	{
	color: #C06;
	}

.comp		/* use for grey tables which stand in for to-be-supplied photos etc. */
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #CCC;
	color: #999;
	}

.testtext	/* used solely to test if the browser has grabbed the right stylesheet */
	{
	color: red;
	}