/* Global Styles */

/* CSS Document */
/* Created 04.08.12 by RB */

body 			{ 
				padding: 0;
				margin: 0 auto; /* Need to set body margin and padding to get consistency between browsers. */ 
				font-family: arial, helvetica, sans-serif;
				font-size:62.5%;
				background-color: #fff; 
				background-image:url(../images/tile03_rb01.gif);
				background-repeat: repeat-x;
				text-align:center; /* IE hack */
				
				} 

/*#center_page {
	width:800px;
	margin:0px auto;
	}*/
	
/* added by rb 12/19/06 */
/* centers the site header*/
/* delete these attributes to return to left align*/

/* skips repetative navigation for screen readers */
.skiptocontent {
	display:none;
}

#site_container {
	margin:0;
	width:600px;
	/*height: auto;*/
	position:relative;
	/*z-index:100;*/
	text-align:left; /* IE hack */
	
}

/*#outsideContainer	{
	width:810px;
}*/

#debug	{
	clear:both;

}


#page_wrapper {display:none;}

/* added by rb 12/19/06 */
/* centers the site header*/
/* delete these attributes to return to left align*/
#header_container {display:none;}

#main_container {
	width:625px; /* reduced from 550 by rb 11/1/07 */
	float:none;
	}

#banner	{position: relative;
		width: 777px;
		padding: 0;
		margin: 0;
		/*top: -4px;*/
		
		}
		
#nav  { 
	margin: 12px;
	width: 100px; 
    padding: 8px; 
    border: 1px dashed #FF6600; 
	height: 140px; 
    float: left; }
	
#leftcol	{
			float: left;
			/*position: absolute; /*was relative changed by sf*/
			/*top: 172px; changed to line up with news by rak*/
			/*left:10px;*/
			width: 110px;
     		border: #000066 double medium; 
 			margin:0 10px;
			margin-bottom:10px; /* gives seperation between leftcol and tabs - rb */
			padding: 5px;
			background-color:#E2E2C7;
			/*overflow:auto; added by rb 11/8 
			height:325px;*/
			}

#leftcol h4 {
	font-weight:normal;
	}

/* center content in 3 column layout.  -- added by rb */
#main {
	width:625px; /*was 370px;*/
	/*overflow:auto;*/
	padding-bottom:10px;
	padding-right: 10px;
	float:none;
	border-bottom: solid 1px #EABB7A;
	margin-bottom:10px;
	margin-left:10px;
	}
	


/* right column in 3 column layout */
#social {display:none}
#headlines {display:none;}
	 
	/*#headlines a:link {font-size: 1em;
		text-decoration:none;
		border-bottom:dashed 1px #FFFFFF;
		color:#FFFFFF;
		}
	#headlines a:visited {font-size: 1em;
		text-decoration:none;
		border-bottom:dashed 1px #FFFFFF;
		color:#FFFFFF;
		}
	#headlines a:hover	{font-size: 1em;
		text-decoration:none;
		background-color:#E7E7E7;
		color:#4B7BA4;
		}*/	

/* topSmallBox and bottomSmallBox created by rak using announcement and cde, the original names are kinda confusing 3.17.09 */

.topSmallBox  /*little box above news for MT's announcements*/
	/* restored by rb. Hash marks left for reference */
 {display:none;}
		
		.topSmallBox p {
		color:#FFFFFF;
		}

	.topSmallBox a:link {font-size: 1.4em;
		text-decoration:none;
		color:#FFFFFF;
		}
	.topSmallBox a:visited {font-size: 1.4em;
		text-decoration:none;
		color:#FFFFFF;
		}
	.topSmallBox a:hover	{font-size: 1.4em;

		text-decoration:underline;
		background-color:#4b7ba4;
		color:#ffffff;
		}/**/
		
.topSmallBox2  /*little box above news for MT's announcements*/
	/* restored by rb. Hash marks left for reference */
 {display:none;}
		
		.topSmallBox2 p {
		color:#FFFFFF;
		}

	.topSmallBox2 a:link {font-size: 1em;
		text-decoration:none;
		/*border-bottom:dashed 1px #FFFFFF;*/
		background-color:  #4b7ba4;
		color:#FFFFFF;
		}
	.topSmallBox2 a:visited {font-size: 1em;
		text-decoration:none;
		/*border-bottom:dashed 1px #FFFFFF;*/
		background-color:  #4b7ba4;
		color:#FFFFFF;
		}
	.topSmallBox2 a:hover	{font-size: 1em;
		text-decoration:underline;
		background-color:#4b7ba4;
		color:#ffffff;
		}
		
.topSmallBox3  /*little box above news for TDL Symposium*/
	/* rb 12.7.10 Hash marks left for reference */
 {display:none;}
		
		.topSmallBox3 p {
		color:#333333;
		}

	.topSmallBox3 a:link {font-size: 1.4em;
		text-decoration:none;
		/*border-bottom:dashed 1px #FFFFFF;
		background-color:  #4b7ba4;*/
		color:#333333;
		}
	.topSmallBox3 a:visited {font-size: 1.4em;
		text-decoration:none;
		/*border-bottom:dashed 1px #FFFFFF;
		background-color:  #4b7ba4;*/
		color:#333333;
		}
	.topSmallBox3 a:hover	{font-size: 1.4em;
		text-decoration:underline;
		background-color:#a28714;
		color:#000000;/**/
		}
		
#bottomSmallBox  /*little box above news for MT's announcements*/
 {display:none;}


#announcement  /*little box above news for MT's announcements*/
 {display:none;}

#cde {display:none;}

	#cde p {
		color:#FFFFFF;
		}

	#cde a:link {display:none;}
	#cde a:visited {display:none;}
	#cde a:hover	{display:none;}

	/*** IE6 Fix ***/
	* html #cde {
		margin-top:0;
	}

#path	{
			position: absolute;/*was relative changed by sf - absolute positioning required for drop down nav to work*/
			top: 132px;/*was 72px changed by sf*/
			left:0; /*added by rb*/
			padding-top: 10px;
			/*padding-bottom: 60px;*/
			z-index: 0;
			font-size:1.1em; /* rb - 1/17 */
			}

		/* added 8/10/07 by rb */  
	#path a {border: none;}
			

#content	{

			position: absolute; /*was relative changed by sf - absolute positioning required for drop down nav to work*/
			top: 0;/*was 168px, changed by RB to give space for 3 lines of path text*/
			left:0; /*keeps to left side in IE 7 */
			margin: 15px auto;
			width: 625px; 
			/*padding: 1.5em;*/
			/*padding-top: 0px;*/
			/*padding-bottom: 60px;*/
			border-left:none;
			border-right:none;
			/*border: dashed #FF0000 1px;*/
			}


	
#leftcolalt	{display:none;}
		
#whatsnew {display:none;}

			#whatsnew h2 {display:none;}

/* The next three styles were copied from embedded styles in various pages */
/* These are nested in the the layer "content" above */

#mainBox { 
	float:left;
	width: 340px;
	padding: 5px; 
	line-height:2em;
	/*border: dotted #00CC33 1px;*/
	/*border-bottom:solid 1px #EABB7A;  was #EEEEEE; */
	
	}

#mainBoxQA { 
	float:left;
	width: 340px;
	padding: 5px; 
	line-height:2em;
	/*border-bottom:solid 1px #EABB7A;  was #EEEEEE; */
	
	}
 
/* databox added by rak to allow for bigger data presentation where there is no right hand column */
#databox { 
	float:left;
	width: 525px;
	padding: 5px; 
	line-height:2em;
	}
	
#databox2 { 
	margin: 0px auto;
	float: none;
	width: 525px;
	padding: 5px; 
	line-height:2em;
	}
	
#databox3 { 
	float:left;
	padding: 5px; 
	line-height:2em;
	width:98%;
	}
	
#fullwidthbox { 
	margin: 0px auto;
	float: none;
	width: 730px;
	padding: 5px; 
	line-height:1.7em; /*was 2em; changed by rb*/
	}

/*added by rak 8.16.07 for a spot under whatsnew to hold link to advanced libary search*/
#advsearchbox {display:none;}



/* End copied styles */
/*new footer style (12/13/06 sf)*/

/*#footer {
	position:relative;
	width:100%;
	bottom:0px;
	padding-top:50px;
	font-size:.75em;
	color:#999;	
	text-align:center;
	}*/

#footer {
          width: 575px; 
          background-color:#4B7BA4; /*was rgb(126,146,186)*/
          color: white;
          border: 1px solid #000;
          padding: 12px;
		  text-align: center;
		  font-size: 1.2em; 
      	  font-family: arial, sans-serif;
		  margin:0 auto; 
		  margin-top:100px;; 
		  clear:none;
		 }
	/* added 8/7/07 by rb */  
	#footer a { color: white;
				border: none;
				background:none; }
				
		
				
address { 
          margin-top: 18px; 
          border-top: 1px solid #EABB7A; /* was #FFFFCC; */ 
          font-size: smaller; 
          padding-top: 3px;
          font-weight: bold; 
          font-style: normal }
/*				
#footer {
	position: absolute;
	bottom: -122px;
	text-align: center;
	padding: 0 15%;
	left: 19px;
	right: 19px;
	font-size:72.5%;
	}
	
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
*/
/*added this for the tabbed part on the homepage-sf*/


.tab {display:none;}
.panel {display:none;}

	

.panelGraphic {display:none;}

.arrow {display:none;}


#panel0 {display:none;}

/* Commented for white bg-10/26/07
#panel1 a { color: #FFFFFF; } */




#tabnav {
	display:none;
}
	
	
	 overrides default anchor border on tabnav style 
	  #tabnav a {
	display:none;
}

/* Tab styling for JS off */
/* Contains 5 tabs laid out in two rows, 2 over 3 */

#jsoff_tabContainer {
	display:none;
}

/* contains top row of tabs */
#jsoff_tabTopRow {
	display:none;
}
/* contains first tab */
#jsoff_tabOne {
	display:none;
}
/* contains second tab */
#jsoff_tabTwo {
	display:none;
}
/* contains bottom row of tabs */
#jsoff_tabBtmRow {
	display:none;
}
/* contains third tab */
#jsoff_tabThree {
	display:none;
}
/* contains fourth tab */
#jsoff_tabFour {
	display:none;
}
/* contains fifth tab */
#jsoff_tabFive {
	display:none;
}
.jsoff_tabs {
	display:none;
}


/* CSS for tool tips - rb */
#tooltip a:hover {
	display:none;
}

		.tooltipLinkInner {
	display:none;
}

		#tooltip .toolbox a:hover span {
	display:none;
}

		.tooltipInner {
	display:none;
}

		.tooltipBox {
	display:none;
}
/* Standard formating styles */
/* Centers text */
.center {
	text-align:center;
	}

/* Special divs */
/* Formats display of Ed grants in edgrant/dsp/dsp_searchdetail.cfm*/

div.edgrantdsp {
	background-color:#4B7BA4;
	/*margin: 0px auto;*/
	margin-left:10px;
	float:left;
	line-height:1.7em;
	font-size:1.2em;
	}

div.edgrantdspL {
	width:165px;
	float:left;
	background-color:#4B7BA4;
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size : 1.2em;*/
	font-weight:bold;
	text-align:right;
	padding:5px 5px 20px 5px;
	}

div.edgrantdspR {
	width:540px;
	float:left;
	padding:5px 5px 20px 5px;
	/*font-size:1.2em;*/
	border:solid 1px #4B7BA4;
	background-color:#FFFFFF;
	}

/* Formats display of Video Galleries in browse/dsp/... */
.video_info {
	float:left;
	height:275px;
	width:200px; 
	/*font-size:1.4em;
	font-weight:bold;*/
	padding:5px;
	border-top:solid 1px #000000;
}

.video_info2 {
	float:left;
	height:275px;
	width:400px;
	/*font-size:1.4em;
	font-weight:bold;*/
	padding:5px;
	border-top:solid 1px #000000;
	
}

.video_keyword {
	float:left;
	height:275px;
	width:98px;
	/*font-size:1.4em;
	font-weight:bold;*/
	padding:5px;
	border:solid 1px #000000;
	border-bottom:none;
}

.video_table_hd {
	float:left;
	width:710px;
	background-color:#7E92BA;
	font-size:1.4em;
	font-weight:bold;
	padding:5px;
	color:#FFFFFF;
	}
	
.video_table_hd_sub {
	float:left;
	background-color:#EEEEEE;/**/
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	/*color:#FFFFFF;*/
	}

/* specific styles for abeinitiative */
/* Box for video and text nested inside #article */	
#vidBox {
	width:400px;
	margin:auto;
	padding:10px;
	color:#eeeeee;
	background-color:#035b8b;
	border:outset 3px #000000;
	 /*float:left;*/
	/*padding-left:3em;*/
	}
	
.videoButton {
	float:left;
	width:50px;
	padding:25px 0px;
	text-align:center;
	}
	
.videoText {
	float:left; 
	width:450px;
	padding-left:25px;
	}	
	
/* End abeinitiative styles */
	
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}



/* iic classes are for Internet in the Classroom- ls 9-24-07 */		
#iicsidebar {  
		width: 300px; 
		/*min-height:375px; */
        padding: 8px;
		border: 2px solid #EABB7A; /* changed 8/8/07 by rb, was left border only */
		background-color: #F7F7F7; /*#dddddd;*/
		text-align: left;
		margin: 25px 10px;
		float:left; /*was right*/
	/*copied from Other News */	
		}
#iicsidebarright {
	width: 300px;
	/*min-height:375px; */
    padding: 18px;
	border: 2px solid #EABB7A;
	background-color: #F7F7F7; /*#dddddd;*/
	text-align: center;
	float:right;
	margin-top: 25px;	/*copied from Other News */
	margin-left: 10px;
		}


.iicstandardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	margin-bottom:1em;
}
.iicbluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4b7ba4;
	text-align: left;
	padding: 3px;
}

.iicimage {
	float: right;
	clear: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.iicimageleft {
	float: left;
	clear: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.iicdivpadleft {
	margin-left: 15px;
	margin-right:5px;
}
.iicblockdivleft {
	float: left;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 20px;
	border-bottom-color: #EABB7A;
	border-bottom-style: dotted;
	border-bottom: 2px;
	text-align: left;
	font-size: 1.2em;
}


/* end iic styles */

/* Hot Topics Menu styles - by rb 2/16/2010 */
.ht_menu_wrapper {
	width:165px;
	padding:0 7px;
}

.ht_menu_wrapper h1 {
	padding:7px;
	margin:5px auto;
	width:151px;
	color:#003366;
	font-size:2em;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	border-bottom:solid 3px #003366;
	}

.ht_menu_item {
	padding:7px;
	margin:5px auto;
	width:151px;
	background-color:#4b7ba4;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border:solid 1px #000033;
}

.ht_menu_item a {
	color:#ffffff;
	text-decoration:none;
}

.ht_menu_item a:hover {
	color:#000033;
	background-color:#4b7ba4;
	text-decoration:none;
}

/* paypal button jb added 10.13.2011 */
.paypalbutton {
	display:none;
}

#fblikebutton {display:none;}