/*********************************************************************************************** 

	Section 0 - CSS reset 
				
	Section 1 - General
	
	Section 2 - Header
	
	Section 3 - Main body content
	
				3.1    Subhead 
				3.2    Left column 
				3.3    Holder 
				3.3.1  Feature 
				3.3.2  Right column 
				3.3.3  Slideshow launcher 
				3.3.4  "Are You Applying?" box 
				3.3.5  Gateway page styles 
				3.3.6  Faculty Bio page styles
	
	Section 4 - Homepage
	
	Section 6 - Footer
	
	Section 5 - Slideshow
		
	Section 6 - Tooltips
							
**********************************************************************************************/

/* Section 0 - CSS reset 
----------------------------------------------------------------------------------------------- 
   The CSS reset strips the default styles of all elements in the document to make them 
   "plain", so we can set them without having to override existing values. This CSS reset was
   created by CSS guru Eric Meyer.
============================================================================================ */ 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Form Builder */
.form-wider-field
{
	width:600px;
}

/* Section 1 - General 
----------------------------------------------------------------------------------------------- 
   These will be the default styles we create for our pages, including the outer container 
   which holds everything on the page.
============================================================================================ */ 

body {
	background-color: #2e0000;
	/* Adjusted print margins per Case # 00018800 IGX 20120731
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; */
	margin-left: 25mm;
	margin-top: 25mm;
	margin-right: 25mm;
	margin-bottom: 25mm;	
	font-family: Arial, Helvetica, sans-serif;
	color:#404040;
	/* ADDED FONT SIZE ATTRIBUTE */
	font-size: 75%;
	height:100%;
}

a {
	color: #a10303;
}

a.newwindow {
	background:transparent left 1px no-repeat url(../images/icon_newwindow.gif);
	padding-left: 18px;
}

span.fauxlink {
	color: #000;
	font-weight: bold;
}

#ssmenu span.fauxlink {
	color: #b8ba8a;
}

/* remove style 

a:hover {
	color: #e7ad59;
}

*/


.clear {
	clear:both;
	font-size: 0px;
	height:0px;
}

.bold {
	font-weight: bold;
}

#container {
	background:#6a0000 left 112px repeat-x url(../images/bkgd_bar.gif);
}

.bluetrans {
	background-color: #88a7c4;
	opacity:.68;  
    filter: alpha(opacity=68);  
    -moz-opacity: 0.68;  
}

.redtrans {
	background-color: #6a0000;
	opacity:.92;  
    filter: alpha(opacity=92);  
    -moz-opacity: 0.92;  
}

/* Section 2 - Header 
----------------------------------------------------------------------------------------------- 
   These styles cover everything from the top of the page to the main navigation bar.
============================================================================================ */ 

#header {
	height:146px;
	margin:0 auto;
	padding:0;
	width:950px;
	position: relative;
}

#header h1 {
	position: absolute;
	width:386px;
	height:27px;
	left:0;
	top:70px;
}

#header h1 a {
	display: block;
	width:386px;
	height:27px;
	font-size: 1px;
	text-indent: -10000px;
	background: transparent no-repeat top left url(../images/title_trinity.gif);
}

#header .deadline {
	position:absolute;
	color:#fff;
	right:0;
	top:55px;
	font-weight: bold;
	font-size: /*11px*/ 1em;
	background-color:#454b2d;
	padding:8px;
}

#header .deadline a {
	color: #e7ad59;
}

#header .headnav {
	position:absolute;
	right:0;
	top:13px;
	font-weight: bold;
	background-color:#838d58;
}

#header .headnav p {
	width:112px;
	height:12px;
	font-size: 1px;
	text-indent: -10000px;
	background: transparent no-repeat top left url(../images/text_infofor.gif);
	margin:7px 0 0 7px;
}

/* -------------------------------------------------------------------------------------------- 
		All of the top menus (in the green bars and the red main navigation bar) are 
		sprite-based, meaning that instead of slicing the menu ../images into several pieces
		and swapping them with javascript, each menu has only one background image that is
		moved into the proper place with CSS. This cuts loading time and removes the need 
		for javascript. 
		
		(For more on this technique, see http://www.alistapart.com/articles/sprites/)
-------------------------------------------------------------------------------------------- */
		#header .headnav ul {
			width: 484px; 
			height: 20px;
		    background: url(../images/bkgd_headnav.gif);
		    margin: 2px 0 2px 80px; padding: 0;
		    position: relative;
		}
		
		#header .headnav ul li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#header .headnav ul li, #header .headnav ul a {
		    height: 20px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#header .headnav ul li#currentstudents    {left:     0; width: 123px;}
		#header .headnav ul li#visitors           {left: 124px; width:  68px;}
		#header .headnav ul li#alumni             {left: 192px; width:  61px;}
		#header .headnav ul li#parentsandfamilies {left: 253px; width: 125px;}
		#header .headnav ul li#facultyandstaff    {left: 378px; width: 107px;}
		
		#header .headnav ul li#currentstudents a:hover    {background: transparent url(../images/bkgd_headnav.gif)    0   -20px no-repeat;}
		#header .headnav ul li#visitors a:hover           {background: transparent url(../images/bkgd_headnav.gif) -124px -20px no-repeat;}
		#header .headnav ul li#alumni a:hover             {background: transparent url(../images/bkgd_headnav.gif) -192px -20px no-repeat;}
		#header .headnav ul li#parentsandfamilies a:hover {background: transparent url(../images/bkgd_headnav.gif) -253px -20px no-repeat;}
		#header .headnav ul li#facultyandstaff a:hover    {background: transparent url(../images/bkgd_headnav.gif) -378px -20px no-repeat;}

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

#header .searchbar {
	position:absolute;
	right:5px;
	top:0;
	font-weight: bold;
	background-color:#454b2d;
	padding: 4px;
}

input.search {
	font-family: Arial, Helvetica, sans-serif;
	color:#aeaeae;
	font-size:/*12px*/1em;
}

#header .searchbar input.btn {
	margin-top:1px;
}

/* ---------------------------------------------------------------------------------------------
		Another sprite-based menu
--------------------------------------------------------------------------------------------- */
		#header .searchbar ul {
			width: 212px; height: 20px;
		    background: url(../images/bkgd_searchnav.gif);
		    margin: 0 5px; padding: 0;
		    position: relative;
		    float:left;
			display:inline;
		}
		
		#header .searchbar ul li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#header .searchbar ul li, #header .searchbar ul a {
		    height: 20px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#header .searchbar ul li#contactus  {left:     0; width: 80px;}
		#header .searchbar ul li#apply      {left:  81px; width: 52px;}
		#header .searchbar ul li#tigerslair {left: 134px; width: 80px;}
		
		#header .searchbar ul li#contactus a:hover  {background: transparent url(../images/bkgd_searchnav.gif)    0   -20px no-repeat;}
		#header .searchbar ul li#apply a:hover      {background: transparent url(../images/bkgd_searchnav.gif)  -81px -20px no-repeat;}
		#header .searchbar ul li#tigerslair a:hover {background: transparent url(../images/bkgd_searchnav.gif) -134px -20px no-repeat;}

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

#header #mainnav {
	position:absolute;
	left:0;
	top:112px;
}

/* ---------------------------------------------------------------------------------------------
		The main top menu, also sprite-based
--------------------------------------------------------------------------------------------- */
		#header #mainnav ul {
			width: 951px; 
			height: 33px;
		    background: url(../images/bkgd_mainnav.gif);
		    margin: 0; padding: 0;
		    position: relative;
		}
		
		#header #mainnav ul li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#header #mainnav ul li, #header #mainnav ul a {
		    height: 33px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#header #mainnav ul li#aboutus                   {left:     0; width:  83px;}
		#header #mainnav ul li#academics                 {left:  84px; width:  93px;}
		#header #mainnav ul li#aboutourfaculty           {left: 177px; width: 142px;}
		#header #mainnav ul li#admissionsandfinancialaid {left: 319px; width: 193px;}
		#header #mainnav ul li#studentlife               {left: 512px; width: 107px;}
		#header #mainnav ul li#supporttrinity            {left: 619px; width: 127px;}
		#header #mainnav ul li#athletics                 {left: 746px; width:  88px;}
		#header #mainnav ul li#newsandevents             {left: 834px; width: 118px;}
		
		#header #mainnav ul li#aboutus a:hover,
		#header #mainnav ul li#aboutus.selected a                   {background: transparent url(../images/bkgd_mainnav.gif)    0   -33px no-repeat;}
		#header #mainnav ul li#academics a:hover,
		#header #mainnav ul li#academics.selected a                 {background: transparent url(../images/bkgd_mainnav.gif)  -84px -33px no-repeat;}
		#header #mainnav ul li#aboutourfaculty a:hover,
		#header #mainnav ul li#aboutourfaculty.selected a           {background: transparent url(../images/bkgd_mainnav.gif) -177px -33px no-repeat;}
		#header #mainnav ul li#admissionsandfinancialaid a:hover,
		#header #mainnav ul li#admissionsandfinancialaid.selected a {background: transparent url(../images/bkgd_mainnav.gif) -319px -33px no-repeat;}
		#header #mainnav ul li#studentlife a:hover,
		#header #mainnav ul li#studentlife.selected a				{background: transparent url(../images/bkgd_mainnav.gif) -512px -33px no-repeat;}
		#header #mainnav ul li#supporttrinity a:hover,
		#header #mainnav ul li#supporttrinity.selected a            {background: transparent url(../images/bkgd_mainnav.gif) -619px -33px no-repeat;}
		#header #mainnav ul li#athletics a:hover, 
		#header #mainnav ul li#athletics.selected a                 {background: transparent url(../images/bkgd_mainnav.gif) -746px -33px no-repeat;}
		#header #mainnav ul li#newsandevents a:hover,
		#header #mainnav ul li#newsandevents.selected a             {background: transparent url(../images/bkgd_mainnav.gif) -834px -33px no-repeat;}

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



/* Section 3 - Content 
----------------------------------------------------------------------------------------------- 
   These styles cover everything from the bottom of the  main navigation bar to the top of 
   the footer.
============================================================================================ */ 

#content {
	font-size: /*12px*/ 1.0em;
	margin:0 auto;
	width:950px;
	background:transparent top left repeat-y url(../images/bkgd_content.gif);
	position:relative;
	clear: both;
}


.admissionshome {  /* This makes room for the part of the big homepage image that shows */
	padding-top: 300px;
}

.admissionshomehero {  /* The big image on the Admissions home page goes in this div */
	position:absolute;
	left:-138px;
	top:0;
	width:1225px;
	height:515px;
}

.admissionsprimary {  /* This makes room for the part of the big homepage image that shows */
	padding-top: 220px;
}

.admissionsprimaryhero {  /* The big image on the Admissions home page goes in this div */
	position:absolute;
	left:-138px;
	top:0;
	width:1225px;
	height:327px;
}


.admissionssecondary {  /* This makes room for the part of the big homepage image that shows */
	padding-top: 223px;
}

.admissionssecondaryhero {  /* The big image on the Admissions home page goes in this div */
	position:absolute;
	left:-138px;
	top:0;
	width:1225px;
	height:245px;
}

/*  3.1 - Subhead
----------------------------------------------------------------------------------------------- 
	The Subhead contains the breadcrumb trail the page title and quote (if any).	
-------------------------------------------------------------------------------------------- */

#content .subhead {
	border-bottom:solid 1px #330000;
	position: relative;
}

#content .subhead p.breadcrumb {
	border-bottom:solid 1px #330000;
	text-transform: uppercase;
	color:#818181;
	font-size: /*10px*/.8em;;
	padding: /*7px 16px*/ 7px 16px 5px;
	background-color:#fff
}

#content .subhead .pagetitle {
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	padding: /*16px*/ 16px 16px 14px 16px;
	background-color:#330000;
	position: relative;
}

#content .subhead .pagetitle h2 {
	font-size: /*22px*/ 2.0em;
	color:#e7ad59;
	font-weight: /*bold*/normal;
	/* added width, line-height */
	width: 280px;
	line-height: 1.2em;
}

#content .subhead .pagetitle p.quote {
	position:absolute;
	right:/*16px*/ 8px;
	top:20px;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: /*17px*/ 1.3em;
	/* added letter-spacing, width, line-height, text-align, bottom */
	letter-spacing: .03em;
	/*width: 600px;*/
	line-height: 1.3em;
	/*text-align: right;
	bottom: 16px;*/

}

#content .subhead .pagetitle .searchnews {
	position:absolute;
	right:/*16px*/ 8px;
	top:18px;
}

#content .admissionssubhead {
	position: relative;
}

#content .admissionssubhead p.breadcrumb {
	text-transform: uppercase;
	color:#818181;
	font-size: /*10px*/.8em;;
	padding: /*7px 16px*/ /*7px 16px 5px*/ 7px 16px 5px 10px;
	background-color:#e3ddce;
	margin-left:98px;
}


#content .admissionspagetitle {
	background-color: #fff;
	width: 677px;
	height: 55px;
	font-weight: bold;
	color:#330000;
	font-size: 24px;
	position: relative;
	float: left;
	padding: 30px 0 0 18px;
}

#content .admissionspagetitle .headline_couldTrinity {
	position: relative;
	font-size: 1px;
	text-indent: -10000px;
	width: 481px;
	height: 27px;
	background: transparent top left no-repeat url(../images/headline_couldTrinity.gif);
}


/*  3.2 - Left column
----------------------------------------------------------------------------------------------- 
	The Left column contains the left navigation, Faculty Profile and Contact Department.	
-------------------------------------------------------------------------------------------- */

#content #leftcolumn {
	width:220px;
	float:left;
	position: relative;
}

#content #leftcolumn .leftnav {
	background-color:#e7ad59;
	padding: 32px 0;
}

#content #leftcolumn .leftnav li {
	margin-top: -3px;
	zoom:1;
}

*+html #content #leftcolumn .leftnav li {
	margin-top: -3px;
}

#content #leftcolumn .leftnav ul {
	margin:0;
	padding:0;
	border-top: dotted 1px #404040;
	zoom:1;
}

*+html #content #leftcolumn .leftnav ul {
	padding-top: 3px;
}


*html #content #leftcolumn .leftnav ul li a {
	height:16px;
}

#content #leftcolumn .leftnav ul li a {
	display:block;
	padding: 10px /*0*/ 18px /*10px*/ 8px 18px;
	text-decoration: none;
	color: #404040;
	border-bottom: dotted 1px #404040;
		/* added line-height */
	line-height: 1.3em;
}

#content #leftcolumn .leftnav ul li a:hover, #content #leftcolumn .leftnav ul li.selected a {
	color:#fff;
	/* LH: changed background color */
	background-color:/*#d1751f*/ #53110c;
}

#content #leftcolumn .leftnav ul li ul.subnav {
	border-top:none;
	border-bottom: dotted 1px #404040;
	padding:5px 0;
	background-color:#f0cb95;
}

#content #leftcolumn .leftnav ul li ul.subnav li a {
	display:block;
	padding: 5px /*0*/ 18px 5px 36px;
	font-size: /*11px*/ 1em;
	text-decoration: none;
	border: none;
	/* added line-height */
	line-height: 1.3em;
	color: #404040;
	background-color:#f0cb95;
}

#content #leftcolumn .leftnav ul li ul.subnav li a:hover {
	color: #404040;
	text-decoration: underline;
	background-color:#f0cb95;
}

*html #content #leftcolumn .leftnav ul li a {
	height:8px;
}

/*------------------------------------------------------------------------*/
#content #leftcolumn .newsnav {
	background-color:#e7ad59;
	/*LH: modified padding */
	padding: /*25px 5px 5px 17px*/ 25px 12px 0px 17px;
	zoom:1;
}

#content #leftcolumn .newsnav h3 {
	display:none;
}

#content #leftcolumn .newsnav ul {
	margin:0;
	/* LH: modified padding */ 
	padding:/*17px 0 22px 0*/ 20px 0 20px 0;
	background: transparent top left no-repeat;
	zoom:1;
}

#content #leftcolumn .newsnav ul.campusnews { background-image: url(../images/bkgd_campusnews.gif); }
#content #leftcolumn .newsnav ul.forthemedia { background-image: url(../images/bkgd_forthemedia.gif); }
#content #leftcolumn .newsnav ul.publications { background-image: url(../images/bkgd_publications.gif); }
#content #leftcolumn .newsnav ul.forourcommunity { background-image: url(../images/bkgd_forourcommunity.gif); }

#content #leftcolumn .newsnav li {
	font-size: 1em;
	/* LH: added padding */
	padding-bottom: .5em;
	zoom:1;
}

/**html #content #leftcolumn .newsnav ul li a {
	height:16px;
}*/

#content #leftcolumn .newsnav ul li a {
	display:block;
	text-decoration: none;
	color: #404040;
	/* LH: changed line-height */
	line-height: /*1.7em*/ 1.5em;
}

#content #leftcolumn .newsnav ul li a:hover {
	text-decoration: underline;
}

/**html #content #leftcolumn .newsnav ul li a {
	height:8px;
}*/
/*------------------------------------------------------------------------*/


#content #leftcolumn .facultyprofile {
	margin-top:65px;
	padding: 0 18px;
	line-height: 150%;
}

#content #leftcolumn .facultyprofile h3 {
	background: transparent top left no-repeat url(../images/text_facultyprofile.gif);
	height:11px;
	width:88px;
	font-size: 1px;
	text-indent:-10000px;
}

#content #leftcolumn .facultyprofile img {
	margin: 12px 0;
	border:solid 4px #bcc2a3;
}

#content #leftcolumn .facultyprofile p.title {
	color:#454b2d;
	font-size: /*14px*/ 1.2em;
	/* text-decoration: underline; */
	text-decoration: none;
	padding-bottom:6px;
	/* LH: changed line-height */
	line-height: /*1.3em*/1.5em;
}

#content #leftcolumn .wheredoi {
	background-color: #133248;
	/* LH: modified padding */
	padding: /*24px 16px*/ 18px;
	color: #e3ddce;
	position: relative;
	line-height: 1.75em;
}

#content #leftcolumn .wheredoi h2 {
	font-size: 1.2em;
	/* LH: added font-weight and margin-bottom*/
	font-weight: normal;
	margin-bottom: 3px;
}

#content #leftcolumn .wheredoi li {
	font-size: /*.75em*/ 1.0em;
	list-style: disc;
	/* LH: added line-height and padding-bottom */
	line-height: 1.5em;
	padding-bottom: .5em;
	/* LH: modified margin-left to align bullets w/ header above it */
	margin-left: /*15px*/ 12px;
}

#content #leftcolumn .wheredoi a {
	text-decoration: underline;
	color: #fff;
	/* LH: removed font-weight*/
	/*font-weight: bold;*/
}

#content #leftcolumn .wheredoi a:hover {
	color:#e7ad59;
}

#content #leftcolumn .contactdepartment {
	margin-top:33px;
	padding: 0 18px;
	line-height: 150%;
	font-size: .9em;
}

#content #leftcolumn .contactdepartment h3 {
	background: transparent top left no-repeat url(../images/text_contactdepartment.gif);
	height:22px;
	width:139px;
	font-size: 1px;
	text-indent:-10000px;
}


/*  3.3 - Holder
----------------------------------------------------------------------------------------------- 
	The Holder contains everything to the right of the Left Column, including the photo or
	quote above the page text, items in the right column, and the "Are You Applying?" box.	
-------------------------------------------------------------------------------------------- */

#content .holder .mainphoto {
	background-color:#831511;
	width:730px;
	overflow: hidden;
}

#content .holder .mainphoto p {
	color:#fff;
	text-align: right;
	padding: /*10px*/ 8px 10px 7px 100px;
	font-size: 1.0em;
	/* added line-height */
	line-height: 1.5em;
}


#content .holder {
	float:left;
	width:730px;
	position: relative;
}

#content .holder .quote {
	background-color:#831511;
	margin:0;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: /*17px*/ 1.4em;
	/* added line-height and modified padding */
	line-height: 1.5em;
	/*padding:18px;*/
	padding: 16px 230px 14px 18px;
}


#content .holder .launchslideshow {
	float:right;
	margin-top:-95px;
	width:200px;
}

#content .holder .launchslideshow a {
	height:95px;
	width:200px;	
	display: block;
	font-size: 1px;
	text-indent: -10000px;
	background: transparent no-repeat top left url(../images/bkgd_btnSlideshow.png);
}

#content .holder .launchslideshow a:hover {
	background-position: left -95px;
}

#content .admissionsholder {
	float: left;
	background:transparent top right repeat-y url(../images/bkgd_admissionsholder.gif);
	position: relative;
}


/*  3.3.1 - Feature
----------------------------------------------------------------------------------------------- 
	The Feature contains the main text of the article.	
-------------------------------------------------------------------------------------------- */

#content .feature {
	padding:30px;
/*	line-height:165%;*/
	line-height:120%;  /* changed to 120% to reduce extra space between lines in body copy */
	float:left;
	font-size:/*14px*/ 1.2em;
	width:415px;
	background-color:#fff;
}

#content .department .feature {
	width:450px;
}

#content .wider { /* Because the right column on the secondary admissions page doesn't overlap into the white feature area, it needs to be wider. */
	width:460px;
	font-size: 1em;
}
	/* LH: removed .feature li from the following style */

#content .feature p, #content .feature blockquote {
	padding-bottom:24px;
}

	/* LH: new style -- this will make the space between list items smaller and will provide some extra space after the list */

#content .feature ul, #content .feature li {
	padding-bottom:12px;
}

#content .feature li {
	/* LH: modified margin-left */
	margin-left:/*15px*/ 35px;
	list-style: url(../images/bullet_gray.gif);
}

*html #content .feature li {
	/* LH: modified margin-left */
	margin-left:/*15px*/ 35px;
	list-style: url(../images/bullet_gray_ie.gif);
}

*+html #content .feature li {
	/* LH: modified margin-left */
	margin-left:/*15px*/ 35px;
	list-style: url(../images/bullet_gray_ie.gif);
}

#content .feature .hascallout {
	margin:30px 0 0 0;
	/*line-height:*//*150%*//*1.7em;*/
	line-height: 1.2em;
}

#content .feature .hascallout img {
	float:left;
	border:solid 1px ##c9c9c9;
	margin:3px 20px 0 0;
}

#content .feature .gradswho {
	font-size: /*12px*/ .8em;
	margin:30px 0 0 0;
	line-height:/*150%*/ 1.7em;
}

#content .feature .gradswho img {
	float:left;
	border:solid 1px ##c9c9c9;
	margin:3px 20px 0 0;
}

#content .admissionsholder .feature {
	padding-top: 0;
}


#content .feature blockquote {
	padding:0 0 24px 24px;
}

#content .feature blockquote p {
	margin: 0;
	padding: 0;
}

#content .feature .newsitem {
	padding-bottom: 40px;
}

#content .feature .newsitem h3 {
	font-weight: bold;
		/* LH: modified font-size */
	font-size: 	/*1.35em*/ 1.4em;
	padding-bottom: 15px;
}

#content .feature .newsitem h3 a {
	color: #404040;
}

#content .feature .newsitem p {
	padding-bottom: 10px;
	float: left;
	width: 325px;
}

#content .feature .noimage p {
	width: auto;
}

#content .feature .newsitem img {
	float: left;
}

#content .feature .newsitem .tags {
	background-color: #f1f2ee;
	text-align: right;
	font-size: .9em;
	clear: both;
	/* LH: added padding and color*/
	padding: 3px 5px;
	color: #818181;
}

#content .feature .newsitem .tags a {
	/* LH: Changed color */
	color: /*#404040*/ #818181;
}

#content .feature .featurecolumns,
#content .feature .featuredcourses,
#content .feature .player {
	border-top:double 4px #ccc;
	font-size: .8em;
	padding:18px 0 35px 0;
	/* LH:added top-margin */
	margin-top:15px;
	
}

#content .feature .featurecolumns li {
	list-style: none;
	margin-left: 0;
	line-height: /*135%*/ 1.5em;
}

#content .feature .featurecolumns a {
	color:#404040;
}

#content .feature .featurecolumns li.more {
	font-weight: bold;
	color:#99000c;
	font-size: /*.75em*/ .9em;
	text-transform: uppercase;
}

#content .feature .featurecolumns li.more a {
	color:#99000c;
}

#content .feature .featurecolumns div {
	float:left;
	/* LH: removed padding and modified width */
	/* padding-right:30px;*/
	width:195px;
}

/* LH: new style */
#content .feature .featurecolumns .departmentnews{
margin-right: 30px; 
}


#content .feature .featurecolumns .departmentnews h3 {
	background: transparent top left no-repeat url(../images/head_departmentnews.gif);
	height:12px;
	width:117px;
	font-size: 1px;
	text-indent:-10000px;
	padding-bottom:12px;
}

#content .feature .featurecolumns .departmentevents h3 {
	background: transparent top left no-repeat url(../images/head_departmentevents.gif);
	height:12px;
	width:126px;
	font-size: 1px;
	text-indent:-10000px;
	padding-bottom:12px;
}


#content .feature .featuredcourses {
	font-size: /*.85em*/ .8em;
}

#content .feature .featuredcourses li {
	list-style-image: none;
	list-style: none;
	margin-left: 0;
	line-height: /*135%*/ 1.5em;
}

#content .feature .featuredcourses a {
	color:#404040;
}

#content .feature .featuredcourses li.more {
	font-weight: bold;
	color:#99000c;
	font-size: /*.75em*/ .9em;
	text-transform: uppercase;
}

#content .feature .featuredcourses li.more a {
	color:#99000c;
}

#content .feature .featuredcourses h3 {
	background: transparent top left no-repeat url(../images/head_featuredcourses.gif);
	height:11px;
	width:102px;
	font-size: 1px;
	text-indent:-10000px;
	padding-bottom:12px;
}

#content .feature .subtext,
#content .feature .subtext h2 {
	font-size: .9em;
	line-height: 1.4em;
}

/*  3.3.2 - Right column
----------------------------------------------------------------------------------------------- 
	The Right column contains a photo and caption, and "Related Links".	
-------------------------------------------------------------------------------------------- */

#content .rightcolumn {
	float:left;
	width:255px;
}

#content .department .rightcolumn {
	/* LH: modified the width of the column so the text filled more of the column width; added padding-top so the content in this column aligns w/ the content in the white area to the left of the right column */
	width:/*215px*/ 195px;
	padding-top: 10px;
}

#content .rightcolumn .photo {
	display:none;
	padding: 60px 0 8px 0;
	background-color: #fff
}

#content .rightcolumn .photo p {
	margin: 0 0 15px /*77px*/ 54px;
	padding:0 /*0*/ 30px 0 9px;
	border-left:solid 1px #e7ad59;
	line-height: 150%;
	/* added font-size */
	font-size: .9em;
}

#content .rightcolumn .photo b {
	color: #2e0000;
}

#content .rightcolumn .photo img {
	border:solid 4px #e7ad59;
}

#content .rightcolumn .relatedlinks {
	/* shifted the content to the left so it matched the position on the admissions templates */
	padding:/*150px 0 60px 83px*/ 150px 0 60px 74px;
	/* LH: shifted the image to the left so it matched position on the admissions templates */
	background: transparent /*83px*/ 68px 71px no-repeat url(../images/bkgd_relatedlinks.gif);
	zoom:1;
}

#content .rightcolumn .relatedlinks h3 {
	background: transparent no-repeat url(../images/text_relatedlinks.gif);
	height:11px;
	width:76px;
	font-size: 1px;
	text-indent:-10000px;
}

#content .rightcolumn .relatedlinks ul {
	color:#fff;
	list-style: url(../images/bullet_white.png);
	margin:12px 15px;
	line-height:150%;
	font-weight:/*bold*/ normal;
}

/* new style */
#content .rightcolumn .relatedlinks ul li{
	margin-bottom: 7px;
}


#content .rightcolumn .relatedlinks a {
	color:#fff;
}

#content .rightcolumn .relatedlinks a:hover {
	color:#e7ad59;
}

#content .admissionsrightcolumn {
	float:right;
	width:255px;
	/* LH: added padding-bottom*/
	padding-bottom: 20px;
}



#content .departmentrelatedlinks {
	/* LH: modified padding and line-height*/
	padding:  /*0 10px 0 70px*/ 0 20px 0 74px;
	font-size: .9em;
	line-height: /*175%*/ 1.5em;
}

*html #content .departmentrelatedlinks {
	padding:  0 5px 0 5px;
	margin-left: 65px;
}

#content .departmentrelatedlinks ul {
	color: #660008;
	margin-bottom: 20px;
	/* LH: added margin-left to align bullets w/ header above it; added margin-top */
	margin-left: -3px;
	margin-top: 3px;
}

#content .departmentrelatedlinks ul li {
	list-style: disc;
	margin-left: 15px;
	/* LH: added color and removed text-indent */
	color: #404040;
	/*text-indent: -5px;*/
	padding-bottom: .4em;
}

*html #content .departmentrelatedlinks ul li {
	margin-left: 20px;
}

#content .departmentrelatedlinks ul li a {
	color: #99000c;
}

#content .departmentrelatedlinks h3.deptrelatedlinks {
	background: transparent top left no-repeat url(../images/admissions_relatedlinks.gif);
	height:89px;
	width:126px;
	font-size: 1px;
	text-indent:-10000px;
	/* LH: added margin attributes */
	margin-bottom: 10px;
	margin-left: -5px;
	padding:/*150px 0 60px 83px*/ 10px 0px 0px 0px;
}

#content .narrower { /* The right column on the secondary admissions page doesn't overlap into the white feature area, so it needs to be narrower. */
	width: 210px;
}

#content .admissionsrightcolumn .rightlinks {
	/* LH: modified padding and line-height*/
	padding:  /*0 10px 0 70px*/ 0 20px 0 74px;
	font-size: .9em;
	line-height: /*175%*/ 1.5em;
}

#content .narrower .rightlinks {
	padding:  0 20px 0 29px;
}

*html #content .admissionsrightcolumn .rightlinks {
	padding:  0 5px 0 5px;
	margin-left: 65px;
}

*html #content .narrower .rightlinks {
	margin-left: 20px;
}

#content .admissionsrightcolumn .rightlinks ul {
	color: #660008;
	margin-bottom: 20px;
	/* LH: added margin-left to align bullets w/ header above it; added margin-top */
	margin-left: -3px;
	margin-top: 3px;

}

#content .admissionsrightcolumn .rightlinks ul li {
	list-style: disc;
	margin-left: 15px;
	/* LH: added color and removed text-indent */
	color: #404040;
	/*text-indent: -5px;*/
	padding-bottom: .4em;

}

*html #content .admissionsrightcolumn .rightlinks ul li {
	margin-left: 20px;
}

#content .admissionsrightcolumn .rightlinks ul li a {
	color: #99000c;
}

#content .admissionsrightcolumn .trinityblogs {
	background: #838d58 top left repeat-x url(../images/bkgd_trinityblogs.gif);
	margin-left: 53px;
	/* LH: modified padding to align text w/ other content in right column */
	padding:  /*0 20px 40px 20px*/ 0 20px 40px 23px;
}

*html #content .admissionsrightcolumn .trinityblogs {
	padding:  0 0px 40px 20px;
}

#content .admissionsrightcolumn .trinityblogs .title {
	color: #fff;
	/* LH: modified font-weight */
	font-weight: /*bold*/ normal;
	font-size: 1.1 em;
}

#content .admissionsrightcolumn .trinityblogs p {
	line-height: 150%;
	color: #262919;
	font-size: 1.1 em;
	padding: 5px 0 5px 0;
}

#content .admissionsrightcolumn .trinityblogs a {
	color: #fff;
}

#content .admissionsrightcolumn .trinityblogs .readmore {
	color: #fff;
}

#content .admissionsrightcolumn .trinityblogs .readmore a {
	font-weight: bold;
}

#content .admissionsrightcolumn img.comfortzones {
	padding: 20px 0;
	/* LH: added margin attribute */
	margin-bottom: 25px;
	
}

#content .admissionsrightcolumn h3.relatedlinks {
	background: transparent top left no-repeat url(../images/admissions_relatedlinks.gif);
	height:89px;
	width:126px;
	font-size: 1px;
	text-indent:-10000px;
	/* LH: added margin attributes */
	margin-bottom: 10px;
	margin-left: -5px;
}

#content .admissionsrightcolumn .highlight {
	font-weight: bold;
	color: #a10303;
}

#content .admissionsrightcolumn .financialaidquickinfo {
	/* LH: modified the left position of the GIF and modified the padding */
	background:  #c7bfaa /*20px*/ 22px 20px no-repeat url(../images/bkgd_financialaidquickinfo-edited.gif);
	padding:  /*75px 10px 8px 20px*/ 75px 20px 8px 20px;
	font-size: .9em;
	line-height: 150%;
	margin: 0 0 50px 53px;
	zoom:1;
}

#content .narrower .financialaidquickinfo {
	margin: 0 0 50px 8px;
}

*html #content .admissionsrightcolumn .financialaidquickinfo {
	position: relative;
}

#content .admissionsrightcolumn .financialaidquickinfo h3 {
	display: none;
}

#content .admissionsrightcolumn .financialaidquickinfo p {
	margin-bottom: 12px;
}


#content .rightcolumn .facultyprofile {
	/* LH: modified padding to align content w/ footer link list */ 
	padding: /*25px 18px 25px 41px*/ 25px 18px 25px 39px;
	line-height: 150%;
	font-size: .9em;
}

#content .rightcolumn .facultyprofile h3 {
	background: transparent top left no-repeat url(../images/text_facultyprofile.gif);
	height:11px;
	width:88px;
	font-size: 1px;
	text-indent:-10000px;
}

#content .rightcolumn .facultyprofile img {
	margin: 12px 0;
	border:solid 4px #bcc2a3;
}

#content .rightcolumn .facultyprofile p.title {
	color:#454b2d;
	font-size: /*14px*/ 1.2em;
	/* text-decoration: underline; */
	text-decoration: none;
	padding-bottom:6px;
	/* LH: changed line-height */
	line-height: /*1.3em*/1.5em;
}

#content .rightcolumn .studentprofile {
	/* LH: modified padding to align content w/ footer link list */ 
	padding: /*25px 18px 25px 41px*/ 25px 18px 25px 39px;
	line-height: 150%;
	font-size: .9em;
}

#content .rightcolumn .studentprofile h3 {
	background: transparent top left no-repeat url(../images/text_studentprofile.gif);
	height:11px;
	width:92px;
	font-size: 1px;
	text-indent:-10000px;
}

#content .rightcolumn .studentprofile img {
	margin: 12px 0;
	border:solid 4px #ac998e;
}

#content .rightcolumn .studentprofile p.title {
	color:#99000c;
	font-size: /*14px*/ 1.2em;
	/* text-decoration: underline; */
	text-decoration: none;
	padding-bottom:6px;
	/* LH: changed line-height */
	line-height: /*1.3em*/1.5em;
}

#content .rightcolumn .upcomingevents {
	padding: 25px 18px 25px 41px;
	/* LH: modified font-size */
	font-size: /*.8em*/ .90em;
}

#content .rightcolumn .upcomingevents h3 {
	background: transparent top left no-repeat url(../images/head_upcomingevents.gif);
	height:23px;
	width:114px;
	font-size: 1px;
	text-indent:-10000px;
}

#content .rightcolumn .upcomingevents li {
	/* LH: modified line-height and padding*/
	line-height: /*125%*/ 1.4em;
	padding-bottom:/*12px*/ 1.4em;
}

#content .rightcolumn .upcomingevents a {
	text-decoration: none;
}

#content .rightcolumn .upcomingevents a:hover {
	text-decoration: underline;
}


#content .rightcolumn .departmentnews {
	padding: 25px 18px 25px 41px;
	line-height: 150%;
}

#content .rightcolumn .departmentnews li {
	list-style: none;
	margin-left: 0;
	line-height: 135%;
	font-size: .9em;
	padding-bottom:12px;
}

#content .rightcolumn .departmentnews li.more {
	font-weight: bold;
	color:#99000c;
	font-size: .75em;
	text-transform: uppercase;
}

#content .rightcolumn .departmentnews li.more a {
	color:#99000c;
}

#content .rightcolumn .departmentnews h3 {
	background: transparent top left no-repeat url(../images/head_departmentnews_right.gif);
	height:12px;
	width:117px;
	font-size: 1px;
	text-indent:-10000px;
	padding-bottom:12px;
}

#content .rightcolumn .rightphotooverlap {
	padding: 25px 0 25px 0;
}


/*  3.3.3 - Slideshow launcher styles
----------------------------------------------------------------------------------------------- 
	The slideshow launcher on the homepage is a large box with an unordered list inside.	
-------------------------------------------------------------------------------------------- */
#slideshowchoices {
	position: absolute;
	top: 266px;
	left: 44px;
	height: 141px;
	width: 649px;
}

.slideshowtab {
	width: 82px;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 17px;
}

#bluestrip {
	width: 647px;
	height: 119px;
	position: absolute;
	top: 22px;
	left: 0;
}

#homepageslideshow {
	position: absolute;
	width:646px;
	height:387px; 
	top: 20px;
	left: 44px;
	overflow: hidden;
}

#content .slideshowlauncher {
	width:740px;
	height:450px;
	float:left;
	margin-bottom: 10px;
	background:transparent top left no-repeat url(../images/bkgd_slideshowlauncher.jpg);
}

#content .slideshowlauncher ul,
#content .slideshowmenu ul {
	position: absolute;
	top: 35px;
	left: 16px;
	height: 100px;
}

#content .slideshowlauncher ul li,
#content .slideshowmenu ul li {
	float: left;
	/* LH: changed font-size and line-height */
	font-size: /*0.8em*/ .9em;
	line-height: /*1.4em*/ 1.6em;
	width: 210px;
	margin-bottom: 30px;
}

#content .slideshowlauncher ul li .title,
#content .slideshowmenu ul li .title {
	display: none;
}

#content .slideshowlauncher ul li a,
#content .slideshowmenu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	/* LH: changed width to ensure text doesn't crash into the slideshow content block next to it */
	width: /*110px*/102px;
	height: 76px;
	padding: 18px 0 0 100px;
	background: transparent top left no-repeat;
}

#content ul li a#irresistible { background-image: url(../images/bkgd_irresistible.png); }
#content ul li a#inexhaustible { background-image: url(../images/bkgd_inexhaustible.png); }
#content ul li a#customizable { background-image: url(../images/bkgd_customizable.png); }

*html #content ul li a#irresistible { background-image: url(../images/bkgd_irresistible.gif); }
*html #content ul li a#inexhaustible { background-image: url(../images/bkgd_inexhaustible.gif); }
*html #content ul li a#customizable { background-image: url(../images/bkgd_customizable.gif); }

#content .homeholder .slideshowlauncher ul li a:hover,
#content .slideshowmenu ul li a:hover { background-position: left -94px; }



/*  3.3.4 - "Are You Applying?" box
----------------------------------------------------------------------------------------------- 
	The "Are You Applying?" box.	
-------------------------------------------------------------------------------------------- */

#content  .areyouapplying {
	background:#7a2721 top left repeat-y url(../images/bkgd_areyouapplying.gif);
	padding:4px 6px;
	clear:both;
	margin:0 0 /*10px*/ 20px 332px;
	width:398px;
	color:#fff;
}

*html #content .holder .areyouapplying {
	width:385px;
}

#content .holder .areyouapplying a {
	font-weight: bold;
	color: #e7ad59;
}

#content .holder .areyouapplying a:hover {
	color: #e7ad59;
}

#content .holder .areyouapplying div {
	border-top: dotted 1px #500000;
	border-bottom: dotted 1px #500000;
	background: transparent 191px 31px no-repeat url(../images/pointer_areyouapplying.gif);
	min-height:83px;
	height:auto !important;
	height:83px;
	position: relative;
}

#content .holder .areyouapplying h3 {
	background: transparent top left no-repeat url(../images/text_areyouapplying.gif);
	width:163px;
	height:62px;
	position:absolute;
	top:17px;
	left:8px;
	font-size: 1px;
	text-indent:-10000px;
}

#content .holder .areyouapplying ul {
	margin: 14px 0 14px /*224px*/ 233px;
	padding:0;
}

#content .holder .areyouapplying li {
	list-style: url(../images/bullet_areyouapplying.gif);
	line-height:150%; 
	/* adding padding-bottom */
	padding-bottom: 6px;
}


/*  3.3.5 - Gateway page 
----------------------------------------------------------------------------------------------- 
	Styles specific to the Gateway page.	
-------------------------------------------------------------------------------------------- */

#content .gatewayholder {
	background: transparent top left repeat-y url(../images/bkgd_gatewayholder.gif);
	width: 950px;
}

#content .gatewaylists {
	width:725px;
	float:left;
	background: transparent top left repeat-x url(../images/bkgd_gatewaylists.gif);

	padding-left: 24px;
}

#content .gatewaylists .listcontent {
	float:left;
	padding: 7px 0 0 0;

}

#content .gatewaylists .listcontent h2 {
	color: #fff;
	height: 32px;
	padding: 0;
	font-size: 1.25em;
	/* LH: added font-weight */
	font-weight: normal;
}

#content .gatewaylists .listcontent .imgholder {
	/*LH: removed text-align */
	/*text-align:center;*/
	margin-bottom: 24px;
	/* LH: added padding */
	padding-top: 7px;
	padding-left: 2px;
}

/*LH: new style*/ 
#content .gatewaylists .listcontent ul {
	padding: 7px 0 20px 0;
}

#content .gatewaylists .listcontent li {
	/* LH: modified line-height and added padding */
	line-height: /*1.8em*/ 1.5em;
	padding-bottom: .7em;
}

#content .gatewaylists .listcontent li a {
	text-decoration: none;
}

#content .gatewaylists .listcontent li a:hover {
	text-decoration: underline;
}

#content .gatewaylists .smart { width: 250px; }
#content .gatewaylists .services { width: 230px; }
#content .gatewaylists .involved { width: 245px; }

#content .subhead .gateway {
	padding-top:25px;
	padding-bottom:26px;
}

/* ---------------------------------------------------------------------------------------------
		The sprite-based gateway icon navigation
--------------------------------------------------------------------------------------------- */

/* Current Students */
       #content .subhead ul.gatewayiconscurrentstudents {
			width: 461px; 
			height: 40px;
		    background: url(../images/bkgd_gatewayicons.gif);
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 17px;
		    right: 10px;
		}
		
		#content .subhead ul.gatewayiconscurrentstudents li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#content .subhead ul.gatewayiconscurrentstudents li, #content .subhead ul.gatewayiconscurrentstudents a {
		    height: 40px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink1	 {left:     0; width:  79px;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink2	 {left:  80px; width: 100px;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink3	 {left: 180px; width:  73px;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink4	 {left: 253px; width:  54px;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink5 	 {left: 307px; width:  93px;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink6	 {left: 400px; width:  62px;}
		
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink1 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink1.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)    0   -40px no-repeat;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink2 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink2.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)  -80px -40px no-repeat;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink3 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink3.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -180px -40px no-repeat;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink4 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink4.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -253px -40px no-repeat;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink5 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink5.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif) -307px -40px no-repeat;}
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink6 a:hover,
		#content .subhead ul.gatewayiconscurrentstudents li#quicklink6.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -400px -40px no-repeat;}

/* Visitors */
		#content .subhead ul.gatewayiconsvisitors {
			width: 461px; 
			height: 40px;
		    background: url(../images/bkgd_gatewayicons.gif);
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 17px;
		    right: 10px;
		}
		
		#content .subhead ul.gatewayiconsvisitors li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#content .subhead ul.gatewayiconsvisitors li, #content .subhead ul.gatewayiconsvisitors a {
		    height: 40px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#content .subhead ul.gatewayiconsvisitors li#quicklink1	 {left:     0; width:  79px;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink2	 {left:  80px; width: 100px;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink3		 {left: 180px; width:  73px;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink4		 {left: 253px; width:  54px;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink5 {left: 307px; width:  93px;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink6		 {left: 400px; width:  62px;}
		
		#content .subhead ul.gatewayiconsvisitors li#quicklink1 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink1.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif)    0   -40px no-repeat;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink2 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink2.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)  -80px -40px no-repeat;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink3 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink3.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -180px -40px no-repeat;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink4 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink4.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -253px -40px no-repeat;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink5 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink5.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif) -307px -40px no-repeat;}
		#content .subhead ul.gatewayiconsvisitors li#quicklink6 a:hover,
		#content .subhead ul.gatewayiconsvisitors li#quicklink6.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -400px -40px no-repeat;}

/* Alumni */
        #content .subhead ul.gatewayiconsalumni {
			width: 461px; 
			height: 40px;
		    background: url(../images/bkgd_gatewayicons.gif);
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 17px;
		    right: 10px;
		}
		
		#content .subhead ul.gatewayiconsalumni li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#content .subhead ul.gatewayiconsalumni li, #content .subhead ul.gatewayiconsalumni a {
		    height: 40px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#content .subhead ul.gatewayiconsalumni li#quicklink1	 {left:     0; width:  79px;}
		#content .subhead ul.gatewayiconsalumni li#quicklink2	 {left:  80px; width: 100px;}
		#content .subhead ul.gatewayiconsalumni li#quicklink3		 {left: 180px; width:  73px;}
		#content .subhead ul.gatewayiconsalumni li#quicklink4		 {left: 253px; width:  54px;}
		#content .subhead ul.gatewayiconsalumni li#quicklink5 {left: 307px; width:  93px;}
		#content .subhead ul.gatewayiconsalumni li#quicklink6		 {left: 400px; width:  62px;}
		
		#content .subhead ul.gatewayiconsalumni li#quicklink1 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink1.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif)    0   -40px no-repeat;}
		#content .subhead ul.gatewayiconsalumni li#quicklink2 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink2.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)  -80px -40px no-repeat;}
		#content .subhead ul.gatewayiconsalumni li#quicklink3 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink3.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -180px -40px no-repeat;}
		#content .subhead ul.gatewayiconsalumni li#quicklink4 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink4.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -253px -40px no-repeat;}
		#content .subhead ul.gatewayiconsalumni li#quicklink5 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink5.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif) -307px -40px no-repeat;}
		#content .subhead ul.gatewayiconsalumni li#quicklink6 a:hover,
		#content .subhead ul.gatewayiconsalumni li#quicklink6.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -400px -40px no-repeat;}

/* Parents & Families */
        #content .subhead ul.gatewayiconsparentsfamilies {
			width: 461px; 
			height: 40px;
		    background: url(../images/bkgd_gatewayicons.gif);
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 17px;
		    right: 10px;
		}
		
		#content .subhead ul.gatewayiconsparentsfamilies li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#content .subhead ul.gatewayiconsparentsfamilies li, #content .subhead ul.gatewayiconsparentsfamilies a {
		    height: 40px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink1	 {left:     0; width:  79px;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink2	 {left:  80px; width: 100px;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink3		 {left: 180px; width:  73px;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink4		 {left: 253px; width:  54px;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink5 {left: 307px; width:  93px;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink6		 {left: 400px; width:  62px;}
		
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink1 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink1.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif)    0   -40px no-repeat;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink2 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink2.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)  -80px -40px no-repeat;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink3 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink3.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -180px -40px no-repeat;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink4 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink4.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -253px -40px no-repeat;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink5 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink5.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif) -307px -40px no-repeat;}
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink6 a:hover,
		#content .subhead ul.gatewayiconsparentsfamilies li#quicklink6.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -400px -40px no-repeat;}

/* Faculty & Staff */
        #content .subhead ul.gatewayiconsfacultystaff {
			width: 461px; 
			height: 40px;
		    background: url(../images/bkgd_gatewayicons.gif);
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 17px;
		    right: 10px;
		}
		
		#content .subhead ul.gatewayiconsfacultystaff li {
		    margin: 0; 
		    padding: 0;
		    position: absolute; 
		    top: 0;
		}
		
		
		#content .subhead ul.gatewayiconsfacultystaff li, #content .subhead ul.gatewayiconsfacultystaff a {
		    height: 40px; 
		    display: block;
		    font-size: 1px;
		    text-indent:-10000px;
		}
		
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink1	 {left:     0; width:  79px;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink2	 {left:  80px; width: 100px;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink3		 {left: 180px; width:  73px;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink4		 {left: 253px; width:  54px;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink5 {left: 307px; width:  93px;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink6		 {left: 400px; width:  62px;}
		
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink1 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink1.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif)    0   -40px no-repeat;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink2 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink2.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif)  -80px -40px no-repeat;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink3 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink3.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -180px -40px no-repeat;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink4 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink4.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -253px -40px no-repeat;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink5 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink5.selected a	{background: transparent url(../images/bkgd_gatewayicons.gif) -307px -40px no-repeat;}
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink6 a:hover,
		#content .subhead ul.gatewayiconsfacultystaff li#quicklink6.selected a		{background: transparent url(../images/bkgd_gatewayicons.gif) -400px -40px no-repeat;}

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


/*  3.3.6 - Faculty page styles
----------------------------------------------------------------------------------------------- 
	Styles specific to the Faculty page.	
-------------------------------------------------------------------------------------------- */

#content .holder .faculty_cv {
	background: #e3ddce right bottom no-repeat url(../images/bkgd_facultycv.gif);
	width:408px;
	min-height:154px;
	height:auto !important;
	height:154px;
	padding: 30px 292px 24px 30px;
}

#content .holder .faculty_cv h1 {
	color:#330000;
	font-size:2em;
}

#content .holder .faculty_cv h2 {
	font-weight:normal;
	font-size: 1em;
	padding:12px 0;
}
#content .holder .faculty_cv p {
	font-size: 1em;
	padding:3px 0;
	line-height:125%;
}

#content .holder .faculty_cv table {
	border-top:solid 1px #b6b1a5;
	width:100%;
}

#content .holder .faculty_cv table th,
#content .holder .faculty_cv table td {
	padding-top:10px;
	width:190px;
}

#content .holder .faculty_cv table th.spacer,
#content .holder .faculty_cv table td.spacer {
	width:27px;
}

#content .holder .faculty_cv table td a{
	color:#404040;
	text-decoration:none;
}


#content .holder .faculty_cv table th {
	text-transform: uppercase;
	text-align: left;
	color: #88857e;
	font-size: .9em;
}

.rightcolumn .faculty_learnmore {
	margin:0 0 0 54px;
	background-color:#133248;
	color:#e3ddce;
	padding:12px;
	width:177px;
	line-height: 1.5em;
	position: relative;
}

.rightcolumn .faculty_learnmore li {
	font-size: .9em;
	line-height: 1.75em;
	padding-top:5px;
}

.rightcolumn .faculty_learnmore a {
	color:#e7ad59;
	text-decoration: none;
}

.rightcolumn .faculty_learnmore a:hover {
	text-decoration: underline;
}

#content .rightcolumn .faculty_photo {
	padding: 0;
	margin-top:-190px;
	position: relative;
}

#content .rightcolumn .faculty_photo img {
	border:solid 4px #e7ad59;
}

#content .rightcolumn .faculty_detail {
	background-color: #fff;
	padding:20px 0 10px 0;
}

#content .rightcolumn .faculty_detail p {
	margin: 0 0 15px /*77px*/ 54px;
	padding:0 /*0*/ 30px 0 9px;
	border-left:solid 1px #e7ad59;
	line-height: 150%;
	/* added font-size */
	font-size: .9em;
}

#content .rightcolumn .faculty_detail b {
	color: #2e0000;
}

#content .feature q {
	background: transparent top left no-repeat url(../images/bkgd_startquote.gif);
	padding: 10px 25px;
	margin-left: -245px;
	float:left;
	position: relative;
	width: 341px;
}

#content .feature q p {
	color:#6a0000;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.35em;
	background: transparent bottom right no-repeat url(../images/bkgd_endquote.gif);
	padding-bottom:10px;
	margin-bottom:40px;
}

#content .feature q img {
	position:absolute;
}


/* IF THERE IS A FACULTY_PHOTO DIV, THE FACULTY_DETAIL DIV SHOULD BE INSIDE IT, AND THE FOLLOWING RULES ARE FOLLOWED */

#content .rightcolumn .faculty_photo .faculty_detail {
	margin-top:-67px;*margin-top:-70px;
	padding-top:87px;*padding-top:90px;
}


/* Section 4 - Homepage 
----------------------------------------------------------------------------------------------- 
   Homepage-specific styles.
============================================================================================ */ 

#content .homerightcolumn {
	float: right;
	width: 201px;
	background-color: #e3ddce;
}

#content .homerightcolumn .calendarselector {
	background-color: #560907;
	padding: 22px 0 22px 10px;
	border-bottom: solid 1px #fff;
}

#content .homerightcolumn .calendarselector select {
	width: 181px;
}

#content .homerightcolumn .campusevents {
	background: #e3ddce top left no-repeat url(../images/bkgd_campusevents.gif);
	/* LH: modified the padding to align text w/ footer link list */
	padding: /*50px 18px 18px 18px*/ 50px 18px 25px 20px;
	font-size: .9em;
	position: relative;
	zoom:1;
}

#content .homerightcolumn .campusevents p {
	/* LH: modified padding and line-height */
	padding-bottom: /*18px*/ 1.2em;
	line-height: /*1.4em*/1.5em;
}

#content .homerightcolumn .campusevents a {
	color: #404040;
}

#content .homerightcolumn .campusevents a.readmore {
	color: #99000c;
	text-transform: uppercase;
	font-weight: bold;
	/* LH: added font-size */
	font-size: .9em;
}

#content .homerightcolumn .athletics {
	background: #e3ddce top left no-repeat url(../images/bkgd_athletics.gif);
	/* LH: modified the padding to align text w/ footer link list */
	padding: /*50px 18px 18px 18px*/ 50px 18px 25px 20px;
	font-size: .9em;
	position: relative;
	zoom:1;
}

#content .homerightcolumn .athletics p {
	/* LH: modified padding and line-height */
	padding-bottom: /*18px*/ 1.2em;
	line-height: /*1.4em*/1.5em;
}

#content .homerightcolumn .athletics a {
	color: #404040;
}

#content .homerightcolumn .athletics a.readmore {
	color: #99000c;
	text-transform: uppercase;
	font-weight: bold;
	/* LH: added font-size */
	font-size: .9em;
}

#content .homerightcolumn .news {
	background: #e3ddce top left no-repeat url(../images/bkgd_news.gif);
	/* LH: modified the padding to align text w/ footer link list */
	padding: /*50px 18px 18px 18px*/ 50px 18px 25px 20px;
	font-size: .9em;
	position: relative;
	zoom:1;
}

#content .homerightcolumn .news p {
	/* LH: modified padding and line-height */
	padding-bottom: /*18px*/ 1.2em;
	line-height: /*1.4em*/1.5em;
}

#content .homerightcolumn .news a {
	color: #404040;
}

#content .homerightcolumn .news a.readmore {
	color: #99000c;
	text-transform: uppercase;
	font-weight: bold;
	/* LH: added font-size */
	font-size: .9em;
}

#content .homerightcolumn .campusevents .rss,
#content .homerightcolumn .athletics .rss,
#content .homerightcolumn .news .rss {
	position: absolute;
	top: 9px;
	right:10px;
}

#content .homeholder {
	background: transparent top left repeat-y url(../images/bkgd_homeholder.gif);
	width: 950px;
	position: relative;
}

#content .homeholder .trinitylogogreen {
	position:absolute;
	bottom:0;
	width:150px;
	height:100px;
	background:transparent bottom left no-repeat url(../images/bkgd_trinitylogogreen.gif);
}

#content .homeholder .homefacultyprofile {
	color: #fff;
	width: 200px;
	height: 295px;
	background: transparent 6px top no-repeat url(../images/bkgd_homefacultyprofile.gif);
	padding: 0 35px 0 150px;
	float: left;
}

#content .homefacultyprofile h3 {
	display: none;
}

#content .homefacultyprofile p {
	line-height: 1.5em;
	padding-bottom:12px;
}

#content .homefacultyprofile p.title {
	color:#fff;
	font-size: /*14px*/ 1.2em;
	/* text-decoration: underline; */
	text-decoration: none;
	padding-bottom:6px;
	/* LH: changed line-height */
	line-height: /*1.3em*/ 1.5em;
}

/* LH ADDED STYLE */
#content .homefacultyprofile a, #content .homeaftertrinity a {
	color:#ffffff;
}

/* LH ADDED STYLE */
#content .homefacultyprofile a:hover, #content .homeaftertrinity a:hover {
	color:#e7ad59;
}

#content .homefacultyprofile img {
	border: solid 4px #bcc2a3;
}

#content .homeholder .homeaftertrinity {
	color: #fff;
	width: 225px;
	height: 295px;
	background: transparent top left no-repeat url(../images/bkgd_aftertrinity.gif);
	padding: 0 0 0 120px;
	float: left;
}

#content .homeaftertrinity h3 {
	display: none;
}

#content .homeaftertrinity p {
	line-height: 1.5em;
	padding-bottom:12px;
}

#content .homeaftertrinity p.title {
	color:#fff;
	font-size: /*14px*/ 1.2em;
	/* text-decoration: underline; */
	text-decoration: none;
	padding-bottom:6px;
	/* LH: changed line-height */
	line-height: /*1.3em*/ 1.5em;
}

/*#content .homeaftertrinity a {
	color:#fff;
	font-weight: bold;
}*/




/* Section 4 - Footer 
----------------------------------------------------------------------------------------------- 
   The footer contains the address contact information, and navigation links.
============================================================================================ */ 

#footer {
	color:#FFFFFF;
	margin:0 auto 100px auto;
	padding:50px 0 50px 220px;
	width:730px;
	background:transparent 10px 35px no-repeat url(../images/bkgd_footer.gif);
	font-size: /*10px*/ .9em;
	line-height:/*125%*/ 170%;
	position:relative;
	clear: both;
}

*html #footer {
	padding-bottom:100px;
}

#footer a {
	color:#FFFFFF;
}

/* new style */
#footer  a:hover {
	color:#e7ad59;
}	

#footer p {
	float:left;
	width:/*400px*/ 500px;
	/* modified margin */
	margin: 10px 58px 0 0;

}

#footer ul {
	/*modified padding and margin; added position */
	/*the modified padding is causing a big invisible box to the left of the list
	which is covering the other footer links. Also, since the positioning was 
	changed to absolute, I just went with that and got rid of padding and margin
	values.*/
	/* LH: change made to align the list w/ the other content in the right sidebar */
	left:/*800px*/ 769px;
	top:60px;
	position:absolute;
	width:200px;
}

#footer ul li {
	/*display:inline;*/
	margin-right:5px;
	padding-right:7px;
	/*border-right:solid 1px /*white*/ /*#666;*/
}



/* Section 5 - Slideshow 
----------------------------------------------------------------------------------------------- 
   The styles necessary for the floating slideshow.
============================================================================================ */ 

.loader {
	margin: 180px 0 0 185px;
}

#slideshow {
	position: absolute;
	left: 261px;
	top: 70px;
	width: 577px;
	height:378px;
	border: solid 9px #fff;
	background-color: #000;
}

.modal-overlay  
{  
    position:absolute;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#3a0e0e;  
    opacity:.79;  
    /*filter: alpha(opacity=79);*/   
    -moz-opacity: 0.79; 
    z-index:101;  
    display: none;
}  
.modal-window  
{  
    position:absolute;  
    top:-30px;  
    left:0;  
    margin:0;  
    padding:0;  
    z-index:102; 
    width: 909px;
    height: 548px;
    background:transparent top left no-repeat url(../images/bkgd_slideshow.png);
    display: none;
}  
*html .modal-window  {
    background:transparent top left no-repeat url(../images/bkgd_slideshow.gif);
}

.modal-window  #nav {
	position: absolute;
    right:52px;  
    bottom:50px;  
	width: 595px;
	padding: 4px 8px;
	text-align: center;
	font-size: 1em;
}

.modal-window #nav a:mouseover {
	text-decoration: underline;
}

.modal-window #nav #pager a {
	/* LH: added border to avoid horizontal shift on active state; added margin for spacing; removed bold font-weight; modified padding */
	padding: /*3px 6px;	*/ 1px 4px;
	color: #fff;
	text-decoration: none;
	font-weight:/*bold*/ normal;
	border:solid 1px #2c2c2c;
	margin: 0 3px;
}

.modal-window #nav #pager a.activeSlide {
	border:solid 1px #c1c390;
	background-color: #383838;
	padding: 1px 4px;	
}


.close-window  
{  
    position:absolute;  
    right:38px;  
    top:31px;
    width: 59px; 
    height: 25px;
} 

.moreslideshows  
{  
    position:absolute;  
    right:96px;  
    top:31px;
    width: 123px; 
    height: 25px;
} 

#moresshighlight {
	display: none;
}

.slideshowmenu {
    position:absolute;
    top: 56px;  
    right:38px;
    width: 241px;
    height: 450px;
    display: none; 
}

.window-text {
    position:absolute;  
    top:70px;  
    left:58px;
    width: 195px; 
	/* LH: removed font-weight */
	/*font-weight: bold;*/
	color: #c1c390;
}

.window-text p {
	margin-top: 35px;
	line-height: 1.5em;
}

/* Section 6 Tooltips 
----------------------------------------------------------------------------------------------- 
   The tooltip for the faculty page, etc.
============================================================================================ */ 

#tooltip {
	position:absolute;
	padding:15px;
	display:none;
	width: 380px;
	background-color: #6a0000;
	font-size: .9em;
	color: #fff;
	line-height: 1.5em;
}

#tooltip .pointy {
	position: absolute;
	left:20px;
	bottom: -10px;
	width:20px;
	height:10px;
	background: transparent top left no-repeat url(../images/pointer.gif);
}

.tooltipcontents {
	display: none;
}