/***********
STEM
***********/



/*************
Loading
*************/
  /*this must be set so that the loading div
    can be height:100% */
  body{height:100%;}

  /*this is what we want the div to look like
    when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;

    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
   

    /*in supporting browsers, make it
      a little transparent*/
    background:#000;
   /* _background:none; this line removes the background in IE*/
    opacity:.40;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
	filter:alpha(opacity=40);
    /*set the padding, so that the content
      of the div is centered vertically*/
    padding-top:25%;
    z-index:10000;
  }

/*********
End loading
********/

h2
{
	font-family:Arial;
}

#news, #events, #spotlights
{	
    position:absolute;	
	font-family:Verdana;
	font-size:9pt;
	width:190px;
	top:490px;
}

#news ul, #events ul
{
	margin-top:0;	
}

#news
{
	left:60px;
	
}

#events
{
	/*position:absolute;
	top:480px;*/
	left:375px;
	
}

#spotlights
{
	left:685px;
	
	
}

    .pics { height: 189px; width: 946px; padding:0; margin:0; overflow: hidden; z-index:1; }
.pics img { height: 189px; width: 946px; padding: 0; border: 0px solid #ccc; top:0; left:0; z-index:1; }

.prev 
{
	font-family:Verdana;
	font-size:9pt;
	border:0;
	/*text-decoration:none;*/
	color:White;
	font-weight:bold;
	}

.prev:hover
{
	color:Yellow;
}

.whiteLink
{
	font-family:Verdana;
	font-size:9pt;
	border:0;
	/*text-decoration:none;*/
	color:White;
	font-weight:bold;	
	}

.blackLink
{
	font-family:Verdana;
	font-size:9pt;
	border:0;
	/*text-decoration:none;*/
	color:#00597f;
	font-weight:bold;	
}

.blackLink:hover
{
	color:#4ba7ce;	
}

.postitLink
{
	font-family:Verdana;
	font-size:9pt;
	border:0;
	/*text-decoration:none;*/
	color:Black;
}

.postitLink:hover
{
	color:#4ba7ce;	
}

.commentTable
{
	vertical-align:top;font-family:Verdana;font-size:10pt;
	}

.whiteLink:hover
{
	color:Yellow;
}

.next:hover
{
	color:Yellow;
}
.next
{
	font-family:Verdana;
	font-size:9pt;
	border:0;
	/*text-decoration:none;*/
	color:White;
	font-weight:bold;
}

.commentsLabel
{
	color:White;
	font-family:Verdana;
	font-size:9pt;
	}

#stemTitle
{
	position:absolute;
	left:200px;
	top:10px;	
	font-family: Verdana;
}

#nonTeacherStemTitle
{
	position:absolute;
	right:10px;
	top:40px;	
	font-family: Verdana;
}

#centerPlaceHolderPositioning
{
	position: relative;
	top:100px;
	left:300px;
	margin-right:30px;
	width:600px;
}

#stemDesc
{
	position:absolute;
	left:200px;
	top:30px;
	width:600px;	
	font-family: Arial;
	font-size: 10pt;
	color:#00597f;
	
}

.stemTitleLarge
{
	font-size:20px;	
}

#bottomContent
{
	background-color:#a9ca3e;
	height:auto;
	margin: 0 0 0 0;
}

#homeTopContent
{
	background-color:#a9ca3e;
	height: 205px;
	
	/*display:inline-block;	*/
}

#nonTeacherTopContent
{
	background-color:#a9ca3e;
	height: 70px;	
	
	/*display:inline-block;	*/
}

#homeBottomContent
{
	background-image:url(../Content/images/corkboard.jpg);
	height: 245px;
	margin: 0 0 0 0;
}

#innerContent
{
	background-color:Transparent;
	
	font-family:Verdana;
	font-size:8pt;
	/*text-decoration:none;*/
	color:Black;
}

.innerText
{
	
	font-family:Verdana;
	font-size:8pt;
	/*text-decoration:none;*/
	color:Black;
} 

.innerTextNoHov
{
	
	font-family:Verdana;
	font-size:8pt;
	text-decoration:none;
	color:Black;
} 

.innerTextNoHov:Hover
{
	
	font-family:Verdana;
	font-size:8pt;
	text-decoration:none;
	color:Black;
} 

.innerTextNoHov:Visited
{
	
	font-family:Verdana;
	font-size:8pt;
	text-decoration:none;
	color:Black;
} 

.adminInnerText
{
	
	font-family:Verdana;
	font-size:8pt;
	/*text-decoration:none;*/
	color:Black;
} 

.innerText:visited
{
	
	font-family:Verdana;
	font-size:8pt;
	/*text-decoration:none;*/
	color:Black;
} 

.innerText:hover
{
	
	font-family:Verdana;
	font-size:8pt;
	/*text-decoration:none;*/
	font-weight:bold;
	color:Black;
} 

#innerContent:visited
{
	color:Black;
}

.loginSearchLine
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -475px;
	top: 20px;
	
}

.outerText
{
	font-family:Arial;
	font-size:10pt;
	color: White;
	/*text-decoration:none;*/
}

.outerTextNoLink
{
	font-family:Arial;
	font-size:10pt;
	color: White;
	text-decoration:none;
}

.outerText:Hover
{
	font-family:Arial;
	font-size:10pt;
	color: Yellow;
}

.outerText:Visited
{
	font-family:Arial;
	font-size:10pt;
	/*text-decoration:none;*/
}

.navContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -475px;
	top: 73px;	
}

.topNavButton
{
	 font:bold 10pt arial; 
	 vertical-align:middle; 
	 color:#17678a; 
	 background:#fff url(../Content/images/buttonBG.jpg); 
	 position:relative; 	 
	 text-align:center; 
	 border:2px solid #397e9b;		 
	 text-decoration:none;
	 z-index:102;
	 
}



.midNavBusContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -479px;	
	top:269px;
	float:right;
	/*display:inline;*/
}

.midNavContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -475px;	
	top:248px;
	/*border:solid 2px green;*/
	background-color:#a9ca3e;
	
	/*display:inline;*/
}

.midNavButton
{
	 font:bold 10pt arial; 
	/* height:25px;*/
	 vertical-align:middle; 
	 color:#00597f;
	 line-height:25px;	 	 
	 text-align:center; 
	 border:2px solid #00597f;	
	 text-decoration:none;	 
}



.midNavEduContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -749px; 
	top:269px;
	float:right;
	/*border:solid 2px green;*/
	/*background-color:#a9ca3e;*/
	
	/*display:inline;*/
}

.midNavGreenBack
{
	background-color:#a9ca3e;
	width:82px;
	float:right;
}

.midNavFamContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -659px;	
	top:269px;
	float:right;
}
.midNavStuContainer
{
	width: 950px;
	text-align:right;	
	position:absolute;
	left: 50%;
	margin-left: -569px;	
	top:269px;
	float:right;
}

.midNavFamButtonContainer
{
	position:relative;
	display:inline-block;
	height:25px;
	border:2px solid #00597f;
	width:82px;
	float:right;
	text-align:center;
	background:#a9ca3e url(../Content/images/famButton.jpg);
	cursor:pointer;
	z-index:3;
}

.midNavEduButtonContainer
{
	position:relative;
	display:inline-block;
	height:25px;
	border:2px solid #00597f;
	width:82px;
	float:right;
	text-align:center;
	background:#a9ca3e url(../Content/images/eduButton.jpg);
	cursor:pointer;
	z-index:4;
}
.midNavStuButtonContainer
{
	position:relative;
	display:inline-block;
	height:25px;
	border:2px solid #00597f;
	width:82px;
	float:right;
	text-align:center;
	background:#a9ca3e url(../Content/images/stuButton.jpg);
	cursor:pointer;
	z-index:2;
}
.midNavBusButtonContainer
{
	position:relative;
	display:inline-block;
	height:25px;
	border:2px solid #00597f;
	width:82px;
	float:right;
	text-align:center;
	background:#a9ca3e url(../Content/images/busButton.jpg);
	cursor:pointer;
	z-index:1;
}

.midNavButton:hover
{
	color:#4ba7ce;
}

.topNavButton:hover
{
	color:#4ba7ce;
	border:2px solid #4ba7ce;
}

.roundedContent
{ 
	background-color:#00597f;  
	padding:4px; 
	width:600px;
	position:relative;
	z-index:1;
}

.whatsNewRounded
{ 
	background-color:#00597f;  
	padding:4px; 
	width:250px;
	z-index:1;
	
}

.recommended
{ 
	background-color:#00597f;  
	padding:4px; 
	width:400px;	
	z-index:1;
	}

.whatsNew
{
	background-color:White;
	list-style-type:none;
	padding:0;
	/*list-style-position:inside;*/
	
}

.roundedContent400
{ 
	background-color:#00597f;  
	padding:4px; 
	width:522px;
	position:relative;
	z-index:1;
}

.itemsRoundedContent
{ 
	background-color:#00597f;  
	padding:4px; 
	width:400px;
	position:relative;
	z-index:1;
}

.userListRoundedContent
{ 
	background-color:#00597f;  
	padding:4px; 
	width:700px;
	position:relative;
	z-index:1;
}


#subcategories 
{ 
	background-color:#00597f;  
	padding:4px; 	
	position:absolute;
	left:20px; 
	top: 175px;
	z-index:100;	
	width:200px;
}

#adminTools
{ 
	background-color:#00597f;  
	padding:4px; 
	width:200px;
	position:absolute;
	left:20px; 
	top: 175px;
	z-index:100;
}

.adminLinkContainer
{ 
	background-color:#99CCFF; 
	font-family:Verdana; 
	font-size:11pt;
	width:190px;
	padding:5px;
	position:relative; 
	z-index:101; 
}

.BreadCrumbLink
{
    color:Red;
}

#errorContainer
{
	width:250px;
	position:relative;
	left:150px;
	/*position:absolute;
	left:300px;
	top:60px;	*/
}

#confirmErrorContainer
{
	width:250px;
	position:absolute;
	left:-210px;
	top:100px;	
}

#categories 
{ 
	background-color:#99CCFF; 
	font-family:Verdana; 
	font-size:11pt;
	width:190px;
	padding:5px;
	position:relative; 
	z-index:101; 
}

.myResources
{
	background-color:White;
	padding:4px 4px 4px 10px;
	font-family:Verdana; 
	font-size:11pt;
		width:186px;
	position:relative; 
	z-index:101; 
	text-decoration:none;
	color:Black;
}

.allResources
{
	background-color:#99CCFF;
	padding:4px 4px 4px 10px;
	font-family:Verdana; 
	font-size:11pt;
		width:186px;
	position:relative; 
	z-index:101; 
	text-decoration:none;
	color:Black;
	
	
}

.myResources:hover
{
    font-weight:bold;
    text-decoration:none;
}

.myResourcesLabel:visited
{
	color:Black;	
}

.myResourcesLabel
{
	
	padding:4px 4px 4px 10px;
	font-family:Verdana; 
	font-size:11pt;
	width:186px;
	position:relative; 
	z-index:101; 
	text-decoration:none;
	color:Black;
}

.closed
{
	
	padding:4px 4px 4px 10px;
	font-family:Verdana; 
	font-size:10pt;
	width:186px;
	position:relative; 
	z-index:101; 
	text-decoration:none;
	color:Black;
}
/*
.closed:hover
{
	font-weight:bold;
	cursor: pointer;
}*/

.myResourcesLabel:hover
{
    font-weight:bold;
    text-decoration:none;
}

.myResources:visited
{
	color:Black;	
}

.subcatList
{
	background-color:Transparent;
	font-family:Verdana; 
	font-size:9pt;	
	color:Black;
	text-decoration:none;
	
}

.subcatList:hover
{
	text-decoration:none;
	color:Black;
	font-weight:bold;
}

#roundedContentLabel
{
	 text-align:center; 
	 color:Yellow; 
	 width:200px; 
	 height:25px; 
	 font-family:Verdana; 
	 font-size:13pt; 
	 color:#fee746;	 
	 position:relative;
}

#roundedContentLabelAdmin
{
	 text-align:center; 
	 color:White; 
	 width:200px; 
	 height:25px; 
	 font-family:Verdana; 
	 font-size:13pt; 
	 color:#fee746;	 
	 position:relative;
}

.smallRoundedContentLabel
{
	vertical-align:middle;
	 color:Yellow; 
	 /*height:35px; */
	 font-family:Verdana; 
	 font-size:12pt; 
	 color:#fee746;
	 font-weight:bold;	 
	 position:relative;
	 /*line-height:25px;*/
}

.smallRoundedContentTitle
{
	vertical-align:middle;
	 color:Yellow; 
	 /*height:35px; */
	 font-family:Verdana; 
	 font-size:10pt; 
	 color:#fee746;
	 font-weight:bold;	 
	 position:relative;
	 /*line-height:25px;*/
	 
	 z-index:1;
	 height:10px;
}

.smallRoundedTableHeader
{
	vertical-align:middle;
	 color:Yellow; 
	 /*height:35px; */
	 font-family:Verdana; 
	 font-size:10pt; 
	 color:#fee746;
	 font-weight:bold;	 
	 position:relative;
	 /*line-height:25px;*/
}

.blueBar
{
	width:100%;	
	height:10px;
	border-bottom: solid 1px #00597f;
	border-top: solid 1px #00597f;	
	
}

.topBlueBar
{
	position:absolute;
	top: 297px;
	height:10px;
	border-bottom: solid 1px #00597f;
	border-top: solid 1px #00597f;
	width: 950px;
	left: 50%;
	margin-left: -472px;
	z-index:100;
}


#topContent
{
	background:url(../Content/images/teacher-header.jpg);
	height: 162px;	
}

#centerContent
{
	
	/*left: 250px;*/
	/*width: 650px;*/
	position:relative;
	height:189px;
}

#nonTeacherCenter
{
	
	/*left: 250px;*/
	/*width: 650px;*/
	position:relative;
	
}

.pageContent
{
	background-color: White;
	width: 950px;
	border: solid 3px #5892a9;
	position:absolute;
	left: 50%;
	margin-left: -475px;
	/*margin-top: 65px;*/
	top:94px;
	}

#footer
{
	position:absolute;
	bottom:-30px;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	text-align:center;
	
	z-index:10000;
	
}

.resourceTitleTextbox
{
	width: 300px;
}

.resourceDescriptionTextarea
{
	width: 600px;
}

.resourceTitle
{
	text-align: left;
	font-weight:bold;
	font-size:14px;
	min-width:300px;
	border-bottom:solid 1px gray;
}

.resourceDateLabel
{
	text-align: left;
	font-family:Verdana;
	/*font-weight:bold;*/
	font-style:italic;
	font-size:11px;
}

.resourceDate
{
	text-align: left;
	font-family:Verdana;
	/*font-weight:bold;*/
	font-size:11px;
}

.resourceDescription
{
	font-family:Verdana;
	text-align:left;
	font-size:12px;
}

.resourceShow
{
	position:relative;
	top:10px;
	/*background-color:#fff;*/
	width:598px;
	min-height:500px;
	
}

.resourceComments
{
	background-color: #fff;	
}

.lastCommentDateLabel
{
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	vertical-align:middle;
	height:20px;
}

/*.resourceItems
{
	position:relative;
	top:10px;
	background-color:#fff;
	width:286px;
	min-height:500px;
	padding:10px;
}*/

.resultsTitle
{
    font-size: larger;
    font-weight: bold;
}

.resultsDescription
{
}

.subcatLabel
{
	position:relative;
	top:30px;
	font-family:Verdana;
	font-size:15px;	
	font-weight:bold;
}

.errorText
{
    color:Red;
    font-size:x-small;
}
#maincontent
{
    position:absolute;
/*    padding:10px 3px 10px 3px;*/
   
	width: 670px;
	left: 50%;
	margin-left: -205px;
	margin-top: 75px;
	z-index:1;
	height: 165px;
	
}

#adminMaincontent
{
    position:relative;
/*    padding:10px 3px 10px 3px;*/
    
	width: 670px;
	left: 50%;
	margin-left: -245px;
	margin-top: 75px;
	z-index:1;
	min-height:300px;
	
}

#MainContentPlaceHolder
{height: 165px;
 }

/*Edit and New form */
legend {  
position: absolute;  
left: -7px;  
top: -0.75em;
background:transparent;
}
fieldset ol {  
padding-top: 0.25em;
}

/*form {  
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}*/

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 1em 0;

  position:relative;
  border: 1px solid #BFBAB0;  
 background-color : #F2EFE9;
  /*background-color:#ffffcc;*/
}

form fieldset ul li
{
	margin-left:-30px;
	font-family:Verdana;
	font-size:14px;
	vertical-align:middle;

}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	line-height:18px;
	
}

form fieldset legend {
	font-size:1em;
	font-weight:bold;
	color:Black;
	font-family:Verdana; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
                              
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

/*form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}*//* instructions/comments left margin set to align w/ right column inputs */

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.spotlightImg
{
    position:relative;
    
    margin-top:-1px;
    margin-bottom:-2px;
    
}

.showHeader
{
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:-1px;
	}

.showHr
{
	 border-top: 1px solid #14577D;
      border-bottom: 1px solid #BCE6DF;
     
      height: 2px;
	}
	
.resourceItemList
{
	padding:0;
	margin: 0 0 10px 25px;
	list-style:none;
	}
	
.roleLabel
{
	position:relative;
	top:4px;
	font-family:Verdana;
	font-size:9pt;
	margin-left:10px;
	
	vertical-align:bottom;
	}
/**********
End STEM
**********/

body 
{
    background: #00597f;
    font-size:medium;
    color: #000000;
}

p
{
    margin-bottom: 14px;
    text-align: justify;
}
/*
#inner 
{
    padding: 13px 30px 13px 30px;
}

#header
{
    position: relative;
    background: #FF7800;
    margin-bottom:0px;
    height: 55px;
    color: #fff;
    padding-left: 20px;
}

#header h1
{
    font-weight:normal;
    font-size: 23px;
    padding-top:12px;
}

#menu
{
    position: relative;
    background: #46461F;
    height: 47px;
    padding-left:5px;
}

#menu ul li
{
    display: inline;
    line-height: 52px;
    padding-left: 3px;
}

#menu ul li.first
{
    border-left: 0px;
}

#menu ul li a
{
    background-color: transparent;
    padding: 6px 12px 8px 12px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

#menu ul li a:hover
{
    background: #fff;
    color: #4A4A24;
    text-decoration: none;
}

*/