@import url("SCVLPaural.css");		/* all sound parameters	  */
@import url("SCVLPprint.css");		/* special printing stuff */

/* *****************************************************************
 *
 *	SCVLPcommon.css - common stylesheet for SCVLP website pages
 *
 *	This file esablishes the common layout and styles, including
 *	margins, alignment, and so on
 *
 *	We divide our pages into three major regions:
 *	    (1) the top has logos, slogans, and identifying info
 *	    (2) the middle has navigation, main feature, and sidebar
 *	    (3) the bottom has the fine print, webmaster link, etc.
 *
 *	The styles associated with the top are:
 *		- Top
 *		- PrimaryLogo
 *		- SecondaryLogo
 *
 *	The styles associated with the middle correspond to
 *	three regions from left to right across the page:
 *		- NavList - on left side, always present
 *		- MainFeature - central area, always present
 *		- Sidebar - optional side bar on right
 *	The style associated with the bottom is:
 *		- Bottom
 *
 ***************************************************************** */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	border: none;
}

H2, DIV, P, UL, LI, A, TABLE, CAPTION, TR, TH, TD, IMG {
	font-family: inherit;
	color: inherit;
	background-color: transparent;
	border: none;
}


DIV, IMG {
	margin: 0;
	padding: 0;
}

A:link {
	color: teal;
	background-color: transparent
}

A:visited {
	color: purple;
	background-color: transparent
}

A:active {
	color: red;
	background-color: transparent
}

IMG.PrimaryLogo { float: left; padding-right: 2em; width: 17%; }

IMG.SecondaryLogo { float: right; padding-left: 2em; width: 17%; }

DIV.Page {
	margin-left: 2%;
	margin-right: 2%;
}

DIV.Page HR {
	clear: both;
	margin: 0;
	visibility: hidden;
}

DIV.Top {
	clear: both;
	width: 100%;
	padding-bottom: 1em;
}


DIV.Top H1 {
	font-weight: bold;
	font-size: xx-large;
	text-align: center;
	margin: 0;
	padding: 0.5em;
}

DIV.Top P {
	color: teal;
	background: transparent;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: large;
	text-align: center;
	margin: 0;
	padding: 0;
}

DIV.MainFeature {
	float: right;
  	width: 77%;
}

DIV.MainFeature TABLE {
	border: 2px solid black;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

DIV.MainFeature SUP {
	vertical-align: text-top;
	font-size: 75%;
}

DIV.MainFeature CAPTION {
	caption-side: top;
	border: 3px solid black;
	font-size: x-large;
	font-weight: bold;
	padding: 0.5em;
	background-color: #ffc;
}

DIV.MainFeature TR {
	border: 1px solid black;
}

DIV.MainFeature TH {
	border: 1px solid black;
	text-align: center;
	vertical-align: baseline;
	font-size: large;
	font-weight: bold;
	padding: 0.5em;
	background-color: #efb;
}

DIV.MainFeature TD {
	border: 1px solid black;
	text-align: left;
	vertical-align: text-top;
	font-size: medium;
	padding: 0.5em;
}

DIV.SideBar {
  	float: right;
  	width: 40%;
	border: solid teal;
  	border-width: thin;
	margin-left: 1em;
	margin-bottom: 1em;
	color: black;
	background-color: #ffc;
}

DIV.NavList {
	float: left;
	width: 20%;
	margin-bottom: 1em;
	border: solid olive;
	border-width: thin;
	color: black;
	background-color: #efb;
}

DIV.SideBar H2,
DIV.NavList H2 {
	text-align: center;
	width: 100%;
	padding: 0;
	margin-top: 0;
	font-weight: bold;
	font-size: medium;
}

DIV.SideBar H2 {
	color: white;
	background-color: teal;
}

DIV.NavList H2 {
	color: white;
	background-color: olive;
}

DIV.SideBar UL,
DIV.NavList UL {
	margin-left: 0;
	text-indent: 0;
	padding-left: 1.5em;
}

DIV.SideBar LI,
DIV.NavList LI {
	margin-left: 0;
	text-indent: 0;
}

DIV.Bottom {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: small;
}

DIV.Bottom IMG {
	float: right;
	height: 2em;
}