body { 
  color: #58656a; 
  background: #eee;
  margin: 0;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;  
  background: url(images/top.png) repeat-x scroll left top;
}

img{
	border: 0;
}

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

#wrap{
	background: #ffffff;
	width: 994px;
	margin: 0px auto 0px auto;
}

	/* Sticky Footer by Ryan Fait | http://ryanfait.com/ */

#footer, #push {
	height: 230px; /* #push must be the same height as #footer */
	clear: both;
}
#footer{
	background: #fff url(images/footer.png) no-repeat top left;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	width: 994px
}

#banner{
	 background: url(images/banner.png) no-repeat scroll left top;
	 width: 994px;
	 height: 300px;
	 float: left;
	}


#logo{
	 width: 500px;
	 height: 230px;
	 float: left;
	 padding: 0px;
	}
	
	#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;
  background: url(../images/searchBoxBG.png) no-repeat;
  margin: 30px 15px 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: 480px;
	background: url(images/authBox.png) no-repeat scroll 13px 0px;
	}
	.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: 0px 0 0 0px;	}
	#logout_form{	padding: 10px 0 0 25px;	}
	
	.authField{
		background: transparent;
		border: none;
		font-size:16px;
		color: #216568;
		float: left;
		padding:37px 0 37px 25px;		
	}
	#emailField{
		width: 120px;
	}
	#passwordField{
		width: 100px;
	}
	
	#loginBtn{
		float: left;
		padding: 0 0 0 15px;
	}
	#logoutBtn{
		padding: 0px 20px 0px 80px;
	}
	
	
	#navigation{
		float: left;
		width: 994px;
		padding-top: 10px;
	}
	
	
	#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;
	}
	
	#altLeft {
		float: left;
		clear:left;
		width: 575px;
		padding-left: 47px;
		border: none;
	}
	
	#middle{
		float: left;
		width: 430px;
	}
	
	#smallRight{
		float: right;
		width: 240px;
		padding-right: 47px;
	}
	
	#right {
		float: right;
		width: 575px;
		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 --*/
	
	a:link, a:active, a:visited , a{
		/*color: #F05A28; */
		/*color: #826d2f;*/
		color: #497E7E;
		text-decoration: none; 
		padding: 2px;
		letter-spacing: 0px;
	}
	a:hover {
		color: red; 
		text-decoration: underline;

	}
	
	ul {
		margin:  0px;
		padding: 0px;
		list-style: none;
	}

	
	
	
	#menuOne{
		float: right;
		width: 130px;
		height: 200px;
		padding: 95px 0px 5px 0px;
	}
	
	#menuOne li{
		padding: 3px;
	}
	
	
	
	img.verticalText{
	float: left;
	clear: both;
	}
	
	.leftPanel{
		float: left;
		width: 265px;
		background: transparent url(images/leftPanelBracket.png) no-repeat scroll top left;
		padding: 20px 0px 35px 15px;
	}
	.leftPanelInner{
		float: right;
		width: 210px;
	}
	
	
	
	.leftPanel ul{
		padding: 0px 0px 20px 0px;
	}
	.leftPanel ul.itemList li{ width: 230px; padding: 20px 0 15px 0; border-bottom: 1px solid #eee;}
	
	.leftPanel h1{
		font-size: 36px;
		color: #184033;
		padding: 0px 0px 20px 0px;
		margin: 0px;
	}
	
	.leftPanel h2{
		font-size: 16px;
		color: #184033;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}
	
	
	
	.leftPanel a.issueNav{
		float:left;
		font-size:12px;
		width:115px; height:26px;
		letter-spacing:0;
		line-height:25px;
		padding:5px;
		text-align:center;
		display: block;		
		background: transparent url(images/pdfBG.png) no-repeat scroll 0 50%;
	}
	
	
	ul.itemList{
		padding: 0 0 20px 0;
	}
	ul.itemList li{ width: 435px; padding: 20px 0 0px 0; }
	
	ul.itemList li.first{ padding: 0px 0 0px 0; }
	
	/* THIS IS THE PLACE*/
	ul.itemList .CStitle, ul.itemList .TRtitle{
		width: 95%;
	}
	
	ul.itemList p.CStitle{
		padding: 0px;
		font-size: 18px;
		line-height: 18px;
		font-weight: normal;
		width: 355px;
		float: right;
	}
	
	ul.itemList .CStitle a, ul.itemList .TRtitle a{
		padding: 0px;
		font-size: 18px;
		line-height: 18px;
		font-weight: normal;
		float: none;
		width: auto;
		height: auto;
	}
	
	ul.itemList .CStitle a, a.CStitle {
	
	}
	ul.itemList .TRtitle a, a.TRtitle {
	
	}
	
	
	ul.itemList .tagline{ 
		width: 95%; 
		padding: 5px 0 5px 0;
	}
	
	ul.itemList .details{
		float: right;
		width: 355px;
		letter-spacing: 1px;
		font-size: 11px;
		color: #999;
		padding: 5px 0 0 0;
	}
	
	
	img.roleImage{
		float:left;
		padding:0 10px 0 0;
	}
	
	ul.itemList .fileDetails{
		float: right;
		width: 400px;
		letter-spacing: 1px;
		font-size: 11px;
		color: #999;
		padding: 0px;
	}
	
	
	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;
	
	}

	
	#footer span{
		display: block;
		color: #174033;
		text-align: center;
		padding: 20px 10px 20px 10px;
	}
	
	
	
/*--------*/ 
	
#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;
}

h1 , h2, h3{
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

h2 {
  color: #497E7E;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  padding: 5px 0 10px 0;
  font-weight: normal;
}



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/trashIconOut.png) no-repeat 50% 50%;
}
a.deleteIcon:hover{
  background-image: url(images/trashIconOver.png);
}

a.updateIcon {

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



.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:425px;
  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.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;
  height: 300px;
}

.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{
padding: 0px;
height: 64px;
width:64px;
float: left;
border: 2px solid #eee;
display: block;
}
a.itemIconActive{
padding: 0px;
height: 64px;
width:64px;
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;
}


.access {
	padding: 10px 0 10px 0;
	
}
.access span{
color: red;
padding: 0px;
line-height: 14px;
font-size: 10px; 
letter-spacing: 0px;
font-weight: normal;
}
.access span a{
letter-spacing: 0px;
}


.tagline {
	padding: 3px 0 0 0;
}
.tagline span{
padding: 0px;
line-height: 14px;
font-size: 10px; 
letter-spacing: 0px;
font-weight: normal;
}
.tagline span a{
letter-spacing: 0px;
}

span.cCat, .tagline span.cCat {
	float: left;
	width: 26px; 
	height: 18px;
	text-align: center;
	line-height: 13px;
	font-size: 8px;
	font-weight: bold;
	background: url(images/iconMask.png) no-repeat 50% 50%;
	padding: 0 2px 0 2px;
}
.checklistSection{
	font-weight: bold;
	padding-top: 10px;
}
.optionSection{
	font-weight: bold;
}
.gramophoneIcon{
	padding: 0px 18px 7px 0px;
}
.timepieceIcon{
	padding: 0px 16px 5px 0px;
}
.bookIcon{
	padding: 0px 15px 2px 0px;
}
.storyImg{
float: right;
padding: 0px 0 20px 20px;
}

.roleBox{
	border: 1px dashed #BCAE95;
}




a.managerLink{
	line-height: 26px;
}


a.memberLink{
	line-height: 22px;
}