body { 	margin: 0 auto;
			background-color: #662222;
			width:7.5in;
}
body.sitemap { margin: 0 auto;
			background-color: #662222;
			width:1100px;
}
h3	{		/*color: #666633;*/
			font-family: Georgia, "Times New Roman", serif;
			font-size: 1.2em;
			font-weight: bold;
}
.header { 	font-family: Georgia, "Times New Roman", serif;
			font-size: 1.5em;		/*revised from 2.2em*/
			font-weight: bolder;
			text-align: center;
			/*border: 3px solid #888888;
			margin-top: 30px;
			color: #666633;
			background-image:url('img/gsocgreen.jpg');
			background-repeat:no-repeat;
			background-color: #ffeedd;
			
			line-height:130px;
			padding: 0 0 0 130px;
			height: 130px;*/
}
/*The following classes format stuff in the middle section of the document, including
text, navigation bar, floating image and other incidentals*/
.middle { 	border: 3px solid #888888;
			background-color: #ffeedd;
			padding:20px;
}
.nav	{	display: none;		/*this turns off the display of the navbar*/
			background-color: #662222;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			text-align:center;
			padding:10px;
}
a.navlink:link {color:#dddddd;text-decoration:none;}      /* unvisited link */
a.navlink:hover {color: white;text-decoration:none;}  /* mouse over link */
a.navlink:active {color: #ccff99;text-decoration:none;}  /* selected link */
a.navlink:visited {color: #999966;text-decoration:none;}  /* visited link */
.navbot	{	display: none;		/*this turns off the display of the navbar*/
			/*background-color: #662222;*/
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			text-align:center;
			padding:10px;
}
.midtext{	margin-left:10px;
			font-family: Arial, Helvetica, sans-serif;
			/*color: #666666;*/
			font-size: 1.0em;
			text-align:justify;
}
.emphasis {	/*color: #666633;*/
			font-weight:bold;
}
.newsletter {	/*color: #666633;*/
			font-weight:bold;
			font-style:italic;
}
/*THE FOLLOWING BODYIMAGE CLASSES ARE FOR THE PICTURES DISPLAYED THROUGHOUT THE SITE
THE FIRST IS FOR PAGES WITH ONE PICTURE, SECOND IS FOR PAGES WITH MORE THAN ONE PICTURE
THIRD IS FOR PAGES WITH ONE PICTURE AND CHANGING TEXT (ID THE HOME PAGE)*/
.bodyimage {	display: none;		/*this turns off the display of the image*/
			float: right;
			width:400px;
			margin-left:30px;
			margin-bottom:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size: 0.9em;
}
.bodyimage2 {float: right;
			clear:right;
			width:400px;
			margin-left:30px;
			margin-bottom:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size: 0.9em;
			display: none;		/*this turns off the display of the image*/
}
/*JANET--INCREASE THE HEIGHT PROPERTY OF THIS BOX (NORMALLY 700px) IF THE TEXT PORTION 
OF THE HOMEPAGE OVERRUNS THE FOOTER*/
.bodyimage3 {float: right;
			width:400px;
			height:700px;
			margin-left:30px;
			margin-bottom:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size: 0.9em;
			z-index:0;
			display: none;		/*this turns off the display of the image*/
}
/*THESE CLASSES AND IDS ARE FOR THE FADE-IN SLIDE SHOW*/
/*this box overlays the normal image*/
.bodyimage4 {float: right;
			width:400px;
			height:700px;
			margin-left:30px;
			margin-bottom:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size: 0.9em;
			z-index:1;
			position:relative;
			right: -430px;
			display: none;		/*this turns off the display of the image*/
			/*opacity: 0.3;*/
			/* for IE */
			/*filter:alpha(opacity=30);*/
}
/*these ids put the div tags in hasLayout mode for IE*/
#rotatetext {width: 400px;
}
#covertext {	width: 400px;
}
/*this box formats the text portion of the home page so that it is 
arranged to the left side of the slide show*/
.homepgtext {float: left;
			width:420px;
			height:800px;
			position:absolute;
			top: 240px;
}
/*END OF CLASSES AND IDS FOR THE FADE-IN SLIDE SHOW*/

/*.cas206projmenu { float: right;
			clear:right;
			width:340px;
			background-color:#662222;
			color:white;
			margin-left:30px;
			margin-bottom:30px;
			padding:30px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
}*/
.pagebottom {clear:both;		/*This class makes sure that the middle of the page wraps around the photo*/
}
/*GSOC FOOTER FORMATTING*/
.footer { padding: 5px;
			margin-bottom: 30px;
			/*color: #666633;*/
			/*background-color: #ffeedd;*/
			/*border: 3px solid #888888;*/
			font-family: Arial, Helvetica, sans-serif;
			font-size: .9em;
			text-align: center;
}
li {			margin-top:10px;
			margin-bottom:10px;
}
img {		border:0
}
/*The following classes format tables in the site:*/
/*GENERAL TABLES*/
td { 
			padding:5px;
}
/*GSOC CALENDAR TABLES*/
.caltable { 			
			border:3px solid #888888;
			padding:15px;
			border-collapse:collapse;
			table-layout:fixed;
}
th.caltable {			padding:5px;
			border:1px solid #888888;
}
td.caltable { 
			padding:5px;
			border:1px solid #888888;
}
/*GSOC MEMBERSHIP FORM TABLE*/
table.membtable { 
			border:3px solid #888888;
			border-collapse:collapse;
			font-style:italic;
			table-layout:fixed;
}
td.membtd { 
			padding:15px 5px 5px 5px;
			border:1px solid #ffeedd;
}
/*GSOC PRODUCTS TABLES (FROM CAS 206 PROJECT)*/
.gallery { 			/*This is the table that forms the slide gallery in the products page*/
			padding:15px;
			border-collapse:collapse;
}
.slide { 	height:200px;		/*This is the formatting for each slide in the gallery*/
			width:200px;
			background-color: white;
			border:3px solid #888888;
			padding:15px;
			text-align:center;
}