body {
	background: #f0e5d9;
	font: normal normal normal 62.5% "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
	
a {
	color: #00467f;
	}
	
a img {
	border: none;
	}

.left {
	float: left;
	}
	
.right {
	float: right;
	}

.center {
	text-align: center;
	}
	
.divider {
	border-bottom: 1px dotted #7c7976;
	margin: 1.3em 0;
	}
	
.no-margin {
	margin: 0;
	}
	
.content {
	margin: auto;
	position: relative;
	width: 79em;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */

/* ============================================================== */
/* = js-shadow class is used by js to create text shadows in ie = */
/* ============================================================== */

.js-shadow {
	text-shadow: #000 1px 1px 2px;
	}

a .js-shadow {
	cursor: pointer;
	}

/* ================= */
/* = Button Styles = */
/* ================= */

.btn {
	background: url('/images/btn_right_short_24px.png') no-repeat right 50%;
	padding: 0 24px 0 0;

	}
	
	/* \_ */
	
		.btn a,
		.btn button {
			background: url('/images/btn_left_long.png') no-repeat left 50%;
			color: #fff;
			display: block;
			font-size: 1.4em; /* 14px */
			font-style: normal;
			height: 2.571em; /* 36px */
			line-height: 2.214em; /* 31px */
			padding: 0 10px 0 20px;
			text-align: center;
			text-decoration: none;
			}
			
		.btn button {
			border: none;
			margin: 0;
			width: 100%;
		}

/* ==================== */
/* = Vertical Shadows = */
/* ==================== */

.shadow {
	background:url('/images/header/main_pic_shadow_sprite.png') no-repeat left bottom;
	padding: 0 0 0 24px;
	}
	
	/* \_ */
	
		.shadow .shadow {
			background:url('/images/header/main_pic_shadow_sprite.png') no-repeat right bottom;
			padding: 0 24px 0 0;
			}
	
/* ================= */
/* = Header Styles = */
/* ================= */

.header {
	background: #323b59 url('/images/header/header_backround_gradient.png') repeat-x left bottom;
	padding-top: 15px;
	}
	
	/* \_ */
	
		.header .shadow {
			float: right;
			}
			
			/* \_ */
			
				.header .shadow .shadow {
					float: left;
					margin-right: -24px;
					}
					
					/* \_ */
					
						.header .shadow .header-image {
							/* background image in html to allow random images */
							background-position: right top;
							background-repeat: no-repeat;
							border-top: 1px solid #48547a;
							color: #fff;
							font-weight: bold;
							height: 252px;
							position: relative;
							text-align: right;
							text-shadow: #000 1px 1px 2px;
							width: 67.5em; /* 675px */
							}
							
							/* \_ */
							
								.resident-info {
									bottom: 35px;
									position: absolute;
									right: 284px; /* keeps text aligned to right when resizing text */
									}
									
									/* \_ */
							
									.resident-name {
										color: #fff;
										font-size: 2em; /* 20px */
										text-decoration: none;
										}
									
									.resident-desc {
										font-size: 1.5em; /* 15px */
										font-style: italic;
										}
										
									.header-image .btn {
										float: right;
										margin-top: 4px;
										}
							
							
.ribbon {
	background: url('/images/header/blue_ribbon.png') repeat-x left bottom;
	border-bottom: 2px solid #fff;
	height: 14px;
	margin-top: -14px;
	position: relative;
	}

	/* \_ */
		
		.ribbon .shadow {
			background-position: left 3px;
			bottom: -14px;
			left: -24px;
			position: absolute;
			}
			
			/* \_ */
			
				.ribbon .shadow .shadow {
					background-position: right 3px;
					position: static;
					}

		h1 {
			left: 0;
			margin: 0;
			padding: 0;
			}

			/* \_ */

				h1 a {
					background: url('/images/header/logo.png') no-repeat left top;
					display: block;
					height: 204px;
					text-indent: -9999px;
					width: 257px;
					}
					
				h1.tcu a {
					background-image: url('/images/header/logo_tcu.png');
				}
					
/* ====================== */
/* = Primary Nav Styles = */
/* ====================== */

.primary-nav {
	background: url('/images/primary_nav_gradient.png') repeat-x left top;
	border-top: 1px solid #917e68;
	}
	
	/* \_ */
	
		.primary-nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			height: 44px;
			float: left;
			}
			
			/* \_ */
			
				.primary-nav li {
					float: left;
					margin: 0 .9em 0 0;
					width: 12.4em;
					}
					
				.primary-nav li.last {
					margin-right: 0;
					}
					
				.primary-nav li.active {
					background: url('/images/primary_nav_active.png') no-repeat 50% 40%;
					}
					
					/* \_ */
					
						.primary-nav a {
							color: #fff;
							display: block;
							font-size: 1.5em; /* 15px */
							font-weight: bold;
							/* height: 2em; 30px */
							padding: 7px 0 9px 0;
							height: 28px;
							line-height: 28px;
							text-align: center;
							text-decoration: none;
							text-shadow: #000 1px 1px 2px;
							}
							
						.primary-nav .active a {
							padding-bottom: 15px;
						}
						.primary-nav a:hover {
							text-decoration: underline;
							}

.primary-nav li.active.tab  {
	background: url('/images/primary_nav_active_tab.png') no-repeat top center;
}
.primary-nav li ul {
	display: none;
}
.primary-nav li.active ul {
	display: block;
	position: absolute;
	left: 0;
	height: 40px;
	margin-top: -5px;
}
.primary-nav li.active li {
	display: inline;
	width: auto;
	margin: 5px 2em 5px 0;
	padding: 0 14px;
}
.primary-nav li.active li a {
	font-size: 1.3em;
	padding: 0;
	height: 30px;
}
.primary-nav li.active li.active {
	background: url('/images/primary_nav_sub_active_left.png') no-repeat top left;
	padding: 0 0 0 14px;
}
.primary-nav li.active li.active a {
	background: url('/images/primary_nav_sub_active.png') no-repeat top right;
	padding: 0 14px 0 0;
}


/* ======================= */
/* = Main Content Styles = */
/* ======================= */
							
.main-content {
	background: url('/images/main_content_gradient.png') repeat-x left top;
	border-top: 1px solid #eae3dc;
	}
	
	/* \_ */
	
		.full-col {
			background: url('/images/horz_shadow_sprite.png') no-repeat 50% bottom;
			margin: 30px 0 -16px 0;
			padding-bottom: 16px;
			position: relative;
			}
			
		.two-col,
		.three-col {
			background: url('/images/short_horz_shadow.png') no-repeat 50% bottom;
			float: left;
			margin: 30px .99em -21px 0;
			padding-bottom: 21px;
			position: relative;
			width: 25.6em;
			}
			
		.three-col {
			margin: 0 0 -1.4em .99em;
			width: 39em;
			}
			
		.last-col {
			margin: 30px 0 0 0;
			width: 25.8em;
			}
			
		.no-shadow {
			background: none;
			padding-bottom: 0;
			}
	
			/* \_ */
			
				.content-box {
					background: #f8f2ec url('/images/content_box_gradient.png') repeat-x top left;
					border-bottom: 1px solid #bba591;
					border-top: 1px solid #fff;
					color: #754923;
					font-size: 1.2em; /* 12px */
					padding: 30px .8333em; /* 10px */
					}
					
				.banner {
					background: url('/images/horz_shadow_sprite.png') no-repeat 50% top;
					padding-top: 16px;
					}
							
					.banner-content {
						background: url('/images/banner_gradient.png') repeat-y 50% top;
						padding: 20px;
						}
						
				/* little banners inside content */
				.content-box .banner-shadow {
					background: url('/images/middle_horz_shadow.png') no-repeat 50% bottom;
					padding-bottom: 11px;
					}
					
					/* \_ */
					
					.content-box .banner {
						background: url('/images/middle_horz_shadow.png') no-repeat 50% top;
						padding-top: 11px;
						}
					
						.content-box .banner-content {
							background: url('/images/banner_small_gradient.png') repeat-y 50% top;
							}
							
							
				/* really little 1/3 size banners */
				.content-box .inner-two-col .banner-shadow {
					background: url('/images/small_horz_shadow.png') no-repeat 50% bottom;
					padding-bottom: 11px;
					}
					
					/* \_ */
					
					.content-box .inner-two-col .banner {
						background: url('/images/small_horz_shadow.png') no-repeat 50% top;
						padding-top: 11px;
						}
					
						.content-box .inner-two-col .banner-content {
							background: url('/images/banner_tiny_gradient.png') repeat-y 50% ;
							}
								
				.small-padding {
					padding: .8333em; /* 10px */
					}
			
					/* \_ */
						
						.inner-half-col {
							margin-left: .8333em; /* 10px */
							width: 5.75em; /* 62px */
							}
						
						.inner-col {
							width: 31.667em; /* 380px */
							}
							
						.inner-one-and-a-half-col {
							margin-left: .8333em; /* 10px */
							width: 14.205em; /* 187px */
							}
							
						.inner-two-col {
							margin-left: .8333em; /* 10px */
							width: 20.75em; /* 247px */
							}
						
						.inner-four-col {
							margin-left: .8333em; /* 10px */
							width: 42.4em; /* 513px */
							}
							
						.inner-half-col.first,
						.inner-two-col.first,
						.inner-one-and-a-half-col.first,
						.three-col.first {
							margin-left: 0;
							}
								
						h2.content-title {
							color: #00467f;
							font: italic normal normal 3.3em calibri, georgia, serif;
							letter-spacing: 2px;
							margin: -.3em 0;
							padding: 0;
							}
							
						h2.content-title.offset-title {
							left: .25em;
							position: absolute;
							top: -.3em;
							}

						.sIFR-active h2.content-title {
							visibility: hidden;
							}
						
						.sIFR-replaced {
							position: relative;
							}
							
						.picture-header {
							background-position: left top; /* image is declared in html */
							background-repeat: no-repeat;
							color: #f8cdaa;
							font-size: 1.8em; /* 18px */
							font-weight: normal;
							height: 149px;
							opacity: 0.99;
							padding: 30px 30px 0 0;
							-moz-opacity: 0.99;
							filter:alpha(opacity=99);
							text-align: right;
							text-shadow: #000 0 0 0;
							voice-family: "\"}\"";
							voice-family: inherit;
							height: 119px;
							}
							
						.picture-header h2 {
							color: #faeadd;
							font: italic normal normal 2.5em calibri, georgia, serif; /* 45px */
							margin: 0;
							padding: 0;
							}
							
						.sIFR-active .picture-header h2 {
							visibility: hidden;
							}
							
						h3 {
							color: #754923;
							font: italic normal normal 3em calibri, georgia, serif;
							margin: 0;
							padding: 0;
							text-align: center;
							text-shadow: #000 1px 1px 2px;
							}
							
						.sIFR-active h3 {
							visibility: hidden;
							}
							
						h4 {
							color: #b7a18d;
							font-size: 1.8em;
							margin: 0;
							padding: 0;
							text-align: center;
							}
							
						h5 {
							color: #3e230b;
							font-size: 1.3em;
							font-weight: bold;
							margin: 1em 0 0 0;
							padding: 0;
							}
							
						address {
							font-style: normal;
							}
							
						.actionlink {
							background: url('/images/icon_actionlink_19x19.gif') no-repeat right 50%;
							font: normal normal bold 1.5em 'lucida bright', georgia, serif;
							padding-right: 25px;
							text-decoration: none;
							}
							
						.actionlink-small {
							background: url('/images/icon_actionlink_15x15.gif') no-repeat right 50%;
							font: normal normal bold 1.2em 'lucida bright', georgia, serif;
							padding-right: 20px;
							}
							
						.download {
							background: url('/images/icon_download_19x19.gif') no-repeat left 50%;
							color: #47642a;
							font: normal normal bold 1.5em 'lucida bright', georgia, serif;
							padding-left: 25px;
							text-decoration: none;
							}
							
						.download-header {
							color: #47642a;
							font: normal normal bold 1.5em 'lucida bright', georgia, serif;
							padding-left: 0;
							}
							
						.magnify {
							background: url('/images/icon_magnify_21x28.gif') no-repeat left 50%;
							color: #47642a;
							font: normal normal bold 1.5em 'lucida bright', georgia, serif;
							padding: 3px 0 3px 32px;
							text-decoration: none;
							}
							
						.actionlink:hover,
						.download:hover,
						.magnify:hover {
							text-decoration: underline;
							}
						
						.pic-frame {
							background: #fff;
							line-height: 1.5em;
							padding: 1.5em; /* 18px */
							}
							
							/* \_ */
							
								.pic-frame img {
									border: 1px solid #9a795a;
									}


/* =========== */
/* = Gallery = */
/* =========== */

.gallery-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	.gallery-list li img {
		border: 1px solid #7f552f;
		margin: 6px 2px 0 0;
		}
/* ================= */
/* = Footer Styles = */
/* ================= */

.footer {
	color: #754923;
	font-size: 1.2em; /* 12px */
	line-height: 1.9;
	margin-top: 30px;
	text-align: center;
	}
	
	/* \_ */

		.footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
	
			/* \_ */
	
				.footer li {
					display: inline;
					padding: 0 3px;
					}
					
					/* \_ */
					
						.footer a {
							color: #754923;
							}


/* ================ */
/* = Table Styles = */
/* ================ */

.data-table {
	background: #fff;
	padding: 5px;
	}
	
	/* \_ */
	
		.data-table table {
			border-collapse: collapse;
			}

			/* \_ */
	
				.data-table thead tr {
					background: #fff url('/images/table_header.gif') repeat-x left bottom;
					}

					/* \_ */

						.data-table th {
							color: #00467f;
							padding: 1em; /* 12px in content box */
							text-align: left;
							}
					
				.data-table td,
				.data-table li {
					background: url('/images/icon_check_17x16.gif') no-repeat 1em 50%;
					border-bottom: 1px dotted #7f7f7f;
					padding: 1em 1em 1em 3.333em; /* 12px in content box */
					}
					
				.data-table li {
					float: left;
					width: 26.2em;
				}
				
				.inner-two-col .data-table li {
					float: none;
					width: auto;
				}
			
				.data-table td.last {
					border: none;
					}
						
					
				.data-table td.shaded {
					background-color: #ebedf2;
					}
					
				.data-table td.no-icon {
					background-image: none;
					padding: 1em;
					}	
					
					/* \_ */	
					
							.data-table ul {
								list-style: none;
								margin: 0;
								padding: 0;
							}
					
				.data-table td.shaded-too {
					background-color: #ebf3e5;
					}

/* ================ */
/* = Vcard Styles = */
/* ================ */

.vcard .data {
	line-height: 1.8;
	margin: 1em 0 1em 112px;
	zoom: 1;
	}

/* =============== */
/* = Form Styles = */
/* =============== */

.form-row {
	margin: 1.5em 0;
	}

.txt {
	background: url('/images/input_shadow_bottm.gif') no-repeat right bottom;
	padding: 0 1px 1px 0;
	}
	
	/* \_ */
	
		.txt_shadow {
			background: url('/images/input_shadow_top.gif') no-repeat left top;
			padding: 5px;
			}
			
			/* \_ */
			
				.txt input,
				.txt textarea {
					background: none;
					border: none;
					color: #754923;
					font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
					font-size: 1.1667em; /* 14px */
					font-weight: bold;
					margin: 0;
					width: 100%;
					}

.errors {
	background: #990000;
	}
	
	/* \_ */
	
		.errors h4 {
			color: #fff;
			font-size: 1.4em;
			font-weight: normal;
			padding: .5em;
			}
			
		.errors ul {
			background: #fff;
			color: #000;
			margin: 0;
			padding: 1em 2.5em;
			}
	
/* ==================== */
/* = Home page styles = */
/* ==================== */

.welcome {
	position: relative;
	}
	
	/* \_ */
	
		.welcome p {
			margin: 0;
			padding-right: 40.417em; /* 485px */
			}
			
		.welcome img {
			position: absolute;
			top: -35px;
			}
			
/* =================== */
/* = Timeline Styles = */
/* =================== */

.timeline {
	border-collapse: separate;
	}
	
.timeline tr {
	margin: 0 0 15px 0;
	}
	
.timeline td{
	background: #fff;
	border-bottom: 1px dotted #7f7f7f;
	padding: 10px;
	vertical-align: middle;
	}
	
.timeline td[scope] {
	border-right: 1px solid #c3bcb4;
	color: #00467f;
	font-size: 3.16em;
	font-weight: bold;
	padding: 10px 20px;
	text-align: center;
	}
	
	
/* ================ */
/* = Frame Styles = */
/* ================ */	

.frame-right {
	background: url('/images/location_frame_right_long.png') no-repeat right top;
	height: 293px;
	}
	
	/* \_ */
	
		.frame-left {
			background: url('/images/location_frame_left_short.png') no-repeat left top;
			height: 269px;
			overflow: hidden;
			padding: 12px;
			}

/* =============================== */
/* = Sifr Styles - Do Not Modify = */
/* =============================== */
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/* =================== */
/* = Lightbox Styles = */
/* =================== */

/**
 * Flowplayer Overlay Styles *
 */

.overlay { 

    /* must be initially hidden */ 
    display:none; 

    /* place overlay on top of other elements */ 
    z-index:9999; 

    /* styling */ 
    background-color:#333; 

    width:640px;     
    min-height:360px; 
    border:1px solid #666; 

    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

/* close button positioned on upper right corner */ 
.overlay .close { 
    background: url(/images/apple-close.png) no-repeat 50% 50%; 
    position:absolute; 
    right:-25px; 
    top:-25px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* ============== */
/* = SCROLLABLE = */
/* ============== */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	height: 102px;
	margin: 0 30px;
	}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items a {
	background: #dfd0c0;
	border: 1px solid #88613f;
	display: inline;
	float:left;
	margin: 0 5px;
	padding: 5px;
	}
	


.scrollable .active {
	border:1px solid #000;
	position:relative;
	cursor:default;
	}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('/images/hori_large.png') no-repeat;
	cursor:pointer;
	display:block;
	font-size:1px;
	height:30px;
	position: absolute;
	top: 45px;
	width:30px;
	}

	/* right */
	a.right 				{ background-position: 0 -30px; right: 8px;}
	a.right:hover 			{ background-position:-30px -30px; }
	a.right:active 			{ background-position:-60px -30px; } 


	/* left */
	a.left				{ left: 8px; } 
	a.left:hover  		{ background-position:-30px 0; }
	a.left:active  		{ background-position:-60px 0; }

	/* up and down */


	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;		
	}