body { 
  /*color: #58656a; */
  color: black;
  background: #8a9b77 url("/images/bannerSimple.png") no-repeat scroll center top;
  margin: 0;
  font-family: 'Helvetica','Arial',sans-serif;
  font-size: 12px;
  font-weight: normal;  
}

img{
	border: 0;
}

/*  fixes  ugly hilighting on form elements in some browsers */
*:focus {outline: none;}

#wrap{
	background: url("/images/band.png") repeat-y scroll center transparent;
	width: 990px;
	padding: 0 80px 0 80px;
	margin: 0px auto 0px auto;
}

#banner{
	 background: url("/images/banner.png") no-repeat scroll center 0px transparent;
	width: 100%;
	margin: 0px auto 0px auto;
	 height: 270px;
	 
	}

#bannerInner{
	 background: url("/images/banner.png") no-repeat scroll center 0px transparent;
	width: 1150px;
	margin: 0px auto 0px auto;
	 height: 270px;
	 
	}

	
	a.footerLink:link,
	a.footerLink:active,
	a.footerLink:visited,
	a.footerLink{
		color:#174033;
		text-decoration: underline;
	}
	
		#footer{
		background: url(/images/footer.png) no-repeat center bottom;
		
		margin: 0px auto 30px auto;
		padding: 137px 0 0 0;
		height: 105px;
		width: 1150px;
	}
	
	#footer span{
		display: block;
		color: #174033;
		text-align: center;
		padding: 120px 10px 20px 10px;
	}

#notices{
	background: yellow;
padding:10px 50px;
width:890px;
margin: 0 0 20px 0;
	}
#logo{
	 width: 700px;
	 height: 245px;
	 float: left;
	}
	
	#logo a{
		float: left;
		width: 270px;
		height: 136px;
		background: transparent;
	}

/* -------------------------------------------------------
  Search Box
-------------------------------------------------------*/
#search_form {
 padding: 0px;
}

#search_form div {
 border: none;
}

#search_box {
  float: right;
  padding-right: 20px;
  width: 222px;
  height: 38px;
  margin: 141px 159px 0 0;
}
#search_box #s {
  float: left;
  padding: 0;
  margin: 10px 0 0 15px;
  border: 0;
  width: 160px;
  background: none;
}
#search_box #go {
  float: right;
  margin: 0px;
}

.authBox{
	float: right;
	height: 136px;
	width: 200px;
	}
	.logoutBox{
	float: right;
	height: 135px;
	text-align: center;
	width: 214px;
	background: url(images/logoutBoxBg.png) no-repeat scroll left top;
	}
	.logoutBox span{ 
		display: block;	
		padding: 30px 0px 2px 15px; 
		color: #533a54;
		font-variant: small-caps;
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	a#userLink{	color: #fff; padding: 0px 0px 5px 15px; display: block; }
	
	
	#auth_form{ padding: 23px 0 0 25px;	}
	#logout_form{	padding: 10px 0 0 25px;	}
	
	.authField{
		background: transparent;
		border: none;
		font-size:16px;
		width: 110px;
		color: #533a54;
		padding:7px 3px 6px 20px;
	}
	
	#loginBtn{
		padding: 14px 20px 14px 80px;
	}
	#logoutBtn{
		padding: 10px 20px 14px 80px;
	}
	
	
	#navigation{
		clear:left;
		width: 1004px;
		height: 65px;
	}
	
	
	
	#breadcrumb{ padding: 0px 10px 0px 10px; width: 974px;	height: 32px; }
	#breadcrumb li{	float:left;	padding: 10px;	}
	#breadcrumb li a{	color: #4bb923; }
	
	#full{
		float: left;
		clear: left;
		width: 900px;
		padding: 0 47px 0 47px;
	}

	#smallLeft {
		float: left;
		clear: left;
		width: 200px;
		padding-left: 47px;
		border: none;
	}
	
	#left{
		float: left;
		clear: left;
		width: 300px;
		padding-left: 47px;
	}
	#halfLeft {
		float: left;
		clear:left;
		width: 435px;
		padding-left: 47px;
		border: none;
	}
	#halfRight {
		float: left;
		width: 425px;
		padding-left: 35px;
		border: none;
	}
	#altLeft {
		float: left;
		clear:left;
		width: 550px;
		padding-left: 47px;
		border: none;
	}
	
	#middle{
		float: left;
		width: 430px;
	}
	
	#smallRight{
		float: right;
		width: 240px;
		padding-right: 47px;
	}
	
	#right {
		float: right;
		width: 550px;
		padding-right: 47px;
		border: none;
	}
	
	#altRight{
		float: right;
		width: 300px;
		padding-right: 47px;
	}
	
#copyright a:link, #copyright a:visited
{ 
  color: #999999; 
  text-decoration: none;
}
#copyright a:active, #copyright a:hover, #copyright a:focus  
{ 
  color: #FF0000; 
  text-decoration: underline;
}



/* block and header stuff */
.sideblock h2 {
  font-size: 0.9em;
  height: 20px;
}
.centreblock h2 {
  font-size: 1.25em;
  height: 24px;
}




.code
{
  font-family: Courier New, Arial, sans-serif;
  color: #0000FF;
}







/*------- nsitu --*/
	/*#674e00*/
	a:link, a:active, a:visited , a{
		color: #8a9b77; 
		text-decoration: none; 
		padding: 2px;
		
	}
	a:hover {
		color: #dea900; 
		text-decoration:underline;
	}
	
	ul {
		margin:  0px;
		padding: 0px;
		list-style: none;
		padding: 0 0 15px;
	}
	ul li{
		padding: 0 0 5px 15px;
		background: url(/images/theBullet.png) no-repeat 0 3px;
	}

	ul li.linkList{
		padding: 0 0 5px 15px;
		background: url(/images/theBullet.png) no-repeat 2px 3px;
	}
	.AtwWidget li{
		background:none;
	}
	
	

	
	
	
	img.verticalText{
	float: left;
	clear: both;
	}
	
	
	
	ul.itemList li{ width: 430px; padding: 0px 0 20px 0; background: none;}
		/* THIS IS THE PLACE*/
	ul.itemList .CStitle, ul.itemList .TRtitle{
		width: 95%;
	}
	
	ul.itemList p.CStitle{
		padding: 0px;
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		width: 355px;
		float: right;
	}
	
	ul.itemList .CStitle a, ul.itemList .TRtitle a{
		padding: 0px;
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		float: none;
		width: auto;
		height: auto;
	}

	
	ul.itemList .CStitle a, a.CStitle {
	/*color: #c3b01e;*/
	}
	ul.itemList .TRtitle a, a.TRtitle {
/*	color: #87328b;*/
	}
	

	
	
	ul.itemList .tagline{ 
		padding: 5px 0 5px 0;
		font-weight: bold;
		color: #C3B01E;
	}
	
	ul.itemList .details, ul.itemList p{
		letter-spacing: 0px;
		font-size: 11px;
		color: #000;
		padding: 0;
	}
	
	ul.itemList .tcBadge{
		
		font-size: 12px;
		background:url("/images/tcBadge.png") no-repeat scroll 75px 50% transparent;
color:#003E63;
padding:12px 0 12px 109px;
	}
	
	
	
	
	ul.itemList .tagline .resourceDate{ float: left; padding: 2px 0 0 10px; font-size: 10px; }
	
	
	ul.itemList p.details img{
	float: left;
	padding: 0 10px 0 0;
	}
	
	 a.CSlink{
		float: left;
		background: transparent url(images/CS.png) no-repeat scroll 0% 50%;
		width: 80px;
		height: 15px;
	}
	a.TRlink{
		float: left;
		background: transparent url(images/TR.png) no-repeat scroll 0% 50%;
		width: 80px;
		height: 15px;
	}
	
	
	
	
	ul.itemList a:hover{
		/*background: transparent url(images/arrowRed.png) no-repeat scroll 0% 50%;*/
	}
	
	
	ul.itemList a.rq{
		/*background: transparent url(images/arrowRed.png) no-repeat scroll 0% 50%;*/
		color: #4b0d0d; 
		text-decoration:underline;
	}
	
	
	.cl {
		clear: both;
		display: block;
	}
	
	.footnotes{
		font-size: 14px;		
	color: #174033;
	display: block;
	margin: 30px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #174033;
	letter-spacing: 1px;
	
	}


	
	
	
/*--------*/ 
	
#searchBox {
background: transparent url(images/searchBoxBG.png) no-repeat scroll 20px 20px;
float: right;
border: none;
padding: 20px;
margin-right: 30px;
width:277px;
height:28px;
}

form#search_form {
padding:0;
}
form#search_form div {
border:medium none;
}

#searchBox  #s {
background:transparent none repeat scroll 0 0;
border:0 none;
float:left;
margin:6px 0 0 10px;
padding:0;
width:160px;
}
#searchBox  #go {
float:right;
padding-right: 15px;
margin:0;
}

/*--------*/ 
	



label{
color: #174033;
display: block;
padding: 15px 0 0 0;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	line-height: 1 em;
	width: 500px;
}

/*#674e00*/
h1 , h2, h3{
	letter-spacing: 0px;
	margin: 0px;
	color: #8a9b77;
	padding: 10px 0px 10px 0px;
}

	h1{
		font-size: 20px;
		padding: 10px 0px 20px 0px;
		
	}
	
	h2{
		font-size: 16px;
		color: #7e8e6d;
	}
	
	h4{
		margin: 0px;
		padding: 0 0 10px 0;
		color: #333;
	}
	


p, table {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	letter-spacing: 0px;
}

p.dropcap{
	padding-top: 25px;
}

p.dropcap:first-letter {
display:block;
float:left;
padding:5px 1px 0px 0px;
margin: 0px;
font-size:40px;
}

form {
	letter-spacing: 0px;
}






a.deleteIcon {
float: right;
display: block;
padding: 5px;
  width: 16px;
  height: 16px;	
  background: url(images/toolIcons.png) no-repeat 5px 50%;
}
a.deleteIcon:hover{
  background: url(images/toolIcons.png) no-repeat -27px 50%;
}

a.updateIcon {

display: block;
float: right;
  padding: 5px;
  width: 16px;
  height: 16px;
  background: url(images/toolIcons.png) no-repeat -59px 50%;
}
a.updateIcon:hover{
  background: url(images/toolIcons.png) no-repeat -91px 50%;
}



.calendarLink {
	display: block;
	float: right;
	background: url(images/popupDateSelectIcon.png) no-repeat 50% 50%;
	width: 32px;
	height: 21px;
	border: 0px;
	float: none;
}






/*-----------------------------------------------------------------*/
/*  form checklist */

form dl {
  background: none;
  border:medium none;
  display:block;
  margin: 0px;
}

form dt {
  padding: 2px;
  clear:both;
  float:left;
  text-align: center;
  width: 20px;
}

form dd label {
  padding: 2px;
  color: #58656A;
  font-weight: normal;
  background: none;
  margin:0px;
  font-size: 12px;
  width:435px;
  font-style: normal;
}

form dd {
  float:left;
  display:block;
  margin:0px;
  text-align:left;
}

form dd.first{
	border-top: none;
}

form dd img {
  border: none;
  float:right;
  margin: 2px;
}

div.checkListItem {
  background: none;
  float: left;
}



/*--------------------------------*/

table.churchTable{
  border-collapse: collapse;
  border-spacing: 0px;
   border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

/*makes it easy to select things in a table!*/
table.churchTable tr:hover {
  background-color: #eeeeee;
}

table.churchTable td {
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  text-align: left;
  color: #404040;
  padding: 4px;
  font-size: 10px;
}
table.churchTable th {
  border-left: 1px solid #ccc;
  border-bottom: 3px solid #000;
  text-align: left;
  color: #000;
  padding: 4px;
  font-weight: bold;
}
/*--------------------------------*/

table.dataTable{
  border-collapse: collapse;
  border-spacing: 0px;
}

/*makes it easy to select things in a table!*/
table.dataTable tr:hover {
  background-color: #ffffff;
}

table.dataTable td {
  border-left: 0px;
  border-bottom: 1px #ccc dotted;
  text-align: left;
  color: #404040;
  padding: 4px;
}
table.dataTable th {
  border-left: 3px solid #666;
  border-bottom: 1px #ccc dotted;
  text-align: left;
  color: #000;
  padding: 4px;
}
/*Scrolling div*/
div.scrolling {
  float: none;
  margin: 0px 0px 10px 0px; /*top right bottom left*/
  width:50%;
  overflow:auto;
}

.mceToolbar a{
	float:left;
}
/*Subnavigation  (ie Search, Browse, Share) */


#subNavigation li{
	float: left;
}

#subNavigation .subNavLink{
	padding: 15px 20px 15px 20px;
}

#subNavigation .subNavActive{
	padding: 4px 20px 4px 20px;
}

.tabLink{
	padding: 15px 20px 15px 20px;
}

.tabLinkActive{
	padding: 4px 20px 4px 20px;
}

a.toggleEditorRT{
}

.letterLinks{
 padding-right: 80px;
}
.letterLinks li{
	float: left;
	width: 30px;
	height: 30px;
}

div.learningLevel{
padding: 20px 0 20px 0;
}

span.levelText{
	color: #4bb923;
	background: #c5ffb0 url(images/catHead.png) no-repeat center right;
	padding: 10px 30px 10px 20px;
}
span.levelLabel{
	color: #fff;
background: #4bb923 url(images/catHead.png) no-repeat center left;
	padding: 10px 20px 10px 30px;
}

h1.catTitle{
	background: url(images/catHead.png) no-repeat 50% 50%;
}
h1.catTitle a{
	padding: 4px 0 8px 20px;
	font-size: 16px;
	display: block;
}


span.small{
	font-size: 8px;
	letter-spacing: 0px;
	padding: 0 0 0 5px;	
}

span.med{
	letter-spacing: 0px;
	padding: 0 0 0 5px;
}

form .radioIcons dt{
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
/*border-right: none;*/
float:left;
height:120px;
padding:5px;
padding-right: none;
text-align:center;
width:10px;
clear: none;
}

form .radioIcons dd {
clear: none;
border-top: 1px solid #DDDDDD;
/*border-left: none;*/
display:block;
float:left;
height:120px;
margin:0 5px 5px 0;
padding:5px;
padding-left: none;
text-align:left;
width:75px;
}

form .radioIcons dd img{
float: left;
}
form .radioIcons {
width: 450px;
}

a.itemIcon{

height: 64px;
width:64px;
float: left;
border: 2px solid #eee;
display: block;
margin: 0 8px 0 0;
padding: 0px;
}
a.itemIconActive{
padding: 0px;
height: 75px;
width:75px;
border: 2px solid #4bb923;
}

img.iconImg{

}

.tabMenu{
padding-top: 100px;
background: url(images/by.png) no-repeat top left;
}


.browseIcons li{
float: left;
width: 100px;
height: 130px;
text-align: center;
}


.catList li{
float: left; 
clear: left;
height: 30px;
}


.tips li{
padding: 5px 0px 5px 20px;
background: url(images/bullet.png) no-repeat center left;
}



.faded
{
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
}
.full
{
    filter:alpha(opacity=100); /* IE */
    opacity: 1; /* Safari, Opera */
    -moz-opacity:1; /* FireFox */
}


.searchForm div.sPref{
padding: 10px 0 0 0;
}



.optionSection{
	font-weight: bold;
}

a.invisibleLink{
color:#666666;
cursor:text;
font-size:12px;
text-decoration:none;
}

#map_canvas{
	margin: 0px 0 15px 0;
}


.txtImageA{
	padding: 0 0 15px 0;
}


	ul.itemList .fileDetails{
		float: right;
		width: 400px;
		letter-spacing: 1px;
		font-size: 11px;
		color: #999;
		padding: 0px;
	}
	
	
	h3.tcBadge{
		padding: 12px 0 12px 40px;
		background: url(/images/tcBadge.png) no-repeat 0 50%;
		color: #003e63;
	}
	
	.dtree a{
		padding: 0;
		
	}
	.dtree a.node{
		padding: 0 0 0 5px ;
	}
	
	.dtree input{
		margin: 0px;
	}
	
	.dtree .dTreeNode{
		height: 18px;
	}
	
	.dtree .dpages0 .dTreeNode{
		height: 18px;
	}
	
	a.hiddenAnchor{
		float: left;
		height: 0px;
		width: 0px;
		line-height: 0px;
		padding: 0px;
	}
	
	a.footnote_reference{
		font-size: 0.75em; 
		line-height: 0.5em;
		vertical-align:top;
	}
	
	span.lbl{
		font-weight: bold;
		padding: 0 10px 0 0;
	}
	
	header.lbl p{
		background:url("/images/webBg.png") no-repeat scroll 0 18px transparent;
color:#e7dfc4;
font-size:40px;
padding:0 0 10px 60px;
	}
	
	
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0 15px 0;
 height: 45px;
}

ul.tabbernav li
{
 float: left;
 display: block;
 list-style: none;
 padding: 0px 0 10px 0;
 background: none;
 width:130px;
 height: 20px;
}

ul.tabbernav li a
{
display: block;
background:url("/images/bubbles.png") no-repeat scroll -1px -1px transparent;
line-height:18px;
text-align:center;
width:130px;
color: #fff;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }
ul.tabbernav li a:hover {  background-position: -1px -133px; }
ul.tabbernav li.tabberactive a {  background-position: -1px -45px;  }
ul.tabbernav li.tabberactive a:hover {  background-position: -1px -133px; }

/*tabberSmall*/

ul.tabberSmall li
{
 float: left;
 display: block;
 list-style: none;
 padding: 0px 0 10px 0;
 width:75px;
 background: none;
 height: 20px;
}

ul.tabberSmall li a
{
display: block;
background:url("/images/bubblesSmall.png") no-repeat scroll -1px -1px transparent;
line-height:18px;
text-align:center;
width:65px;
color: #fff;
}

ul.tabberSmall li a:link { color: #fff; }
ul.tabberSmall li a:visited { color: #fff; }
ul.tabberSmall li a:hover {  background-position: -1px -133px; }
ul.tabberSmall li.tabberactive a {  background-position: -1px -45px;  }
ul.tabberSmall li.tabberactive a:hover {  background-position: -1px -133px; }



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


ul.alphaLinks{
	height: 100px;
}

ul.alphaLinks li{
	background: none;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0 15px 5px 0;
	font-size: 14px;
}

li.menuSection a{
	font-weight: bold;
}

a.rssLink {
background:url("/images/bullet_feed.png") no-repeat scroll 0 15px transparent;
padding:15px 30px 0px 20px;
display: block;

}





a.activeItem, a.selected{
	text-decoration: underline;
	color: #dea900;
}