@charset "UTF-8";
body  {
	background: #000 url(../images/bg.png) top left repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

img {
	border:none;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#800003;
	text-align:left;
	padding:10px 25px 5px 25px;
	margin:0px;
	font-size:32px;
}

#preamble {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:0px 25px 10px 25px;
	padding-right:25px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#800003;
	font-weight:bold;
	padding:2px 25px 5px 25px;
	margin:0;
}

h3 {
	font-size:14px;
	padding-top:5px;
	margin-top:8px;
}

.shade {
	width: 1000px;
	background: transparent url(../images/shade.png) top center repeat-y;
	margin: 0 auto;
	text-align: left; 
} 

#banner { 
	width:968px;
	height:134px;
	background-image:url(../images/banner.jpg);
	margin:auto;
	color:white;
	background-color:black;
}

#bannerTop {
	height:108px;
}


/*banner menu*/
#bannerMenuContainer {
	position: relative;
	z-index:100;
}

#bannerMenu {
	position:absolute;
	top:0px;
	left:0px;
}

#bannerMenu, #bannerMenu ul {
	list-style:none;
	padding:0;
	margin:0;
}

#bannerMenu {
	padding-right:70px;
}

#bannerMenu > li {
	float:left;
}

#bannerMenu li {
	padding-right:17px;
}

#bannerMenu div {
	padding:0px 0px 0px 18px;
}
	
#bannerMenu a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFF;
	padding:3px 3px 3px 5px;
	/*text-shadow:2px 2px 3px #000;*/
	text-decoration:none;
}

#bannerMenu li li a {
	/*background-color:#fff;*/
	color:black;
}

#bannerMenu li ul {
	background-color:transparent;
	position:absolute;
	left:-999em;
}

#bannerMenu li:hover ul, #bannerMenu li ul:hover {
	left:auto;
}
									   
#bannerMenu li.activeSection > div a{
	color:#b2cbe5;
}

#bannerMenu a:hover {
	/*background-color:#212a35;*/
	background-color:#560000;
	color:white;
}

#bannerMenu a.activePage, #bannerMenu a.activePage:hover {
	/*color:black;*/
	/*background-color:#ccc;*/
	background-image:none;
	text-decoration:none;
	cursor:default;
}

#bannerMenu li ul li {
	background:transparent url(../images/experiment_right.png) center right no-repeat;	
}

#bannerMenu li ul li div {
	background:transparent url(../images/experiment.png) center left no-repeat;
}

#bannerMenu > li:hover {
	background:transparent url(../images/experiment_right.png) top right no-repeat;
}

#bannerMenu > li:hover > div {
	background:transparent url(../images/experiment.png) top left no-repeat;
}

#bannerMenu > li:hover > div a {
	color:#000;
}

#bannerMenu > li:hover > div a:hover {
	background-color:white;
}

#bannerMenu > li > div {
	padding-top:2px;
	padding-bottom:3px;
}

#bannerMenu li ul li.firstItem div {
	padding-top:5px;
}

#bannerMenu li ul li.lastItem {
	background:transparent url(../images/experiment_right.png) bottom right no-repeat;
}

#bannerMenu li ul li.lastItem div{
	background:transparent url(../images/experiment.png) bottom left no-repeat;
	padding-bottom:25px;
}

#bannerMenu li ul li.onlyItem div {
	padding-top:5px;
	background:transparent url(../images/experiment.png) bottom left no-repeat;
	padding-bottom:25px;
}

#bannerMenu li ul li.onlyItem {
	background:transparent url(../images/experiment_right.png) bottom right no-repeat;
}



	

#socialMediaMenu {
	float:right;
	margin-right:15px;
}

#socialMediaMenu ul {
	margin: 0px;
	padding: 4px 0px 5px 20px;
}

#socialMediaMenu li {
	display:inline;
}

#socialMediaMenu li a {
	
}


#socialMediaMenu img{
	margin:0px;
	padding:0px;
	border:none;
}

#bannerShadow{
	height:22px;
	background:transparent url(../images/belowBannerShade.png) top left repeat-x;
}

#menu li a.newSection, #menu li a.currentPage {
	background:transparent url(../images/global/MenuBarSprite.jpg) top left no-repeat;
}

#menu li a.newSection {
	background-position: 0 bottom;
}

#menu li a.newSection:hover {
	color:white;
	background-position: 0 center;
}

#menu li a.currentPage {
	color: white; 
	background-position: 0 top;
}
	
#container {
	width: 968px;
	margin: 0 auto;
	text-align: left;
	background:white url(../images/rightsideM.jpg) top right no-repeat;
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#leftside {
	margin:0px;
	width:718px;
	float:left;
	min-height:500px;
	background-color:#fff;
	padding-bottom:10px;
}

#leftside h1 {
	padding-top:130px;
}

#leftside p, #leftside ul, #leftside ol {
	color:black;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:25px;
	font-size:14px;
	margin-top:3px;
}

#leftside p.opening:first-letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:60px;
	line-height:48px;
	text-align:left;
	padding:0px 6px 0px 0px;
	float:left;
}

#leftside ol {
	list-style-position:inside;
	padding-left:50px;
}

#rightside {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	margin-left:719px;
	/*text-shadow:2px 2px 3px #000;*/
	color:white;
}

#rightside ul {
	list-style: none;
	padding: 0;
	margin:0px 15px 3px 15px;
}

#rightside ul.submenu {
	border-top:1px dotted white;
	border-bottom:1px dotted white;
}

#rightside li {
	margin:0;
	padding:0;
}

#rightside a {
	font-size:14px;
	color:white;
	background:url(../images/arrow_right_off.png) no-repeat center right;
	padding:5px 25px 5px 0px;
	display:block;
	text-decoration:none;
}

#rightside a.acadia {
	background:url(../images/acadia_crest.png) no-repeat center right;
}

#rightside a.submenuheader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
}

#rightside a:hover {
	text-decoration:underline;
	background:url(../images/arrow_right_hover.png) no-repeat center right;
}

#rightside a.acadia:hover {
	background:url(../images/acadia_crest_white.png) no-repeat center right;
}

/*#rightside a.RHSHeader, #rightside a.activeRHSHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
}*/

#rightside li.RHSHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	padding-right:25px;
	padding-bottom:5px;
}


#rightside a.activeRHSLink, #rightside a.activeRHSLink:hover, #rightside a.activeRHSHeader, #rightside a.activeRHSHeader:hover {
	color:#b2cbe5;
	background:url(../images/linkicon.png) no-repeat center right;
	text-decoration:none;
	cursor:default;
}

#rightside h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 0 20px 0 25px;
	margin-top:5px;
	margin-bottom:3px;
	font-size:18px;
}

#footer {
	margin: 0 auto;
	width: 968px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:2px 2px 3px #000;
	border-bottom: 1px solid #131313;
	background:url(../images/footer.jpg) center left repeat-x;
}

#copyright {
	float:left;
	padding:5px 10px 5px 300px;
	
}

#disclaimer a {
	color:white;
	text-decoration:none;
	float:right;
	padding:5px 20px 5px 0px;
}

/*default link behaviour*/

a {
	color:blue;
	text-decoration:underline;
}

a:hover {
	color:#8e0000;
}



a:active {
	outline:none;
}

a:focus {
	outline:none;
}