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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

body {
	background-color: #F3F3F3;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	behavior:url("http://www.stlouis.org.uk/scripts/csshover.htc");
}


#outerWrapper {
	background-image: url(../testnewsite/img/NEWmainbg.png);
	background-repeat: repeat-x;

}
#innerWrapper {
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width:994px;
	background-image: url(../testnewsite/img/NewInnerWrapperBG.png);
	background-repeat: no-repeat;	
}



#outerWrapper #innerWrapper #header {
	margin:0 0 0 0;
	padding:0 0 0 0;

}


#badge {
	background-image: url(../testnewsite/img/newbadge.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left:20px;
	float: left;
	height: 110px;
	width: 85px;
	z-index:10000;
}
#outerWrapper #innerWrapper #header h1 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#fff;
	padding-top:26px;
	padding-left:5px;
	line-height:19px;
	float:left;
}

#outerWrapper #innerWrapper #header h1 span {
	color:#A8FF7A;

}
#outerWrapper #innerWrapper #header h1 span.smallWhite {
	color:#fff;
	margin-left:10px;
	margin-top:-2px;
	/*padding-top:10px;*/
	font-size: 16px;
	font-weight: bold;
}
#outerWrapper #innerWrapper #header #search {
	float: right;
	margin-top:16px;
	height: 80px;
	width: 280px;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../testnewsite/img/searchBG2.png);
	background-repeat: no-repeat;	/*text-align: center;*/
	background-position: 0px 21px;
}
#outerWrapper #innerWrapper #header #search form {margin-top:6px; margin-left:15px;}

#outerWrapper #innerWrapper #header #search img {
	padding-right:4px;
	padding-top:1px;
	
}

#outerWrapper #innerWrapper #header #search #gobut {
	margin:0px;
	padding:0 0 0 12px;
	color:#FFFFFF;
}

#outerWrapper #innerWrapper #header #search #searchtitle {
	margin-bottom:0px;
	margin-top:4px;
	margin-left:0px;
	font-weight: bold;
	background-image: url(../testnewsite/img/searchtext.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 16px;
	padding-bottom:1px;
}
#contentWrapper {
	margin-top:10px;
	background-image: url(../testnewsite/img/innerBG.png);
	background-repeat: repeat-y;
	padding:0 5px 0px 5px;
}
#outerWrapper #innerWrapper #contentWrapper #leftColumn1 {
	font-size:13px;
}


#outerWrapper #innerWrapper #contentWrapper #leftColumn1 #LeftSideContent{
	/*height:435px;*/
	/*background-image: url(../img/grey.png);
	background-repeat: repeat;*/
	/*color:#ffffff;*/
	/*margin-left:10px;*/
 /* margin:10px;*/
  /*padding: 10px;*/ /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  padding:0px 10px 10px 10px;
  margin:0px;
  /* background-color:#dbdbdb;*/
}
#contetInner a:link, #contetInner a:visited, #contetInner a:active, #LeftSideContent a:link, #LeftSideContent a:visited, #LeftSideContent a:active 
{
color:#530080;
font-weight:bold;
}

#outerWrapper #contentWrapper #content #contentInner{
	background-color:#ffffff;
	padding:10px;

}

#outerWrapper #contentWrapper #content #contentInner a{
color:#530080;
font-weight:bold;
}
.clearFloat {
  clear: both;
  display: block;
}

#outerWrapper #innerWrapper #contentWrapper #leftColumn1 #LeftSideContent #newsbox {
border:#999999 1px solid;
background-color: #F3F3F3;
	margin: 0px;
	padding: 5px;
	
}

#outerWrapper #innerWrapper #contentWrapper #leftColumn1 h2{
	background-image: url(../testnewsite/img/HeadingBack2.png);
	background-repeat: no-repeat;
	margin:10px 0px 0px 0px;
	font-size:16px;
	height:22px;
	color:#FFFFFF;
	padding:2px 0px 0px 10px;
	background-position: left top;
}

#outerWrapper #innerWrapper #contentWrapper #content #contentInner #pic {
	text-align:center;
/*	background-image: url(../img/school.jpg);
	background-repeat: no-repeat;*/
	/*width:612px;*/
	height: 288px;
	/*width: 994px;*/
	margin: 0px;
	padding: 0px;
	background-color:#000;
}

/*Footer Code Begin */
#outerWrapper #innerWrapper #footer {
	color:#fff;
	font-size:14px;
}
#mydiv2 {padding-left:100px;}
#outerWrapper #innerWrapper #footer .magicbox {

	display:inline;
	width:30%;
	/*height:1250px;*/
	float:left;
	padding:10px;

}
.magicbox ul {
margin:0px;
padding:0px;
}
#outerWrapper #innerWrapper #contentWrapper #footer #footerContents #mydiv2 .magicbox li {
	margin:0px;
	padding:10px 0px 10px 0px;
	list-style-type: none;
	background-image: url(../testnewsite/img/footerLiBack.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width:150px;
}
#outerWrapper #innerWrapper #contentWrapper #footer #footerContents #mydiv2 .magicbox li img {

float:left;
}
#outerWrapper #innerWrapper #contentWrapper #footer #footerContents #mydiv2 .magicbox a {
	text-decoration:none;
	color:#fff;
	Padding:0 0 20px 10px;
/*	height:25px;*/
}
/*#outerWrapper #innerWrapper #footer #footertoggle a {
	padding-left:15px;
	width:166px;
	height:26px;
	float: right;
	background-image: url(../testnewsite/img/toggleback.png);
	background-repeat: no-repeat;
	background-position: center center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:18px;
	vertical-align: middle;
	display:block;
}*/

/*#outerWrapper #innerWrapper #footer #footertoggle {
	height:26px;
	padding:0px;
	margin:0px 3px 0px 3px;
	display:block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}*/

#outerWrapper #innerWrapper #footer #footerContents {
	background-color:#666666;
	margin-left:3px;
	margin-right:3px;
	padding:16px 10px 0px 10px;

}
#outerWrapper #innerWrapper #footer #footerContents #footerNav {
	margin-top:10px;
	text-align:center;
	color:#fff;}
	
#footerNav a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
/*Footer Code End */

#outerWrapper #innerWrapper #contentWrapper #content #contentInner #pic #picbuttons {
/*	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;*/
	float:right;
	width:152px;
/*	padding-right:5px;*/
}
#outerWrapper #innerWrapper #contentWrapper #content #contentInner #pic #picbuttons ul {
	margin:0px;
	padding:0px;
	width:100%;
}
#outerWrapper #innerWrapper #contentWrapper #content #contentInner #pic #picbuttons ul li {
	list-style-type: none;
	/*margin:220px 0 0 0;*/
	/*padding:18px 0 0 0;*/
	padding-top:1px;
	padding-bottom:2px;
	position: relative;
	float: left;
	width: 152px;
	/*height:48px;*/
	/*background-image:url(../img/buttonback.png);*/
	text-align:center;
	/*background-repeat: no-repeat;*/
}

#outerWrapper #innerWrapper #contentWrapper #content #contentInner #pic ul li a {
	color:#fff;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
}

#monoSlideshow {float:left; background-color:#000; z-index:-2000; padding:4px 0px 4px 4px;
width:442px;}
.newsitem {
	padding:4px 0 2px 5px;
	line-height:22px;
	font-size:12px;}

.newsitemtitle {padding-left:4px; font-size:14px;}

.shortnews {padding-left:20px;}
.floatleft {float:left; padding:0 10px 0 0}
.floatright {float:right; padding:0 10px }

.newsitem img {margin:0px; padding:4px 4px 0 0;}

.highlight {
	font-weight: bold;
	color: #530080;
}

h1.title, h2.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	color: #530080;
}

h2.spotlight {
	font-size: 18px;
	font-weight: bold;
	margin:0px;
	margin:5px 0px 10px 5px;
	padding-left:50px;
	color: #530080;
	background-image: url(../testnewsite/img/Spotlight.png);
	background-repeat: no-repeat;
	background-position: 0px -1px ;
	height:58px;
}
blockquote {
	background-color: #F3F3F3;
	padding:10px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	background-image:url(../testnewsite/img/qright.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
blockquote p {
padding: 0 48px;
background:url(../testnewsite/img/qleft.png) top left no-repeat;}
.leftquote {
	/*background-color: #F3F3F3;*/
	/*padding:10px;*/
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../testnewsite/img/qright.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.leftquote p {
	padding: 0 24px;
	background-image: url(../testnewsite/img/qleft.png);
	background-repeat: no-repeat;
	background-position: -20px top;
}
/*subject pages*/
#subjectpages {
	background-color: #F3F3F3;
	padding:10px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
}

#subjectpages p {
padding: 0 48px;
}
/*End subject Pages*/



div.bubble#newsbox {
	background-image: url(../testnewsite/img/speech.png);
	background-repeat: no-repeat;
	background-position: 170px 7px;
}

div.spotlightItem {
font-size:16px;
/*padding-bottom:5px;*/
}
div.spotlightItem img {
float:left;
padding:5px 10px 0px 13px;
}
div.spotlightItem p {
padding:0px 0px 5px 0px;
margin:0px;
}
#outerWrapper #innerWrapper #contentWrapper #leftColumn1 {
	margin-left:8px;
	float: left;
	width: 315px;
  	margin-top:10px;
   	background-color:#fff;
}
#outerWrapper #innerWrapper #contentWrapper #content {
	margin: 0px 0px 0px 320px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px;  /*Sets the padding properties for an element using shorthand notation (top, right, bottom, left)*/ 
	/*background-color: #fff;*/
}
/*Old CSS*/
#SubjectTitle {
	font-size: 12px;
	color: #FFFFFF;
	padding:3px 0 3px 6px;
	margin:0 0 8px 0;
	background-image: url(../testnewsite/img/HeadingBackLong.png);
	background-repeat: no-repeat;
}

#outerWrapper #innerWrapper #contentWrapper #content #contentInner h1#SubjectTitle a {
	color:#FFFFFF;
	}
	
.dotty {
	margin-top:10px;
	padding-top: 15px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	line-height:200%;
}

#bookmark {
	padding-top:11px;
}
#commentbox {
	margin:10px;
	padding:10px;
	background-image: url(../../img/commenthere.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.line {border-top:1px #CCCCCC dotted;}

/*New Date Styles*/

.postdate {
  position: relative;
  width: 275px;
  height: 50px;
  float: left;
 /* padding-bottom:10px;*/
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(/img/dates.png);
  background-repeat: no-repeat;
}
.dateDetails {
	/*margin:1px 0;*/
	/*font-weight:bold;*/
	font-size:15px;
	/*float:left;*/
	margin-left: 60px;
	width: 160px;
	padding-top:5px;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; left: 34px; width: 17px; height: 48px;}

.d-01 { background-position: -50px 0;}
.d-02 { background-position: -50px -31px;}
.d-03 { background-position: -50px -62px;}
.d-04 { background-position: -50px -93px;}
.d-05 { background-position: -50px -124px;}
.d-06 { background-position: -50px -155px;}
.d-07 { background-position: -50px -186px;}
.d-08 { background-position: -50px -217px;}
.d-09 { background-position: -50px -248px;}
.d-10 { background-position: -50px -279px;}
.d-11 { background-position: -50px -310px;}
.d-12 { background-position: -50px -341px;}
.d-13 { background-position: -50px -372px;}
.d-14 { background-position: -50px -403px;}
.d-15 { background-position: -50px -434px;}
.d-16 { background-position: -50px -465px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -31px;}
.d-19 { background-position: -100px -62px;}
.d-20 { background-position: -100px -93px;}
.d-21 { background-position: -100px -124px;}
.d-22 { background-position: -100px -155px;}
.d-23 { background-position: -100px -186px;}
.d-24 { background-position: -100px -217px;}
.d-25 { background-position: -100px -248px;}
.d-26 { background-position: -100px -279px;}
.d-27 { background-position: -100px -310px;}
.d-28 { background-position: -100px -341px;}
.d-29 { background-position: -100px -372px;}
.d-30 { background-position: -100px -403px;}
.d-31 { background-position: -100px -434px;}


.y-2006 { background-position: -150px 0;}
.y-2007 { background-position: -150px -50px;}
.y-2008 { background-position: -150px -100px;}
.y-2009 { background-position: -150px -150px;}
.y-2010 { background-position: -150px -200px;}
.y-2011 { background-position: -150px -250px;}
.y-2012 { background-position: -150px -300px;}

.m-01 { background-position: 0 2px;}
.m-02 { background-position: 0 -28px;}
.m-03 { background-position: 0 -60px;}
.m-04 { background-position: 0 -90px;}
.m-05{ background-position: 0 -121px;}
.m-06{ background-position: 0 -151px;}
.m-07{ background-position: 0 -181px;}
.m-08{ background-position: 0 -214px;}
.m-09{ background-position: 0 -244px;}
.m-10{ background-position: 0 -274px;}
.m-11{ background-position: 0 -306px;}
.m-12{ background-position: 0 -337px;}