/*color pallete Chemistry Year 2011 
#009ddc blue
#00709C dark blue

#f5a11a orange
#c48115 dark orange

#ef2e1f red
#b02217 dark red

#444444 gray
*/

.pageContainer {
	width:960px;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;
	overflow:hidden;
	background:#FFF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-box-shadow: 0px 0px 12px #343838; /* Safari */
	-moz-box-shadow: 0px 0px 12px #343838; /* firefox */
	box-shadow: 0px 0px 12px #343838;
}
.pageContainer_Home {
	width:960px;
	margin:auto;
	margin-bottom:0px;
	margin-top:20px;
	padding:0px;
	padding-top:20px;
	overflow:hidden;
	background:#FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-shadow: 0px 0px 12px #343838; /* Safari */
	-moz-box-shadow: 0px 0px 12px #343838; /* firefox */
	box-shadow: 0px 0px 12px #343838;
}
.header {
	height:250px;
	width:960px;
	margin:0px;
	background-color: #FFF;
	padding:0px;
	float:left;
}
.topNavigation {
	height:20px;
	background: #f5a11a;
	width:940px;
	margin-left:10px;
	margin-top:0px;
	/*-moz-border-radius:2px;
	border-radius:2px;*/
	float:left;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	margin-bottom:0px;
}
.topNavContainer {
	margin:0px;
	margin-right:10px;
	margin-top:2px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	height:20px;
	
}
.topNavContainer ul {
	margin:0px;
	padding:0px;
	float:right;
}
.topNavContainer ul li {
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	
	float:left;
}
.topNavContainer ul li a {
	text-decoration:none;
	padding-left:25px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:2px;
	color:#FFF;
	border-left: 1px solid #FFF;
	/*background-image: url(../imgs/home1.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;	*/
}
.topNavContainer ul li a:hover {
	text-decoration:none;
	color:#FFF;
	background:#ef2e1f;
	/*background-image: url(../imgs/home1.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;	*/
}
.contentsContainer {
	margin-top:0px;
	float:left;
}
.contentsBox {
	margin-left:20px;
}
.contentsTitle {
	color:#111;
	padding-left:20px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../imgs/blueDownArrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.contentsText {
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.contentsText ul {
	margin:0px;
	padding:0px;
}
.contentsText ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.contentsText ul li a {
	text-decoration: none;
	color:#00709C;
	display:block;
	padding-top:1px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:10px;/*line-height:18px;*/
}
.contentsText ul li a:hover {
	color:#ef2e1f;
	text-decoration: none;
	background-image: url(../imgs/redDownArrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.contentsText ul li ul li a {
	font-size: 11px;
	width:430px;
	margin-left:15px;
	text-decoration: none;
	color:#555;
	display:block;
	padding-top:1px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:10px;/*line-height:18px;*/
}
.mainContainer {
	width:100%;
	overflow:hidden;
	background: none;
	padding-top:10px;
}
.lefColumn {
	width:220px;
	/*background:#FFF;*/
	float:left;
}
.lefNav {
	/*position:fixed;
	top:280px;*/
	width:190px;
	margin-top:85px;
	margin-left:15px;
	border:1px solid #ef2e1f;
	padding-bottom:0px;
	/*border-radius:5px;
	-moz-radius:5px;*/
	background:#fff;/*		-webkit-box-shadow: 1px 1px 3px #666;
		-moz-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;*/
}
.lefNavTitle {
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	/*text-shadow: 1px 1px 1px #333;*/
	margin-left:0px;
	background:#ef2e1f;
	/*width:165px;*/
	display:block;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ef2e1f;/*background-image: url(../imgs/arrowsOrangeRight.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}
.lefNav ul {
	margin:0px;
	padding:0px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom:4px;
	line-height:14px;
}
.lefNav ul li {
	text-align:left;
	list-style-type:none;/*list-style-position: inside;
	list-style-image: url(../imgs/bullet_red.jpg);*/
	
}
.lefNav ul li a {
	text-decoration:none;
	padding:5px;
	color:#333;
	display:block;
	background:#fff;
	width:176px;
	margin-left:2px;
	margin-top:4px;
	border-bottom:0px solid #ef2e1f;
	border-radius:2px;
	-moz-border-radius:2px;
}
.lefNav ul li a:hover {
	color: #fff;
	background:#ef2e1f;
	text-decoration: none;
	border-bottom:0px solid #fff;
	border-radius:3px;
	-moz-border-radius:3px;
}
.lefNav2 {
	/*position:fixed;
	top:480px;*/
	width:190px;
	margin-top:30px;
	margin-left:15px;
	border-BOTTOM:0px solid #b02217;
	padding-bottom:0px;
	/*border-radius:5px;
	-moz-radius:5px;*/
	background:#FFF;/*		-webkit-box-shadow: 1px 1px 3px #666;
		-moz-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;*/
	float:left;
}
.lefNav2Title {
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#b02217;
	/*text-shadow: 1px 1px 1px #333;*/
	margin-left:0px;
	/*background:#f5a11a;*/
	
	display:block;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #b02217;/*background-image: url(../imgs/arrowsOrangeRight.png);
	background-repeat: no-repeat;
	background-position: 5px center;*/
}
.lefNav2 ul {
	margin:0px;
	padding:0px;
	font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding:0px;
}
.lefNav2 ul li {
	list-style-type:none;
}
.lefNav2 ul li a {
	text-decoration:none;
	padding:5px;
	padding-bottom:5px;
	padding-top:5px;
	color:#666;
	display:block;
	background:#FFF;
	width:180px;
	float:left;
}
.lefNav2 ul li a:hover {
	color: #fff;
	background:#ef2e1f;
	text-decoration: none;
	border-radius:4px;
	-moz-border-radius:4px;/*border-bottom:1px solid #ef2e1f;*/
}
.lefNav2 ul li a img {
	display:block;
	float:left;
	margin-right:10px;
	border:0px;
}
.lefNav2 ul li a span {
}
.mainContent {
	width:720px;
	/*height:100%;*/
	/*background:#FFF;*/
	float:left;
}
.mainContent p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	/*line-height:18px;*/
	color: #333;
}
.mainContent ul {
	margin:0px;
}
.topicContainer {
	width:720px;
	overflow:hidden;
}
.topicText {
	width:500px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #333;
}
.topicText ul {
	margin-top:-5px;
	margin-left:-10px;
}
.topicText ul li {
	margin-top:5px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../imgs/bullet_orange.jpg);
}
.rightContent {
	text-align:center;
	width:220px;
	height:100%;
	/*background:#FFF;*/
	float:right;
}
.footer {
	height:200px;
	width:950px;
	float:left;
	padding-bottom:20px;
	margin-top:40px;
	margin-left:5px;
	margin-bottom:5px;
	border:0px solid #FFF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	background-color:#DDD;/*	background-image: url(../imgs/pettern_gray.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;	*/
}
.footerIndex {
	width:940px;
	float:left;
	height:200px;
	margin-top:40px;
	margin-left:10px;
	margin-bottom:10px;
	border:0px solid #FFF;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	background-color:#DDD;/*	background-image: url(../imgs/pettern_gray.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;	*/
}

.authFOOTER a:hover{
	
	
}



.footerNavContainer {
	margin:0px;
	margin-top:20px;
	padding:0px;
	padding-left:68px;
	list-style-type:none;
	text-align:center;
	float:left;
}
.footerNavContainer ul li {
	display:  inline;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:0px;
	padding:0px;
}
.footerNavContainer ul li a img {
	border:0px;
}
.footerNavContainer ul li a {
	display: block;
	float:left;
	width:150px;
	margin:0px;
	text-decoration:none;
	padding:0px;
	color:#666;/*	
	border-right: 1px solid .bbb;
	border-left: 1px solid .bbb;
*/
}
.footerNavContainer ul li a:hover {
	color:#111;
}
.closingFooterLinks {
	color:#fff;
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:auto;
	margin-top:20px;
	width:100%;
	text-align:center;
}
.closingFooterLinks a {
	text-decoration:none;
	color:#b4eaff;
}
.closingFooterLinks a:Hover {
	color:#fff;
	text-decoration:underline;
}
.closingFooter {
	color:#99c9dc;
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:auto;
	width:100%;
	text-align:right;
	padding-top:250px;
	padding-bottom:0px;
	background-image: url(../imgs/pettern_white.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:20px;
	margin-bottom:5px;
}
.closingFooter a {
}
.closingFooter a:hover {
}
.myFace {
	margin-right:5px;
	float:right;
	margin-top:-21px;
}
.myFace a {
	text-decoration:none;
	font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	color:#99c9dc;
	padding-top:67px;
	padding-bottom:10px;
	background-image: url(../imgs/me_face_hidden.png);
	background-repeat: no-repeat;
	background-position: right;
}
.myFace a:hover {
	color:#FFF;
	background-image: url(../imgs/me_face.png);
	background-repeat: no-repeat;
	background-position: right;
}
