@charset "UTF-8";
/* CSS Document */


/*

   /
  /_\
 |___\
 \___|
  \ /
   /		All code created for 3D Molecular Designs - Copyright
  /_\		
 |___\		For questions or comments, contact:
 \___|
  \ /		Mark Hoelzer
   /		hoelzer@msoe.edu
  /_\
 |___\
 \___|
  \ /
   /		
   
*/


/* Standard Tags */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 140%;
	background-color:#999;
	background-image:url(background2.jpg);
	background-repeat:repeat;
	background-position:top;
	margin:0px;
	overflow:hidden;
}
p{
	margin-bottom:24px;
}
#bodyBackground{
	background-image:url(background1.png);
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	width:100%;
	height:100%;
}
.content img{
	border:1px solid #DBF1D1;
	padding:5px;
	margin:10px auto;
	max-width:95%;
	display:block;
}
a{
	color:#00baf2;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}

#copyright{
	color:#666666;
	font-size:12px;
	margin:5px auto 0px auto;
	text-align:center;
}
.content h1{
	font-size:18px;
	font-weight:bold;
	padding:10px;
	color:#000000;
	background-image:url(titleBackground1.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
}
.content h2{
	font-size:15px;
	font-weight:bold;
	color:#33459d;
	padding:3px;
}
.content button{
	background-color:#EBEBFF;
	padding:7px;
	margin:7px 0px;
	font-weight:bold;
	color:#003366;
	font-size:12px;
}
.content p{
	font-size:14px;
	color:#000000;
}
.content button:hover{
	cursor:pointer;
	background-color:#f5f5ff;;
}
.spacer{
	width:100%;
	height:0px;
	margin:30px 0px;
	text-align:left;
	display:block;
	border:none;
	padding:0px;
	border-top:3px solid #dddddd;
}
.content h3{
	font-size:12px;
	color:#999999;
	margin:auto;
	max-width:500px;
	padding:2px;
	text-align:center;
	font-weight:normal;
	line-height:140%;
}
#fontSize{
	float:right;
	width:130px;
	font-size:14px;
	font-weight:normal;
	padding:0px 20px 0px 0px;
	text-align:right;
	margin:0px;
}
#fontSpacer{
	float:left;
	width:150px;
}
.fontButton{
	height:15px;
	width:15px;
	font-weight:bold;
	float:right;
	background-color:#C7D3E9;
	margin:2px;
}
.fontButton:hover{
	cursor:pointer;
	background-color:#DCE3F1;
}
.colorBlock{
	display:inline-block;
	width:12px;
	height:12px;
	margin:2px 5px 0px 0px;
	border:1px solid #000000;
}
ul{
	list-style:none;
	margin:5px 0px 5px 20px;
	padding:0px;
}

/* Header Tags */
#headerMain{
	width: 100%;
	height: 70px;
	color:#000000;
	border-bottom:2px solid #333333;
	background-color:#e5e7e6;
}
#headerInner{
	width:800px;
	margin:auto;
	padding:0px 50px 0px 50px;
	text-align:center;
}
#headerLogo{
	width:225px;
	height:70px;
	float:left;
}
#headerLinks{
	width:195px;
	height:40px;
	float:right;
	text-align:right;
	padding:15px;
}
#headerTitle{
	width:310px;
	height:30px;
	padding:20px 245px 20px 245px;
	background-image:url(headerBackground.jpg);
}
#headerTitle h1{
	padding:0px;
	margin:0px;	
	font-size:20px;
	font-weight:bold;
}
#headerTitle p{
	font-size:12px;
	padding:5px;
	margin:0px;
}


/* Main Content */
#contentMain{
	width:100%;
	height:100%;
}
.contentContainer{
	color:#000000;
	padding:0px;
	width:200px;
	margin:15px 7px 15px 15px;
	height:200px;
	float:left;
	border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:none;
	overflow:hidden;
}
.contentTitle{
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	background-color:#adb1d9;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
	margin:0px;
	max-height:18px;
	overflow:hidden;
}
.content{
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	background-color:#ffffff;
	color:#000000;
	padding:0px;
	height:100%;
	width:100%;
	margin:0px;
	overflow:hidden;
	z-index:10;
}