body {
	margin: 0;
	background-color:#6699CC;
	text-align:center;
	font-family: Verdana,'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#InnerContainer
{
	border-color:#4662b3;
	border-style: solid;
	text-align:left;
	border-width: 1px;
	background-color:#FFFFFF;
	width:820px;	
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}

#pageFrame
{
	margin-top:20px; margin-left:20px; 
	width:870px;
	display: block;		
}

#banner {
	border-bottom: 3px solid #4662b3;
	border-right: 3px solid #4662b3;
	margin-top:-20px;
	background-color:#99CCCC;
	width:650px;
	}
	
#descriptionbox {
	position:absolute; top:2px; left:380px;
	width:260px;
	font-size: 1.3em;
	font-family: 'Comic Sans MS', sans-serif;
	color: #006400;
	text-align: right;
	}
	
#header {
	
	border-bottom: 3px solid #4662b3;
	background-image:url(CC-images/moleculesbg2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:auto	
}

#InfoBox {
	
	width:450px;
	margin-left:160px; padding:0px;
	}

.centerbox {
	display: block;
	height:auto;
	margin: 4px 10px  4px 10px;
	padding:6px;
	width:85%;
	border: solid 1px #688;
	font-size:small;
	
	}
	
	.insetbox {
	
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	border:1px solid;
	background-color:#CCFF99;
	margin-bottom: 1.5em;
	padding:6px;
	width:80%;
	border-color:#336600;
	margin-left:2em;
	}

#IndexSideBar {
	float:right;
	background-color:#CCCCFF;
	color:black;
	width:135px;
	font-size:12px;
	border: 1px solid #4662b3;
	margin-right:10px;
	}
	
	
	
#ThisPageSideBar{
	float:left;
	width:135px;
	margin: 2px 2px 2px 2px;
	border: 1px solid #4662b3;
	border-left-width: 2px;
	border-bottom-width:2px;
	margin-bottom:50px;
	background-color:#CCCCFF;
	color:black;
	font-size:12px;
	text-align:center;
	display:block;
	}
	
	#ThisPageSideBar li {list-style-type:none}

.RestoreTextColumn {float:none; clear:both; margin-left:0px;
    padding-top:2px
	}

#content {
	/* margin: top, right, bottom, left */
  margin: 50px 20px 0 20px; clear:both;
}

.box {
	border: 1px solid #000000;
	margin-bottom: 15px;
	text-align:left;
	padding: 5px 20px 5px 20px;
	background-color : #eaedf3;
}

.linkchknote {border: 1px solid; border-color:#FF6600; background-color:#CCCC99;
	 padding: 3px; margin-top:12px; font-size:10px}

.boxtop {
	background-color: #4662b3;:
	color: #FFFFFF;
	font-size:1.4em;
	padding-left: 5px;
	border-bottom: 1px solid #000000;
}


#footer {
	  padding-top: 7px;
	  padding-bottom: 7px;
	  margin-top:30px;
	background-color:#CC9999;
	height:auto;
	text-align: center;
	font-size: 90%;
}

h1,h2,h3,h4,h5,h6 {
	color: #4662b3;
}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.25em}
h4 {font-size: 1.11em}
h5 {font-size: 1em}

.xsmall {font-size:0.7em}

.red { color: #FF0000}
.redb { color: #FF0000; font-weight:900}
	
.gray {color:#999999}

.green {color:#006600}

a:link {
	color: blue; text-decoration: none;}

a:visited {
	color:blue; text-decoration: none}

#box a:visited {color:#CC3333; text-decoration: none;}

a:hover {background-color:#FFFF99; text-decoration: underline}

p {
	font-size: 85%;
}

.RightSide {margin-left:12px}
.LeftSide {margin-right:12px}


th {
	text-align:center;
	text-weight:bold;
	font-size:85%
	}
	
tr {
	font-size:80%
	}

dt {font-size:85%; align:left}
dd {font-size:80%;}

#content p {
	padding-left: 8px;
}

li {
	font-size: 85%; margin-bottom:5px;
}

/* code for the SideBar navigation lists */

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 130px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

ul#navlist,ul#navlist li
{
list-style-type: none;
padding: 2px;
margin: 0px;
}

#navlist li a {color:#333333; text-decoration: none; }
#navlist a:hover { background-color: orange; }
#navlist a:visited { color:#333333; text-decoration: none;}