/******************************************************************************
	
	American Chemical Society Student Affiliates (ACSSA) 
	Central Michigan University (CMU) Chapter
	=============
	CSS Design by: Mark David Scott Cunningham
	http://www.mdsc.info/webdesign.htm
	
******************************************************************************/
body{
	font:normal 10pt/14pt arial, helvetica, sans-serif;
	background:#d1c9ad /*url(images/page-back.png) center repeat-y*/;
	margin:0px;
	}
	
/*****************************************************************************/
/* Outer Container div */
#body{
	width:960px;		/*Large Width*/
	/*width:800px;*/	/*Medium Width*/
	margin:0px auto;
	background:#fff url(images/left-col-back.png) left repeat-y;
	}

/*****************************************************************************/
/* Header Information */
#header{
	height:100px;
	background:#603 url(images/header.png) left no-repeat;
	color:#fff;
	font-weight:bold;
	position:relative;
	}
	#header #dept-link{
		position:absolute;
		top:29px; left:115px;
		}
	#header #title{
		position:absolute;
		top:40px; left:100px;
		font:small-caps bold 20pt arial, helvetica, sans-serif;
		}
	#header #links{
		float:left;
		clear:left;
		margin:0 0 0 30px;
		}
	#header #wordmark{
		float:right;
		margin:0px;
		}
	#header a{color:#fff;}
	#header a:visited{color:#fff;}
	#header a:active{color:#fff;}
	#header a:hover{background:transparent; color:#fd0;}
	#header a img{border:0;}

/*****************************************************************************/
/* Navigation div */
#left-col{
	width:179px;
	float:left;
	text-align:center;
	background:#603;
	border-right:1px solid #603;
	}
	#left-col a{
		display:block;
		width:179px;
		height:24px;
		padding:10px 0 0 0;
		background:#fec url(images/link.png) top;
		border-bottom:1px solid #603;
		}
	#left-col a:hover{
		background-position:bottom;
		color:#ece1e1;
		border-color:#fff;
		}
	#left-col #acs-logo{
		background:#603;
		text-indent:center;
		border-bottom:1px solid #fff;
		}
		#left-col #acs-logo a{
			display:block;
			border:0px;
			width:179px;
			height:80px;
			background:#603 url(images/acs_logo2.png) center no-repeat;
			}
		#left-col #acs-logo a img{
			border:0px;
			}

/*****************************************************************************/
/* Content div */
#right-col{
	width:760px;		/*Large Width*/
	/*width:600px;*/	/*Medium Width*/
	float:right;
	padding:15px 10px 10px 10px;
	text-align:justify;
	background:#fff url(images/shaddow.png) top repeat-x;
	}

	#right-col #demo-menu{
		background:#fff url(images/demo-menu-back.png) no-repeat;
		float:right;
		margin:0 0 10px 10px;
		width:150px;
		text-align:center;
		border:0px solid #ccc;
		padding:30px 10px;
		}
		#right-col #demo-menu a{
			display:block;
			font:small-caps bold 8pt/22pt arial, helvetica, sans-serif;
			border-top:1px solid #603;
			}

/*****************************************************************************/
/* General Classes */
.left{float:left; clear:left; margin:0 10px 0 0;}

.centered{margin:0 auto;}

.right{float:right; clear:right; margin:0 0 0 10px;}

.center{text-align:center;}

.framed{
	background:#ccc;
	padding:2px;
	border:2px outset #999;
	}

h1{
	font:italic small-caps bold 20pt/14pt georgia, times, serif;
	border-bottom:1px solid #603;
	margin:0 0 5px 0;
	color:#603;
	}

h2{
	font:italic bold 12pt georgia, times, serif;
	margin:0 0 5px 0;
	color:#000;
	}

h3{
	height:16px;
	border-top:1px solid #603;
	font:italic 8pt/16px georgia, times, serif;
	margin:0;
	padding:2px 7px;
	text-align:right;
	clear:both;
	color:#ece1e1;
	background:#603;
	}
	h3 div a, h3 div a:visited, h3 div a:active{
		color:#ece1e1;
		font:italic 8pt georgia, times, serif;
		}
	h3 div a:hover{
		color:#fff;
		text-decoration:underline;
		}

p{text-indent:35px; margin:0 0 10pt 0;}

#demo blockquote{
	width:545px;
	}

blockquote{
	width:45%;
	margin:0 auto;
	font-style:italic;
	padding:10px;
	border:2px dotted #603;
	background:#ece1e1 url(images/div-back-h.png) top right repeat-y;
	}

ul li, ol li{
	margin:0;
	}
	ol li{
		font-weight:bold;
		}
	ul ul li, ol ol li{
		margin:0;
		font-size:8pt;
		font-weight:normal;
		}
	ol ol li{
		list-style:upper-alpha;
		}
		ol ol ol li{
			list-style:lower-alpha;
			}

/*****************************************************************************/
/* Footer div */
#footer{
	padding:10px 0;
	border-top:1px solid #603;
	clear:both;
	text-align:center;
	background:#fec url(images/footer-back.png);
	}
	
/*****************************************************************************/
/* Link Attributes */
a{	font:small-caps bold 10pt arial, helvetica, sans-serif; 
	text-decoration:none; color:#603;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none; background:#603; color:#ece1e1;}