/*************************************************************************************
		GENERAL STYLES FOR HSUTX. HOPE YOU LIKE READING A LOT
*************************************************************************************/

	body {font-family: trebuchet ms, Geneva, Helvetica, Arial, sans-serif;background-image: url(../images/front/layout/front_background.jpg);color:#343434;margin:15px 0 25px 0;font-size:62.5%;}
	
	div#center_content {width: 780px;margin: 0 auto;}



/*************************************************************************************
		HOME PAGE COMPONENTS
*************************************************************************************/
	body.homepage * {margin:0;padding:0;outline:none;}

	body.homepage div#center {width:780px;margin:0 auto;}

	body.homepage div#navbar {width:780px;height:99px;float:left;background-image: url(../images/general/topcap/top_background_NORMAL.jpg);}
	
	body.homepage div#events_news {width:780px;float:left;padding:5px 0 0 0;background: url(../images/banners/blank.jpg) top left no-repeat #f8f5e5;}
		body.homepage div#events_news div#animationwindow {width:260px;height:217px;float:left;margin:20px 0 0 0;}
		body.homepage div#events_news div#news {width:254px;height:160px;float:left;padding:70px 0 0 0;background: url(../images/front/layout/background-news.jpg) 0px 15px no-repeat;}
		body.homepage div#events_news div#news ul.newsitems {width:240px;float:left;height:210px;}
			body.homepage div#events_news div#news ul.newsitems li {list-style:none;margin:0 0 10px 30px;font-size:1.2em;}
			body.homepage div#events_news a {color:#333;font-weight:bold;outline:none;}

	body.homepage div#icons {width:780px;height:80px;float:left;padding:0 0 5px 0;background: url(../images/front/layout/icon_bar.jpg) bottom left no-repeat #f8f5e5;text-align:center;}
		body.homepage div#icons img {border:none;}
		
	body.homepage div#foot_animation {width:780px;height:210px;float:left;}
	
	body.homepage div#footer1 {width:780px;height:23px;float:left;background:top left no-repeat url(../images/front/layout/front_bottom.jpg);text-align: center;font-size:1.2em;}
	
	body.homepage div#footer2 {width:780px;float:left;background:none;text-align: center;font-size:1em;}



/*************************************************************************************
		MAIN COMPONENTS
*************************************************************************************/

	div#full {width: 780px;margin: 0 auto;padding: 0;}
	div#page {width: 780px;float: left;background: #f8f5e5;margin:0;padding:0;}
	

/* Header */
	div#header {width: 780px;height: 120px;float: left;margin: 0;padding: 0;background-image: url(../images/general/topcap/top_background_NORMAL.jpg);}
	div#header2 {width: 780px;height: 99px;float: left;margin: 0;padding: 0;background-image: url(../images/general/topcap/top_background_NORMAL.jpg);}
		/* PAGE BANNER IMAGES SLOT */
		div#banner_image {width: 780px;height: 175px;float: left;margin: 0;padding: 0;}

/* BREADCRUMBS */
	div#breadcrumb {width: 780px;float: left;margin: 0 0 20px 0;text-align: center;font-size: 1.3em;color: #121212;}
		div#breadcrumb a {color: #121212;font-weight: bold;}
		div#breadcrumb a:hover {color: #595959;}

/* SIDEBARS */
	div#sidebar {width: 200px;float:left;margin: 0 20px 20px 20px;padding: 35px 0 0 0;clear:left;background: #d5cbb6 url(/images/common/sidebar_top.jpg) top no-repeat;}
		div#sidebar .cap {width: 200px;height: 43px;background: url(/images/common/sidebar_bottom.jpg) top no-repeat;}
		div#sidebar img {border: 0;}
		div#sidebar #links {margin: 0 10px 0 10px;font-size: 1.2em;}
			div#sidebar #links h1 {margin: 0 0 0 15px;font-size: 1.7em;letter-spacing: -1px;line-height: 17px;}
			div#sidebar #links li {line-height: 19px;}
			.profilePic {width: 136px;padding:0;margin:0 auto;text-align:center;}
		div#sidebar a {color: #121212;}
		div#sidebar a:hover {color: #595959;}
	div#sub {background:none;float:left;width:200px;clear:left;}
	div#sidebar_grouper {width:200px;float:left;clear:left;}


/* PAGES WITH SIDEBAR */
	div#content {
	width: 500px;
	float:right;
	margin: 0 20px 20px 0;
	padding: 0 0 20px 0;
	clear:none;
}
		div#content div#columnLeft {width: 240px;float: left;margin: 0 20px 0 0;padding: 0;}
		div#content div#columnRight {width: 240px;float: left;margin: 0 0 0 0;padding: 0;}
		div#content h2.center {text-align:center;}
		div#content h2.subhead {margin:-15px 0 0 0;padding:0;font-weight:normal;font-style:italic;font-size:1.1em;}
		div#content h3 span.subhead {font-size:1.3em;font-weight:normal;}
		div#content p.caption {font-size:.9em;line-height:1.1em;font-style:italic;}
		div#content blockquote {margin:0 0 0 15px;padding:0;}
		div#content hr {clear:left;}
			div#content .clearboth {margin:0;padding:10px 0 0 0;border:none;position:absolute;}
		
/* PAGES WITHOUT SIDEBAR */
	div#content.wide {width: 740px;min-height: 550px;float:left;margin: 0;padding: 0 20px 20px 20px;}
		div#content.wide #columnLeft {width: 360px;height: auto;margin: 0 15px 0 0;float: left;}
		div#content.wide #columnRight {width: 360px;height: auto;margin: 0;float: left;clear:right;}


/* COMMON PAGE FOOTER */
	div#footer1 {width:780px;height:23px;margin:0;padding:0;line-height:1em;float:left;background: top left no-repeat url(../images/front/layout/front_bottom.jpg);font-size:1.2em;text-align: center;}
		div#footer1 a {color: #121212;font-weight: bold;}
		div#footer1 a:hover {color: #595959;font-weight: bold;}
	div#footer2 {width: 780px;margin: 0;clear:both;float:left;font-size:1em;color:#232323;font-weight:bold;text-align: center;}
		div#footer2 p {margin:0 0 30px 0;padding:0;line-height:1em;}



/*************************************************************************************
		GENERAL PAGE COMPONENTS
*************************************************************************************/

/* CONTENT */
	#content {font-size: 1.3em;}
		#content a {color: #121212;}
		#content a:hover {color: #595959;}

	.small {font-size: 80%;}
	.xsmall {font-size:0.9em;line-height:1.1em;}

	#content #middle {width: 100%;text-align: center;}

	#content .fineprint {font-size: 1em;font-style: italic;}

	#groupItem {width: 100%;border: 1px #595959;border-style: none none solid none;}

	.right-side-pullout {width:200px;margin:0 0 10px 10px;padding:0 10px 10px 10px;float:right;border:1px solid #777;}
	.left-side-pullout {width:200px;margin:0 10px 10px 0;padding:0 10px 10px 0;float:left;border:1px solid #777;}


/*- IMAGE FORMATTING -*/
	img.right {float: right;margin: 0 0 0 20px;clear:right;}
	img.left {float: left;margin: 0 20px 0 0;}
	img.gallery_pic {float: left;padding: 5px;margin: 0 5px 5px 0;border: 1px #777;border-style: solid;}
	img.right_bordered {float: right;padding: 5px;margin: 0 5px 5px 0;border: 1px #777;border-style: solid;}
	#gallery_120px_right {width: 115px;float: right;margin: 0 0 0 10px;}
		#gallery_120px_right img {float: left;margin: 0 10px 10px 0;border: none;}
	#gallery_120px_left {width: 115px;margin: 0 10px 0 0;float:left;}
		#gallery_120px_left img {float: left;margin: 0 0 10px 10px;border: none;}
	.gallery_section {width: 520px;float: left;clear: right;} /* creates rows capable of holding gallery images and their section headlines */



/*************************************************************************************
		FACULTY / STAFF PROFILE STYLES 
*************************************************************************************/

/* Campus Directory List (names/depts. only) */
		#directory1 {
			width: 720px;
			background: #d5cbb6;
			padding: 0;
			float: left;
			padding: 2px 10px 2px 10px;
			}
		#directory2 {
			width: 720px;
			float: left;
			padding: 2px 10px 2px 10px;
			}
			#directory1 p, #directory2 p {
				margin: 0;
				padding: 0;
				}
			#directory1 #left, #directory2 #left {
				width: 370px;
				float: left;
				}
			#directory1 #number, #directory2 #number {
				width: 100px;
				float: left;
				}
			#directory1 #drop, #directory2 #drop {
				width: 230px;
				float: left;
				text-align: right;
				}

/* Division Listing (includes thumbnails) */
		#profSnippets {
			width: 460px;
			height: auto;
			background: url(/images/common/profilesLaunch_bottom.jpg) bottom left no-repeat #d6cdb8;
			margin: 5px 0 20px 0;
			padding: 10px 0 40px 10px;
			float: left;
			}
			#profSnippets .contentLeft {
				width: 290px;
				float: left;
				margin: 0 5px 0 0;
				padding: 0 0 0 10px;
				}
			#profSnippets .contentRight {
				width: 136px;
				height: auto;
				float: left;
				margin: 0 10px 0 0;
				padding: 0;
				}
			#profSnippets .morelink {
				text-align: right;
				font-style: italic;
				}
				#profSnippets h2 {margin-bottom:0px;}
				#profSnippets p {margin-top:0px;}
	
/* Profile Views */
		#profiles {
			margin: 0px;
			}
			#profiles #upper { /* Divides the upper content from the lower content in profile view mode. */
				float: left;
				width: 100%;
				margin: 0;
				}
			#profiles h1 {
				margin-bottom:0px;
			}
			#profiles p {
				margin-top:0px;
			}
			#profiles .heading1 {
				font-size: 1.7em;
				font-weight: bold;
				}
			#profiles .heading2 {
				font-size: 1.3em;
				font-weight: bold;
				}
			#profiles .divider {
				margin: 0 0 30px 0;
				border: 1px #595959;
				border-style: none none solid none;
				}

/* Custom chapel descriptions */
		.chapelschedule img {
			margin: 0 20px 20px 0;
			padding: 5px;
			border: 1px #777;
			border-style: solid;
			float: left;
		}
		.chapelschedule li {
			margin-bottom: 10px;
			list-style-type: none;
			clear: left;
		}



/*************************************************************************************
		FORTY ACRES FACTS
*************************************************************************************/

/* FAF MASTER CONTAINER */
	div#faf_front {width:490px;}
	div#faf_front * {margin:0;padding:0;}
	
/* FAF FRONT PAGE */
	div#faf_information {width: 490px;font-size:.8em;font-style: italic;line-height:1.2em;}

	div#faf_front p.divider {font-size: 2.3em;font-weight: bold;margin: 30px 0 20px 0;border: 1px #595959;border-style: none none solid none;display:block;width:490px;height:auto;}

		div#faf_front ul {width:490px;height:auto;margin:0;padding:0;float:left;}
		div#faf_front ul li {width:490px;margin:0 0 15px 0;padding: 0 0 0 25px;float: left;background: url(../images/20x20_star_icon.gif) top left no-repeat;list-style:none;}
			div#faf_front ul li p {margin:0 0 15px 0;}
			/* shouldn't need this one, but the text editor tends to drop in stupid font tags instead of paragraphs... ugh */div#faf_front ul.facstaff_news li font {display:block;margin:0 0 15px 0;}
			div#faf_front ul li img {float: right;padding: 5px;margin: 0 0 0 10px;border: 1px #aaa solid;}
				div#faf_front ul li ul {width:460px;float:left;}
					div#faf_front ul li ul li {display:block;float:left;clear:both;background: url(../images/10x10disc.gif) top left no-repeat;list-style:none;}	

		div#faf_front ul#headline_articles li {margin:0 0 15px 0;padding: 0 0 0 25px;float: left;background: url(../images/20x20_star_icon.gif) 0px 4px no-repeat;list-style:none;}
				div#faf_front ul li span.feature_headline {display:block;font-size:1.5em;font-weight: bold;}
				div#faf_front ul li span.feature_description {font-size:1em;}	



/* FAF SINGLE ARTICLE PAGE */
	#faf_article #article h1 {font-size: 2.3em;}

	#article #photo {width: 225px;margin: 0 0 0 10px;float: right;padding: 10px;border: 1px #aaa;border-style: solid;}
		#photo p {margin: 0;}
		#photo img {float: right;}
		#photo .caption {width: 225px;margin:10px 0 0 0;float: right;clear: right;text-align:left;font-size: 1em;font-style: italic;}

	#article img.right {float: right;padding: 10px;border: 1px #aaa;border-style: solid;}
	#article img.left {float: left;padding: 10px;border: 1px #aaa;border-style: solid;}
	
	#article .return_link {height:25px;float: right;clear:both;padding: 0 25px 0 0 ;_margin: 0 0 15px 0;background: url(../images/20x20_star_icon.gif) top right no-repeat;}
	#article hr {width:200px;margin:30px 290px 0 0;clear:both;}

/* FAF ARCHIVES PAGE */
	#faf #archives h2 {font-size:2.3em;margin:0 0 10px 0;}
	#faf #archives h3 {font-size:2em;margin:0;}
	#faf #archives p {margin: 0 0 15px 0;}
	#faf #archives .faf_archives_heading {width:490px;margin:0 0 15px 0;float:left;}
	#faf #archives .item {width: 490px;float: left;text-align: left;_margin: 0 0 -25px 0;}
	#faf #archives .more_link {height: 25px;float: right;padding: 0 25px 0 0;_margin: 0 0 15px 0;background: url(../images/20x20_star_icon.gif) top right no-repeat;}

/* Additional */

	#sub img {
	border: none;
	}