@charset "UTF-8";


/* CSS Document */

/*-----------------------------------------------------------------------------
version:   1.0
project:   Footprints
author:    Nancy Waters
date:      January 2009
-----------------------------------------------------------------------------*/


/* Misc typography

-----------------------------------------------------------------------------*/
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
	}
	 	
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	}
	
strong {
	font-weight: bold;
	}
	
/* keep superscript and subscript text from breaking the line-spacing */
sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
	}

/*  Links
-----------------------------------------------------------------------------*/
a {
	color:#666666;
	}

a:hover {
	color:#000000;
	text-decoration: none;
	}
	
body a{
cursor: pointer;
}

/*  General

-----------------------------------------------------------------------------*/


body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
	text-align: center;
	background-color:#ebedea;
	background-image:url(../images/bkblend.jpg);
	background-repeat:repeat-x;       
	}
	
/*  special ie fixes -- fixes larger ie font display*/

	body #ie7andup {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:80%;
    line-height:1.125em; /* 16×1.125=18 */
}
 
	body #ie6only  {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
}
 

/* base container sets width, centers, holds background image for content  */
#container {
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	text-align: left;
	background-color:#fff;
	background-image:url(../images/container_bkgnd.jpg);
	background-repeat:repeat-y;
	}
 

/* banner area

-----------------------------------------------------------------------------*/


/* contains banner area provides base for relative position  */ 
#head-wrapper {
	position:relative;
	top:0;
	left:0;
	width:912px;
	height:90px;
	background-image:url(../images/bkbanner.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	
	}

/* shifts content left to position inside 8px drop shadow, holds bkgrnd blend  */ 
div#head-inner {
	position:absolute;
	top:0;
	left:7px;
	width:898px; 
	height:90px;       
	}
	
/* places detail image pattern at top left and right of content  */ 	
#pattern-left {
	position:absolute;
	top:0;
	left:-65px;/* blend 8px wide 73-8=65 width -1px solves pc firefox bug  -----*/
	background-image:url(../images/bkpattern-left.jpg);
	background-repeat:no-repeat;
	
	width:73px;
	height:364px;
}


#pattern-right {
	position:absolute;
	top:0;
	right:-65px;
	background-image:url(../images/bkpattern-right.jpg);
	background-repeat:no-repeat;
	width:73px;
	height:364px;
}

/* not used - blue stripe at top 
#top-wrapper {
	position:relative;
	top:0;
	left:0px;
	width:912px;
	height:59px;
	xbackground-color:green;
	
	} */ 


/* top nav wrap -- contains search, would hold top nav items if needed  -------*/

#t-nav-wrap {
	display:block;
	margin-top:0;
	margin-right:0;
	
	}
	
#t-nav-inner {
	float:right;
	margin:30px 30px 0 0;
	}

#t-nav-inner a  {
	background-image:url(../images/bk-tnav.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	font-size: 0.75em;
	line-height:1.2em;
	text-decoration:none;	
	color:#999999;
	}
 
#t-nav-inner a:hover {
	background-image:url(../images/bk-tnav-over.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-decoration:underline;
	color: #333;
	}
	

       
div#search-wrap {
	float:right;
}


h1#btfri-logo {
	position:absolute;
	top:34px;
	left: 8px;
	width:582px;
	height:40px;
	
	overflow:hidden;
	}
 
 
h1#btfri-logo, h1#btfri-logo span {
	width:582px;
	height:40px;
	background-image:url(../images/btfri-logo.jpg);
	font-size:1em;
	
	}
 
h1#btfri-logo span {
	display: block;
	position:relative;
	z-index: 1;
	margin-bottom:-40px;
	}
	
h1#btfri-logo a {
font-size:0.9em;;
	color:#ccc;
	text-decoration:none !important;
	}
	
h2#request {
	position:absolute;
	width:221px;
	height:84px;
	right: -12px;
	top: 79px;
	overflow:hidden;
	
	}
 
a#apply-btn, a#apply-btn span {
	position:relative;
	width:221px;
	height:84px;
	background-image:url(../images/btn-enroll.jpg);
	font-size:1em;
	color:#ccc;
	text-decoration:none !important;

	}
 
a#apply-btn span {
	display: block;
	position:relative;
	z-index: 1;
	margin-bottom:-84px;
	}

a#apply-btn { overflow:hidden; }   

a:hover#apply-btn, a:hover#apply-btn span {
	background-position:-221px top;
	}



/* contains middle section  */ 
#middle-wrap {
	/*xposition:relative;*/
	top:0;
	left:0px;
	width:912px;
	
	background-image:url(../images/bkmiddle.jpg);
	background-repeat:no-repeat;
	
}

div#navwrapper	{
	display:block;
	position:relative;
	width:552px;
	height:95px;
	background-image:url(../images/bknav.jpg);
	 background-repeat:no-repeat;
overflow:hidden;
}

#aboutpg div#navwrapper {
	background-image:url(../images/bknav-about.jpg);
}

#curriculumpg div#navwrapper {
	background-image:url(../images/bknav-curriculum.jpg);
}
#facultypg div#navwrapper {
	background-image:url(../images/bknav-faculty.jpg);
}

/* global nav -------

div#xnav-wrapper {
	position:absolute;
	top:147px;
	left:7px;
	width:937px;
	height:44px;
	background-image:url(/images/nav-wrap-bkgrnd.jpg);
	overflow:hidden;
	}*/
 
div#nav-wrapper a  {
	text-decoration:none !important;
	}
 
 
a#about, a#about span {
	float:left;
	width:141px;
	height:50px;
	margin-left:38px;
	background-image:url(../images/gn-about.jpg);
	background-position:left top;
	font-size:100%;
	text-decoration:none !important;
	}
 
a#about span {
	display: block;
	position:relative;
	margin-left:0;
	z-index: 10;
	margin-bottom:-50px;  
	}
	
a#about { overflow:hidden; }   

a:hover#about, a:hover#about span {
	background-position:-141px top;
	}
			
a#curriculum, a#curriculum span {
	float:left;
	width:141px;
	height:50px;
	margin-left:24px;
	background-image:url(../images/gn-curriculum.jpg);
	background-position:left top;
	font-size:100%;
	text-decoration:none !important;
	}
 
 
a#curriculum span {
	display: block;
	position:relative;
	margin-left:0;
	z-index: 1;
	margin-bottom:-50px;  
	}
	
a#curriculum {overflow:hidden;}   

a:hover#curriculum, a:hover#curriculum span {
	background-position:-141px top;
	}
			
			
			
a#faculty, a#faculty span {
	float:left;
	width:141px;
	height:50px;
	margin-left:22px;
	background-image:url(../images/gn-faculty.jpg);
	background-position:left top;
	font-size:100%;
	text-decoration:none !important;
	}
 
 
a#faculty span {
	display: block;
	position:relative;
	margin-left:0;
	z-index: 1;
	margin-bottom:-50px; 
	}
	
a#faculty {overflow:hidden;}   

a:hover#faculty, a:hover#faculty span {
	background-position:-141px top;
	}
			
			 



/*  PAGE and SECTION -- content
-----------------------------------------------------------------------------*/ 

/* contains content section, floats left  */ 
div#content-wrapper {
    float:left;
	width:584px; 
	
	 
	 margin-top:68px;
	}

/* full width   -------*/
div#content-wrapper-nsb {
    float:left;
	width:912px; 
	xbackground-color:#FF6666;
	 
	 margin-top:68px;
	}

 
/* use class of clearfix to wrap around floated content  -------*/

/* sets base margins  */ 
div#content-inner {
	margin:0px 0px 0px 32px;
	background-image:url(../images/bkcontent.jpg);
	background-repeat:repeat-y;
	}

div#content-wrapper-nsb div#content-inner {
	margin:0px 32px 0px 32px;
	xbackground-image:url(../images/bkcontent.jpg);
	background-repeat:repeat-y;
	}
	 
/* content main with no side bar takes up the whole width 661
div#content-main-nsb {
	float:left;
	width:661px;
	color: #333333;
	font-size: 0.85em;
	line-height: 1.125em;
	line-height:1.2em;
	}*/
div#content-main-wrap {
	xbackground-color:#66CC66;
	padding:14px 38px 0px 38px;
	background-image:url(../images/bkcontent-shadow.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	
}
	
/* content main sized to use with 175px sidebar */
div#content-main {
	float:left;
	width:471px;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.25em;
	}
	
div#content-wrapper-nsb div#content-main {
	float:left;
	width:848px;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.25em;
	}
	
div#content-main p {
	margin-bottom:1em;
	}
	
div#content-main p.list-leadin	 {
	margin-bottom:0.2em;
	}	
	
div#content-foot {
display:block;
width:552px;
height:50px;
background-image:url(../images/bkcontent-foot.jpg);
background-repeat:no-repeat;

}
	
/*  sets wider margin for home page welcome 
div#welcome-wrap {
	margin:35px 35px 0 35px;}
	
div#contact-wrap {
	margin:5px 35px 0 30px;}*/	
	
/*  main section head*/	
#content-inner h3 {
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight:normal;
	color:#666;
	padding:0 0 0.6em 0;
	letter-spacing: 0.03em;
	}
	
h3#h3-home, h3#h3-home span {
	width:381px;
	height:25px;
	margin-bottom:0.6em;
	
	background:url(../images/h3-btfri.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#h3-home span {
	display:block;
	position:relative;
	z-index: 1;
	} 
	
h3#h3-about, h3#h3-about span {
	width:381px;
	height:25px;
	margin-bottom:0.6em;
	
	background:url(../images/h3-about.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#h3-about span {
	display:block;
	position:relative;
	z-index: 1;
	} 
	
h3#h3-curriculum, h3#h3-curriculum span {
	width:381px;
	height:25px;
	margin-bottom:0.6em;
	
	background:url(../images/h3-curriculum.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#h3-curriculum span {
	display:block;
	position:relative;
	z-index: 1;
	} 
	
h3#h3-faculty, h3#h3-faculty span {
	width:381px;
	height:25px;
	margin-bottom:0.6em;
	
	background:url(../images/h3-faculty.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#h3-faculty span {
	display:block;
	position:relative;
	z-index: 1;
	} 
	
h3#h3-welcome, h3#h3-welcome span {
	width:381px;
	height:25px;
	margin-bottom:0.6em;
	
	background:url(../images/h3-welcome.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#h3-welcome span {
	display:block;
	position:relative;
	z-index: 1;
	} 

	
p.leadin {
	font-size: 1.1em;
	color: #666;
	margin-bottom:0.6em;

}	
p.breadcrumb {
	font-size: 0.7em;
	line-height: 1.1em;
	color: #666;
	padding-bottom: 0.6em;
	
	}

#content-inner h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight:bold;
	
	color:#bda382;
	padding:1em 0 0.5em 0;
	
	}	
#content-inner h4.tophead {
	padding:0 0 0.5em 0;
	}
	

/* sets conent links to blue, hover darker blue  */	
div#content-inner a {
	color:#6087af;
	}
	
div#content-inner a:hover {
	color:#004b98;
	}


/*  PAGE and SECTION -sidebar
-----------------------------------------------------------------------------*/  

/* used with content main of 471px */
div#sidebar-wrap {
	float:right;
	width:306px; /*  278+28 */
	
	margin-top:118px;
	background-image:url(../images/bk-side-stretch.jpg);
	background-repeat:repeat-y;
	}
	
div#sidebar-inner {
	margin:0 28px 0 0;
	padding:31px 35px 20px 35px;
	xbackground-color:#FF6666;
	background-image:url(../images/bk-side-top.jpg);
	background-repeat:no-repeat;	
	
}

#aboutpg div#sidebar-inner, #curriculumpg div#sidebar-inner, #facultypg div#sidebar-inner, #welcomepg div#sidebar-inner{
	background-image:url(../images/bk-side-topv2.jpg);
	
	}
	
.content-sidebar {
	font-size: 0.85em;
	font-size: 0.8em;
	line-height:1.3em;
	color: #666;
	
	}


h3#welcome, h3#welcome span {
	width:107px;
	height:20px;
	margin-bottom:3em;
	background-image:url(../images/welcome.gif);
	font-size:100%;
	overflow:hidden;
	background-repeat: no-repeat;
	}

h3#welcome span {
	display:block;
	position:relative;
	z-index: 1;
	} 
		
.xcontent-sidebar h3{
	margin:0 0 1.5em 0;
	font-size: 1.5em;
	line-height:1.3em;
	color: #666;
	
	}
	
.content-sidebar p{
	margin:0 0 1.2em 0;
	
	
	}
	

.content-sidebar p.name{
	margin:0 0 0 25px;
	
	
	}
	
/* sets conent links to blue, hover darker blue  */	
.content-sidebar a {
	color:#6087af;
	}
	
.content-sidebar a:hover {
	color:#004b98;
	}
	
	
	
div.callout-box {
	display:block;
	
}

.callout-inside {
	margin:10px 10px 0 10px;
}

.callout-box p {
	font-size: 1em;
	line-height:1.3em;
	color: #666;
	padding:0 7px 5px 15px;
	}
	
.callout-box strong.gold {
	color:#d3a633;
	font-size:1.3em;
	line-height:1.3em;
	}
	

	
.callout-box img {
	display:block;
	}

	

/* widths need to be set to contain text  */

.width175 {
	display: block;
	width: 175px;
}

.bk175 {
	background-image:url(../images/175bkblend-phone.jpg);
	background-repeat:repeat-y;

}

.width556 {
	display: block;
	width: 556px;
}

.bk556 {
	background-image:url(../images/horiz-bkblend.jpg);
	background-repeat:repeat-y;
}

.width119 {
	display: block;
	width: 119px;
}
/* Footer
-----------------------------------------------------------------------------*/

div#foot-wrapper {
	width:912px;
	
	clear:both;
	display: block;
	
	}
 
div#foot-wrapper img {
	display:block;
	}
	
div#foot-inner {
	padding: 12px 32px 28px 32px;
	background-image:url(../images/bk-foot.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
	}
	

	
div#foot-inner p {
	
	font-size: 0.8em;
	color: #e1e1e1;
	}
	
div#foot-inner p.foot-right {
	display: block;
	float: right;
	font-size: 0.9em;
	font-weight:bold;
	color: #e1e1e1;
	}
	
p.foot-right strong {
	margin-left:3em;
	font-size: 1.25em;
	color: #e1e1e1;
	}
 
/*div#foot-copyright{
	display: block;
	font-size:0.7em;
	padding: 0px 26px 30px 26px;
	xbackground-color:#e6e6d5;
	}*/
			
div#foot-inner p.foot-right a {
	color: #e1e1e1;
	text-decoration:none;
	}

div#foot-inner p.foot-right a:hover {
	color:white;
	text-decoration:underline;
	}
	



/*  Misc 1 plain block floats
-----------------------------------------------------------------------------*/
.block-right {
	display: block;
	float: right;
	}

.block-left {
	display: block;
	float: left;
	}

/* adds margins to wrap text */
.img-right {
	display: block;
	float: right;
	margin:5px 0 12px 20px;
	}

.img-left {
	display: block;
	float: left;
	margin:0 20px 12px 0;
	}
	
/*  setting photos and captions  ---------------------*/
	
		




	
/* for caption, credit, links that go with nobox pix */	
p.caption, span.caption {
	margin-top:5px;
	font-size: 0.9em;
	line-height:1.2em;
	color: #666;
	}
	

p.credit, span.credit {
	text-align: right;
	font-size: 0.65em;
	line-height:1.2em;
	color: #666666;
	text-transform: uppercase;
	}
	
/* Buttons
------------------------------------------------------------------------------*/

a.open-btn {
	display:block;
	width:109px;
	height:26px;
	background-image:url(../images/btn-openrequest.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:100%;
	text-decoration:none !important;

	}
	
a.open-btn:hover {
	background-position:-109px top;
	
	}
 
 a.open-btn2 {
	display:block;
	width:121px;
	height:21px;
	background-image:url(../images/btn-openrequest2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:100%;
	text-decoration:none !important;

	}
	
a.open-btn2:hover {
	background-position:-121px top;
	
	}



	
/*  Lists
-----------------------------------------------------------------------------*/

ol,ul,dl {
	margin-left:0em;
}
ol li {
	list-style: decimal outside;
	
}


dl dd {
	margin-left:1em;
}

#content-main ul {
	width:430px;
	margin:0 20px;
	margin:0 0;
	margin-bottom: 1em;
	padding-top:.4em;
	padding-bottom:0em;
	
	
	
	color:#444;
	
	}


#content-main ul li {
	list-style:none;
	background-image:url(../images/bullet-red-jpg);
	background-image:url(../images/bullet-red.jpg);
	background-repeat:no-repeat;
	background-position:0 .2em ; 
	
	margin-bottom: 0;
	padding-left:1.3em;
	padding-bottom:0.6em;
}	

ul.quote {
	margin:11px 0 0 0;	
	font-size:1.1em;
	line-height:1.25em;
	color:#999;
	}


ul.quote li {
	list-style:none;
	background-image:url(../images/bullet-quote.gif);
	background-repeat:no-repeat;
	background-position:0 0 ; 
	padding-top:8px;
	margin-bottom: 0;
	padding-left:17px;
	
}	

ul.quote .endquote {
	position:relative;
	top:0.3em;
	font-size:1.9em;
	font-weight:bold;
	
	color:#bda382;
}



/*
based on P.I.E. plus FLOAT CLEARING
See http://blue-anvil.com/archives/experiments-with-floats-whats-the-best-method-of-clearance
--------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#ie6only .clearfix {
	display: inline-block;
	}

#ie7andup .clearfix {
	display: inline-block;
	}


/*  left nav  
-----------------------------------------------------------------------------*/

/* contains and floats left nav   
div#nav-wrapper {
        float:left;
        width:242px;
}
 
div.nav-inside {
        margin: 15px 0 0 8px;
           
}*/ 

/* holds bkground detail behind nav list 
ul.nav-list {
	padding:0 0 15px 7px;
	font-size:0.74em;
	background-image:url(../images/bknav.jpg);
	background-repeat:no-repeat;
		         
}
 
ul.nav-list li {
	list-style:none;
	margin:0 0 0 0;
	 border-left:1px solid #fff; 
	
            }
           
ul.nav-list a {
	display:block;
	padding:0.3em 0 0.2em 15px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #fff;
	background-color:#f0f0e6;
	      
	background-image:url(../images/bknav-item.jpg);
	background-repeat:repeat-x;
	
                       
}
 
ul.nav-list a:hover {
	color:#004993;
	background-image:url(../images/bknav-item-over.jpg);
	background-repeat:repeat-y;
	
} */  

/* adjusts for ie6 bug putting xtra space after item 
body #ie6only ul.nav-list a {
	padding:0.3em 0 0.2em 15px;
	display:inline-block;
	width:200px;
                       
}

ul li.navlabel {
	padding:0.6em 0 0 5px;
	font-size:0.8em;
	color:#666;
	text-transform:uppercase;

}*/