/*This sets all elements to have no borders or padding. This means that ALL elements must have them specified (including <p> tags) if they are needed.*/
* 
{
	padding:0;
	margin:0;
}
/*Needed to ensure proper font display*/
body 
{
	font-size: 100%;
	background-color:#000;
	
	
}
/*Images default with no borders block display (turn it off to see what it does :-))*/
img
{
	border:0;
	display:block;
}
br 
{
	clear:both;	
}
.right 
{
	float:right;
}
.left
{
	float:left;
}
/*Contains divs, sets the background for dynamic vertical expansion*/
#container 
{
	width:700px;
	background:url(../images/site/container_bg.jpg) repeat-y;
	background-color:#000;	
	margin-left:auto;
	margin-right:auto;
	
}

#banner_container 
{
	width:700px;
	height:123px;
}
#banner_container .mquest_number
{
	font-size:16px;
	font-family:"Georgia", serif;
	color:#fff;
	margin-left:25px;
	padding-top:98px;
}
#banner_container h1 
{
	margin-left:146px;	
	padding:0;
	font-size:16px;
	font-family:"Georgia", serif;
	color:#dedede;
	clear:both;
	font-variant:small-caps;
	text-align:center;
}
#sub_banner_container 
{
	width:700px;
	height:83px;
	background:url(../images/site/sub_banner_bg.gif) no-repeat;
	
	
}
#sub_banner_container_fr 
{
	width:700px;
	height:83px;
	background:url(../images/site/sub_banner_bg_fr.gif) no-repeat;
	
	
}


/*The left menu "Evidence in the Case" section*/
#sub_banner_container ul
{
	border:0;
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}
#sub_banner_container_fr ul
{
	border:0;
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}
#sub_banner_container ul li a
{
	width:101px;
	height:64px;
	margin-left:39px;
	background-image:url(../images/site/evidence_box.jpg);
	display:block;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}
#sub_banner_container_fr ul li a
{
	width:101px;
	height:64px;
	margin-left:39px;
	background-image:url(../images/site/evidence_box.gif);
	display:block;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}
#sub_banner_container ul li a:hover
{
	background:transparent;
}
#sub_banner_container_fr ul li a:hover
{
	background:transparent;
}
#sub_banner_container .quest_title
{
	font-size:19px;
	font-family:"Georgia", serif;
	margin-left:160px;
	padding-top:10px;
	color:#fff;
}
#sub_banner_container .age_bracket
{
	font-size:20px;
	font-family:"Georgia", serif;
	margin-left:581px;
	padding-top:10px;
	color:#707070;
}
/*End evidence in the case section*/
/*Begin main filing cabinet nav*/
#left_nav
{
	width:174px;
	height:382px;
	margin:0;
	padding:0;
	background:url(../images/site/left_nav_bg.gif) no-repeat;
	float:left;
}
#left_nav_fr 
{
	width:174px;
	height:382px;
	background:url(../images/site/left_nav_bg_fr.gif) no-repeat;
	float:left;
}
#left_nav ul
{
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
}
#left_nav_fr ul
{
	border:0;
	margin:0;
	padding:0;
	list-style-type: none;
}
#left_nav ul li a
{
	width:107px;
	height:44px;
	margin-left:39px;	
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
	background-color:transparent;
	display:block;
}
#left_nav_fr ul li a
{
	width:107px;
	height:44px;
	margin-left:39px;
	background-color:transparent;
	display:block;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;	
}
#btn_introduction a
{
	background-image:url(../images/site/introduction.jpg);	
}
#btn_introduction_fr a
{
	background-image:url(../images/site/introduction.gif);		
}
#btn_task a
{
background-image:url(../images/site/task.jpg);
}
#btn_task_fr a
{
	background-image:url(../images/site/task.gif);
}
#btn_procedure a
{
background-image:url(../images/site/procedure.jpg);	
}
#btn_procedure_fr a
{
	background-image:url(../images/site/procedure.gif);
}
#btn_evaluation a
{
background-image:url(../images/site/evaluation.jpg);	
}
#btn_evaluation_fr a
{
	background-image:url(../images/site/evaluation.gif);
}
#btn_blacklinemasters a
{
background-image:url(../images/site/blacklinemasters.jpg);	
}
#btn_blacklinemasters_fr a
{
	background-image:url(../images/site/blacklinemasters.gif);
}
#btn_extension a
{
background-image:url(../images/site/extension.jpg);	
}
#btn_extension_fr a
{
	background-image:url(../images/site/extension.gif);
}
#left_nav #teacher a
{
	width:107px;
	height:54px;
	background-image:url(../images/site/notes.jpg);
}
#left_nav_fr #teacher_fr a
{
	width:125px;
	height:54px;
	background-image:url(../images/site/notes.gif);
}
#left_nav #teacher a:hover
{
	background:transparent;
}
#left_nav_fr #teacher_fr a:hover
{
	background:transparent;
}
#left_nav  ul li a:hover
{
	background:transparent;
}
#left_nav_fr  ul li a:hover
{
	background:transparent;
}


/*Content*/

#content_container
{
	width:526px;
	background-color:transparent;
	float:left;
	
}
#text_container
{
	width:460px;
	margin:0 45px 0 16px;
	font-family:"Georgia", serif;
	/*font-size:15px;*/
	font-size: .8em;
}
#text_container p
{
	color:#363636;
	margin-bottom: 10px;
}
p.credits
{
	line-height:13px;
	text-align:center;
	font-size:12px;
	margin-top:0em;
	margin-bottom:0em;
	color:#707070;
	font-style:italic;
	
}
#text_container a, #text_container a:visited
{	
	text-decoration:none;
	border-bottom: 1px solid #999;
	color:#b00808;	
}
#text_container a:hover
{
	color:#999;
	border-bottom: 0px;
}
#text_container h3 a, #text_container h3 a:visited
{	
	text-decoration:none;
	border-bottom: 0px;
	color:#b00808;	
}
#text_container h3 a:hover
{	
	text-decoration:none;
	color:#b00808;	
}
#text_container .topofpage a, #text_container .topofpage a:visited
{	
	
	text-decoration:none;
	text-transform:lowercase;
	border-bottom: 0px;
	color:#999;	
}
#text_container .topofpage a:hover
{	
	text-decoration:none;
	color:#b00808;	
}
#text_container ul, #text_container ol
{
	border:0;
	margin: 10px 0 10px 2em;
	padding: 0;
	line-height:16px;

}
#text_container ul li
{
	margin: 5px 0 5px 0;
}
#text_container ol li
{
	margin: 5px 0 5px 0;
}
.warning
{
	color:#b00808;
	font-family:"Verdana", sans-serif;

}

#text_container h1
{
	width:100%;
	color:#b00808;
	border-bottom:3px solid #b00808;
	font-family:"Georgia", serif;
	font-size:18px;
	/*text-transform:capitalize;
	font-variant:small-caps;*/
	font-weight:normal;
	margin-top:.5em;
	margin-bottom:1em;
	padding-bottom: .3em;
	
}
#text_container h1:first-letter
{
	font-size:20px;
}

.small
{
	font-size:90%;
}

h2
{
	color:#b00808;
	border-bottom:1px solid #7c7c7c;
	font-family:"Georgia", serif;
	font-size:1.5em;
	/*text-transform:capitalize;
	font-variant:small-caps;*/
	font-weight:normal;
	margin-bottom:1.5em;
	margin-top:.5em;
	padding-bottom: .3em;
}
h3
{
	color:#b00808;
	font-family:"Georgia", serif;
	font-size:17px;
	/*text-transform:capitalize;
	font-variant:small-caps;*/
	font-weight:normal;
	margin-bottom:.3em;
	margin-top:3em;
}
/*End content*/

/*The bottom of the page with the the jagged graphic*/
#content_container_footer
{
	width:700px;
	height:64px;
	background:url(../images/site/footer_bg.jpg);	
}
/*The links at the bottom of the page that are text*/
#footer
{
	font-family: "Georgia", "Times New Roman", Times, serif;
	text-align: center;
	background-color:#000;	
	color: #a4a4a4; 
	font-size:.8em;
	

}
#footer a
{
	color: #a4a4a4; 
	font-variant: small-caps; 
	text-decoration: none; 
	letter-spacing: 2px;	
}
#footer a:hover
{
	color: white; 
	text-decoration: none
}
table
{
	border-collapse:collapse;	
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	
}

th
{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:double  #000;
	padding:1px;	
}
td
{
	border:1px solid #000;
	padding:1px;
}


.topofpage {
	border-top: 1px solid #999;
	font-size: .9em;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: right;
}

.marginalia {
	margin: 0;
	padding: 0;
}

.bold {
	font-weight: bold;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}