/*  GLOBAL ITEMS   */
/*  ----------------------------------------------------------  */

img, div { behavior: url(iepngfix.htc) }

body 
{
   	background-color: #fdf1da;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 62.5%;
    }

#shell-all 
{
	width: 985px;
	margin-left: auto ;
	margin-right: auto 
    }
    
#head
{
    width:985px;
    height:103px;
    }

#foot
{
    width:600px;
    height:103px;
    margin: 20px 0px 0px 65px;
    }    
     
#jh-logo
{
	float:left;
	margin: 25px 0px 0px 49px;
	display:inline;
	}
#jh-logo-right
{
	float:right;
	display:inline;
	margin: 0px 48px 0px 0px;
	background-image: url(/images/logo_rt.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: right;
	width:284px;
	height:103px;
	
	}
	
.whitebodytop
{
    background-image: url(/images/whitebodytop.png);
	background-position: top;
	background-repeat: no-repeat;
    width:985px;
    height:25px;
    }  	
    
  .whitebodybot
{
    background-image: url(/images/whitebodybot.png);
	background-position: top;
	background-repeat: no-repeat;
    width:985px;
    height:25px;
    }
    
  .whitebodybot-2col
{
    background-image: url(/images/whitebodybot_2col.png);
	background-position: top;
	background-repeat: no-repeat;
    width:985px;
    height:25px;
    }  	      	  
    
.whitebodymid
{
    background-image: url(/images/whitebodymid.png);
	background-position: top;
	background-repeat: repeat-y;
    width:985px;
    height:auto;
    } 
    
.whitebodymid-2col
{
    background-image: url(/images/whitebodymid_2col.png);
	background-position: top;
	background-repeat: repeat-y;
    width:985px;
    height:auto;
    }   
    
#whitebody
{
	margin: 0px 0px 0px 59px;
	width: 860px;
	} 
	
#whitebodyleft
{
	margin: 0px 0px 0px 43px;
	width: 638px;
	height:auto;
	float: left;
	display: inline;
	} 	

#whitebodyleft-body
{
	padding-top: 8px;
	margin: 0px 30px 0px 24px;
	width: 585px;
	float: left;
	display: inline;
	} 
	
#tangradbody-left
{
	margin: 0px 0px 0px 43px;
	width: 638px;
	height: auto;
	/*height:219px;*/
	background-image: url(/images/tangrad.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	display: inline;
	} 	
	
#tangradbody-left-body
{
	padding-top: 8px;
	margin: 0px 30px 0px 24px;
	width: 585px;
	float: left;
	display: inline;
	} 

#tangradbody-left-col1
{
	padding-top: 8px;
	margin: 0px 20px 0px 24px;
	width: 214px;
	float: left;
	display: inline;
	}
	
#tangradbody-left-col2
{
	padding-top: 8px;
	margin: 0px 30px 0px 4px;
	width: 337px;
	float: left;
	display: inline;
	} 		

#whitebodymid-2col-rightcol
{
	width: 254px;
	float: left;
	display: inline;
	}		

.whitebodymid-2col-rightcol-subnav
{
	margin: 0px 25px 0px 32px;
	width: 170px;
	}	
		
.whitebody-3col
{
	width: 280px;
	float: left;
	display: inline;
}  

.clearingdiv {
	height: 0px;
	clear:both;
	}
	
.push-10
{
	margin-top:10px;
}  
.push-20
{
	margin-top:20px;
}  
.push-30
{
	margin-top:30px;
}  
.push-40
{
	margin-top:40px;
}  

table.padded-table {
    border-bottom: solid 1px #dbdbdb;
    }

table.padded-table td {
    padding:8px; 
    vertical-align: top;
    }
    
table.padded-table tr {
    border-top: solid 1px #dbdbdb;
    }


	
	 	 
/*  NAVIGATION   */
/*  ----------------------------------------------------------  */ 

#navContainer
{
	margin: 0px 0px 0px 44px;
	height: 35px;

	}
	
#nav, #nav ul 
{
	padding: 0;     
	margin: 0;     
	list-style: none; 
	} 
	
#nav a 
{
	display: block;     
	/*width: 10em;*/ 
	} 
	
#nav li 
{
	float: left;     
	/*width: 10em;*/ 
	}
	
#nav li div.subnav {
	position: absolute;
	width: 217px;
	left: -999em;

}

#nav li:hover div.subnav {
	left: auto;
	border: 0;
}

#nav div.subnav ul {
	margin: 0px 8px 0px 8px;
	/*padding-bottom: 10px;*/
}

#nav div.subnav ul li {
	float:none;
	display: block;
	margin: 10px 0px 0px 0px;
	padding-bottom: 8px;
	width: 181px;
	border-bottom: solid #c1e8f5;
	border-bottom-width: 1px;
	
}

#nav div.subnav ul li a 
{
	/*style subnav links here*/
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	color: #462807;
	padding-left: 10px;
}

#nav li.sfhover div.subnav {
        left: auto;
}
	
#menu1 {
	margin-left: 2px;
	}	
	
#menu2 {
	margin-left: -10px;
	}
	
#menu3 {
	margin-left: -10px;
	}		

#menu4 {
	margin-left: -10px;
	}
		
#menu5 {
	margin-left: -10px;
	}

#menu6 {
	margin-left: -10px;
	}
	
#flashstage {
    position: absolute;
	z-index:-1;
	}	

/*  LINK COLORS   */
/*  ----------------------------------------------------------  */ 

A:link  {
	color : #b34a12;
	text-decoration : none;
	}
A:visited  {
	color : #b34a12;
	text-decoration : none;
	}
A:active {
	color : #b34a12;
	text-decoration : underline;
	}
A:hover  {
	color : #de4016;
	text-decoration : underline;
	}

A:link.brownred  {
	color : #b34a12;
	text-decoration : none;
	}
A:visited.brownred  {
	color : #b34a12;
	text-decoration : none;
	}
A:active.brownred {
	color : #b34a12;
	text-decoration : underline;
	}
A:hover.brownred  {
	color : #de4016;
	text-decoration : underline;
	}
	
A:link.blueblue  {
	color : #4ca9c7;
	text-decoration : none;
	}
A:visited.blueblue  {
	color : #4ca9c7;
	text-decoration : none;
	}
A:active.blueblue {
	color : #4ca9c7;
	text-decoration : underline;
	}
A:hover.blueblue {
	color : #34cdfe;
	text-decoration : underline;
	}


/*  TEXT TYPES   */
/*  ----------------------------------------------------------  */

.large-serif-white  {
	font-family: Georgia;
	color: #ffffff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1em;
	font-size: 2.4em;
	} 

.large-serif-black  {
	font-family: Georgia;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1em;
	font-size: 2.4em;
	} 

.large-sanserif-black  
{
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.4em;
	}
 
.med-sanserif-black  
{
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.1em;
	}

.small-sanserif-black  {
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1em;
	}

.orange-title {
	font-family: Trebuchet MS, Arial;
	color: #c67401;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1.2em;
	font-weight:bold;
	}
.orange-body-title  
{
	font-family: Trebuchet MS, Arial;
	color: #c67401;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	font-weight:bold;
	line-height: 1.4em;
	font-size: 1.2em;
	}
.orange-subhead {
	font-family: Georgia;
	color: #c67401;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1em;
	font-size: 1.8em;
	} 
	
.fma-title {
	width: 260px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}

.fma-body {
	width: 260px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
.black-sm-body {	
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.1em;
	}
	
.med-sanserif-black  ul {
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.1em;
	}	
	
.med-sanserif-black li {
	background:transparent url(/images/bullet.gif) no-repeat scroll 0 4px;
	margin-bottom:3px;
	margin-left:0;
	padding-left:20px;
	}
	
	
.level-two  ul {
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.1em;
	}	
	
.level-two li {
	background:transparent url(/images/sm-bullet.gif) no-repeat scroll 20px 4px;
	margin-bottom:3px;
	margin-left:0;
	padding-left:40px;
	}	
	
	
.rcol-quote-txt {
	color:#444444;
	font-family:Georgia,Times;
	font-size:1.4em;
	font-style:italic;
	letter-spacing:0;
	line-height:1.2em;
	text-align:center;
	text-decoration:none;
	word-spacing:normal;
	}
	
	
/*  HOMEPAGE   */
/*  ----------------------------------------------------------  */  
    
#home-stage
{
    width:985;
    height:410px;
    }    
    
.home-stage-staticimage
{
    background-image: url(/images/homeStageBg.jpg);
	background-position: top;
	background-repeat: no-repeat;
    width:985;
    height:410px;
    }  
    
#home-stage-title
{
	margin: 0px 0px 87px 50px;
	padding-top: 38px;
    width:480px;
    display: block;
    clear: both;
    } 

#home-stage-body
{
	margin: 0px 48px 0px 50px;
    width:440px;
    } 
    
/*  2nd Level Pages  */
/*  ----------------------------------------------------------  */  

#leveltwo-stage
{
    width:985px;
    height:123px;
    }  

#leveltwo-stage-left
{
    width:353px;
    height:123px;
    float:left;
    display:inline;
    }

#leveltwo-stage-left-title
{
	width:286px;
    /*width:353px;*/
    height:65px;
    padding: 30px 0px 0px 67px;
    _padding: 30px 0px 0px 67px;
    }
    
#leveltwo-stage-left-image
{
    width:353px;
    height:28px;
    }    
        
    
#leveltwo-stage-right
{
    width:632px;
    height:123px;
    float:right;
    display: inline;

    }      

.inline-pic
{
	margin: 0px 0px 20px 20px;
	float:right;
	display: inline;

	} 	
*/
.bio-pic
{
	margin: 0px 20px 20px 0px;
	float:left;
	display: inline;
	} 	 
    
#biolist
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 1px solid #e8e7e7;
	}

#biolist li 
	{
	padding: 10px 10px 10px 15px;
	background-image: url(/images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	border-top: 1px solid #e8e7e7;
	}
	
#loclist
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 1px solid #e8e7e7;
	}

#loclist li 
	{
	padding: 10px 10px 10px 15px;
	background-image: url(/images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	border-top: 1px solid #e8e7e7;
	}
	
#newslist
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 1px solid #e8e7e7;
	}

#newslist li 
	{
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1.1em;
	padding: 10px 10px 10px 0px;
	border-top: 1px solid #e8e7e7;
	list-style-type: none;
	}
	
.map
	{
		display:block;
	}
	
#missionstatement
	{
	text-align: center;
	}
	
	
#topicslist
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 1px solid #e8e7e7;
	}

#topicslist li 
	{
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1.1em;
	padding: 10px 10px 10px 15px;
	background-image: url(/images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	border-top: 1px solid #e8e7e7;
	}
	
.rc-mid
	{
		display:block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 8px;
		width: 572px;
		height: auto;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #e3e2e3;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #e3e2e3;
		
	}
	
#plainlist
	{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 1px solid #e8e7e7;
	}

#plainlist li 
	{
	font-family: Trebuchet MS, Arial;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1.1em;
	padding: 10px 10px 10px 0px;
	border-top: 1px solid #e8e7e7;
	list-style-type: none;
	}