html
{
height: 100%;
max-width:940px
}

body, td, p, ul, ol, po {font-family: Univers, Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color: #000066}

#container
{
min-height:100%;
margin: 0 auto;
margin-top: 0.8em;
margin-bottom: 0.3em;
background-color: #fff;
max-width:940px
text-align: left;
border-width: 0px;
border-color: #c0c0c0; 
border-style: solid;
}


#slider
{
width: 850px;
margin-top: 20px;
margin-bottom: 20px;
}

.sliderleft
{
padding-left: 0px;
padding-right: 0px;
width: 450px; /* 330px max picture size, to leave 60px on left for arrow control */
margin-left:auto;
margin-right:auto;
}

.sliderleftfloat /* for vids on the left */
{
padding-left: 60px;
padding-right: 30px;
float: left;
max-width:320px;
width: 320px;
}


.sliderrightnotopaque, .sliderright
{
padding-left: 5px;
padding-right: 5px;
margin-left: 0px;
margin-right: 60px;
margin-top: 20px;
float: right;
text-align: left;
width: 330px;
}

.sliderright, p.wide, .opaque
{
background-color:#ffffff;
opacity:0.7;
filter:alpha(opacity=70);
}

.opaquesolo
{
opacity:0.7;
filter:alpha(opacity=70);
}

/* for non-opaque chunks on the the right of a slider: start with sliderrightnotopaque, then "opaque" any text paras therein */

/* this won't "unopaque" things in an opaque container, alas.
.notopaque
{
opacity:1.0;
filter:alpha(opacity=100);
}
*/

.sliderrightcentered /* eg for pics on the right */
{
padding-left: 0px;
padding-right: 0px;
margin-left:auto;
margin-right:auto;
float: right;
width: 400px;
}


.centered /* eg for pics on the right */
{
margin-left:auto;
margin-right:auto;
}


.sliderwide
{
width: 730px;
/*
padding-left: 60px;
padding-right: 60px;
*/
margin-left:auto;
margin-right:auto;
}

.oursliderbackground
{
background-image:url(./images/Slashes.jpg)
}

div.contentleft
{
float: left;
width: 450px;
background-color:#ffffff;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}


div.contentright
{
float: right;
width: 450px;
background-color:#ffffff;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}


.spaceabove
{
padding-top:15px;
}

.clear
{
clear: both;
}


h1 {
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.7em;
	line-height: 1.9em;
	margin:0.5em 0em 0.7em 0em;
	padding-left:0.4em;
	font-weight: normal;
	color:#F0F0F0;
	}

h5 {
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.7em;
	margin:0em 0em 0em 0em;
	padding:0em;
	}


.sfawn {
color:#000000; 
background-color:#EAEAD5; 
opacity:0.75; 
filter:alpha(opacity=75);
border: 1px solid #DADAC6;
}


p.spacer {font-size:5pt;}
p.wide {width:600px; margin-top: 20px; padding: 5px;} /* this is for quotes: only 600px and is centered BTW */
p.wideleft {width:730px; text-align:left; margin-top: 20px; padding-bottom: 4px; margin-bottom: 16px;}

.slashes
{
font-weight:bold;
font-style:italic;
text-shadow: 0.08em 0.08em 0.08em #FFFFFF;
color:#70B8FF;
}

.shad {
text-shadow: 0.08em 0.08em 0.08em #FFFFFF;
}


td, p, ul, ol {margin-bottom: 0.4em; margin-top: 0.4em}

li {padding: 0px 0px 0.4em 0.4em}

/* for links at the top, excepting the main navbar row: */
a {color:#9BCAFD; background-color:#FFFFCC; border: 1px solid #9BCAFD; }
a:link {text-decoration: none; color:#9BCAFD;}
a:visited {text-decoration: none; color:#9BCAFD;}
a:hover {text-decoration: none; background-color:#EBEBEB;}

/* for the main navbar row: */
a.navlink {color:#FFFFCC; background-color:#9BCAFD; border: 1px solid #EBEBEB; }
a:link.navlink {text-decoration: none; color:#FFFFCC;}
a:visited.navlink {text-decoration: none; color:#FFFFCC;}
a:hover.navlink {text-decoration: none; background-color:#CBCBCB;}

/* for links in the text */
a.txtlink {color:#000066; background-color:#FFFFCC; border: 0px}
a:link.txtlink {text-decoration: none; color:#000066;}
a:visited.txtlink {text-decoration: none; color:#000066;}
a:hover.txtlink {text-decoration: none; background-color:#CBCBCB;}


.boxed {border:0.08em solid #cccccc;}
.squash {margin-top: 0.01em; margin-bottom: 0.01em;}
.squashq {margin-top: 0.01em; margin-bottom: 0.01em; font-weight:bold;}
.paper {border:0.15em solid #cccccc; margin:0.25em 0.25em 0.25em 0.25em; background-color:#FFFFCC}
.papernoborder {margin:0.25em 0.25em 0.25em 0.25em; background-color:#FFFFCC}
.answer {color:#108020; font-family: Comic Sans MS, Comic Sans, Marker Felt, sans-serif;}