/* CSS Document for Dr. Reyes Physiology Web Site, by Evelyn Miller, June 2005*/

/*basic tags*/
body {
	margin: 0;
	border: 0;
	background-attachment: scroll;
	background-image: url(images/bkgrnd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
p	{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	color: #000000;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #CC3300;
	line-height: normal;
	}
/*this style of using pseudo classes was recommended for most browser compatibility and */

:link, :visited {
	text-decoration: none;
	}
:link:focus, :visited:focus; {
	color: green; 
	}
	
:link {
	color: blue; 
	}
	
:visited {
	color: blue;
	}
	
:link:hover, :visited:hover {
	color: blue;
	text-decoration: underline;
	}
	
:link:active, :visited:active { color: blue;
}
 
/* Specific divs */
/* this class is the container for the text on most of the class pages*/

.frontpagetextcontainer {
	height: 1000px;
	width: 600px;
	position: absolute;
	left: 301px;
	top: 290px;
}

/*this is the container for the graphic, for example the logo*/

#upperleftlogocontainer {
	height: 265px;
	width: 280px;
	position: relative;
	left: 10px;
	top: 15px;
}

/*this holds the ccsf red seal*/

.redsealbox {
	left: 806px;
	top: 21px;
	height: 204px;
	width: 211px;
	position: absolute;
}

/*this is the container for the central graphic on the pages about the 20 years of teaching*/

.celebratebox {
	position: absolute;
	height: 30px;
	width: 226px;
	left: 431px;
	top: 213px;
}
/* this id is the outermost div that contains the rollovers on all the pages. It is
	relatively positioned on the page and has margins and padding. To make menu section
	most browser compatible it is good to not use both absolute position and margins  and
	padding.
	So there is another div called insiderollover-container that has absolute position.
	position for the actual rollovers*/

#rolloveroutercontainer {
	height: 998px;
	width: 209px;
	position: absolute;
	left: 52px;
	top: 304px;
}

/*there may have to be an inner container for each of the
rollovers in order to make it work perfectly with very
old browsers but this method seems to work with netscape 4.7*/

#rolloverinnercontainer1 {
	height: 600px;
	width: 200px;
	position: relative;
	left: 7px;
	top: 8px;


	
}

/*this is the container for the graphic with the name of the class*/

.topbar {
	height: 127px;
	width: 510px;
	position: absolute;
	left: 293px;
	top: 37px;
	right: 0px;
	bottom: 0px;
}

/*this is for the video selection page and contains the text under the left photo*/

.labphotocontainerleft {
	height: 242px;
	width: 259px;
	position: absolute;
	left: 330px;
	top: 496px;
	right: 0px;
	bottom: 0px;
}

/*this contains the left photo on the video selection page and labphotos2 is the right photo*/
.labphotos {
	height: 217px;
	width: 288px;
	position: absolute;
	left: 310px;
	top: 242px;
	right: 0px;
	bottom: 0px;
}

.labphotos2 {

	height: 217px;
	width: 288px;
	position: absolute;
	left: 612px;
	top: 242px;
	right: 0px;
	bottom: 0px;
}

/*this is for the video selection page and contains the text under the right photo*/
.labphotocontainerright {
	height: 242px;
	width: 259px;
	position: absolute;
	left: 630px;
	top: 496px;
	right: 0px;
	bottom: 0px;
}

/*this is the actual headline class for the pages that don't have graphic as title*/

.headlinemiscpages {
	font-family: Times New Roman, Times, serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #6B5DA5;
	background-image: none;
	height: 101px;
	width: 491px;
	position: absolute;
	left: 297px;
	top: 80px;
	right: 0px;
	bottom: 0px;
}

/*
.menubuttons {
	position: relative;
	background-color: #7361B5;
	height: 24px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin: 25px 0px 0px;
	padding: 5px;
}
8?

/*this is the container for the geometric hand*/

.handcontainer {
	height: 113px;
	width: 80px;
	position: absolute;
	left: 837px;
	top: 56px;
}

/*this is for the list of classes taught on the index page*/

#linklist {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	font-variant: small-caps;
}
/*used in quizzes and problemset pages for the table font and line width formatting*/

.tableformat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	height: auto;
	width: auto;
	position: relative;
}

/*used in lab pages to separate the data for each lab*/

.reversedtextblackwithwhite {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #000000;
}