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

Styles for Texas Tech University Gateway Page

Author: David Guillory, Sibley/Peteet Design - Austin

Created: August 2005

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



* {

	margin: 0;

	padding: 0;

	}

.this-stylesheet-will-be-ignored-by-NN4 {

	\width: auto;

	}

html, body, div, p, form, input, textarea {

	font: 11px/15px Arial,Helvetica,Verdana,sans-serif;

	color: #333;

	}

body {

	background: #900 url(../images/gateway/background.gif) repeat-y 0 0;

	}

label,

#skip-links {

	display: none;

	}

a {

	color: #C00;

	text-decoration: none;

	}

a:hover {

	text-decoration: underline;

	}

a img {

	border: none;

	}

div.hr {

	height: 1px;

	background: url(../images/gateway/dotted-border-horiz.gif) repeat-x left top;

	}

#sidebar-column li,

.two-column-wrapper li,

#intro-story li {

	list-style: none;

	padding-left: 10px;

	background: url(../images/gateway/bullet.gif) no-repeat 0 6px;

	}

.imgswap,

.learn-more,

.more-news {

	display: block;

	text-decoration: none;

	text-indent: -9999px;

    _text-indent /**/:/**/0;

    _line-height /**/:/**/9999em;

	}

	/* hide from Mac IE 5 \*/

	.imgswap,

	.learn-more { overflow: hidden; }

	/* End Mac IE 5 hack */





/* BASIC STRUCTURE ------------------------------------------ */



#wrapper {

	width: 900px;

	}

#masthead {

	position: relative;

	z-index: 1000;

	border-bottom: 10px solid #fff;

	height: 100px !important;

	_height /**/:110px;

	background: #000 url(../images/gateway/masthead-1.jpg) no-repeat left top;

	}	

#nav-main {

	width: 170px;

	float: left;

	display: inline;

	margin: 0 0 0 10px;

	background: #c00;

	}

#content-main {

	width: 460px;

	float: left;

	margin: 0 0 0 10px;

	background: #fff;

	}

#sidebar-column {

	width: 230px;

	float: left;	

	margin: 0 0 0 10px;

	background: #ccc;

	}

div.clear {

	clear: both;

	}

#footer {

	clear: both;

	background: #fff url(../images/gateway/footer.gif) no-repeat 10px 10px; /* value for Mac IE 5 */

	padding: 20px 10px 20px 60px;

	border-top: 10px solid #fff;

	_height: 1%;

	zoom: 1;

	}

	/* hide from Mac IE 5 \*/

	#footer { background-position: 10px 0; }

	/* End Mac IE 5 hack */

	



/* MASTHEAD ------------------------------------------ */



#crumbs {

	width: 680px;

	float: right;

	display: inline;

	font-size: 10px;

	line-height: 10px;

	margin: 10px 20px 10px 0;

	padding-top: 10px; /* value for Mac IE 5 */

	}

	/* Hides from IE Mac 5 \*/

	#crumbs { padding-top: 0; }

	/* End Mac IE 5 hack */



#crumbs a {

	color: #666;

	text-decoration: none;

	display:inline-block;

	background: url('./images/gateway/crumb1.gif') no-repeat 100% 50%;

	padding-right:13px;

	margin-right:4px;

}

#crumbs a:link, 

#crumbs a:visited 

{

	color: #666;

}

#crumbs a:hover, 

#crumbs a:active 

{

	color: #c00;

	text-decoration: none;

	background: url('./images/gateway/crumb2.gif') no-repeat 100% 50%;

}

#logo {

	position: absolute;

	left: 19px;

	top: 28px;

	width: 300px;

	height: 100px;

    background: url(../images/gateway/skyviews_logo_new2.gif) no-repeat left top;

	}

#search-box {

	position: absolute;

	left: 670px;

	top: 41px;

	}

#q {

	color: #666;

	padding: 2px 0 0 3px;

	_padding: 0 0 0 3px;

	width: 167px;

	height: 13px !important;

	_height:15px;

	background: #fff;

	border: none;

	}

#search-box input.button {

	position: absolute;

	top: 2px;

	_top: 3px;

	left: 180px;

	}

#search-options {

	position: absolute;

	top: 25px;

	left: 0;

	}

#search-options h3 {

	width: 126px;

    height: 20px;

    background: url(../images/gateway/more-search-options.gif) no-repeat left top;

	}

#search-options:hover h3,

#search-options.sfhover h3 {

	background-position: 0 -35px;

	}

#search-options ul {

	position: absolute;

	left: -9999px;

	padding: 10px;

	list-style: none;

	background: #fff;

	border: 1px solid #000;

	width: 150px !important;

	_width /**/: 170px;

	}

#search-options:hover ul,

#search-options.sfhover ul {

	left: -1px;

	}

#search-options ul li {

	line-height: 20px;

	color: #c00;

	_float /**/: left;

	_width /**/: 100%;

	}

#search-options ul li input {

	margin-right: 4px;

	}

#link1,

#link2,

#link3

{

height:100px;

width:310px;

margin-bottom:5px;

}

#link1

{

margin-top:-17px;

}	



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



#nav-main a {

	text-decoration: none;

	}

#nav-main h3 {

	height: 32px;

	background-color: #900;

	}

#degree-programs {

	background: url(../images/gateway/degree-programs.gif) no-repeat left top;

	}

#nhr-home {

	background: url(../images/gateway/nhr-home.gif) no-repeat left top;

	}

#rhim-home {

	background: url(../images/gateway/skyviewsone.gif) no-repeat left top;

	cursor:hand;

	}

#the-college {

	background: url(../images/gateway/the-college.gif) no-repeat left top;

	}

#for-students {

	background: url(../images/gateway/texasrestaurantguide.gif) no-repeat left top;

	}

ul.nav-list a {

	color: #fff;

	}

ul.nav-list,

ul.nav-list ul {

	_float/**/: left;

	z-index: 1000;

	list-style: none;

	}

ul.nav-list li {

	position: relative;

	z-index: 1000;

	_float/**/: left;

	width: 170px;

	}

ul.nav-list li a {

	display: block;

	padding: 5px 15px 5px 10px;

	background: url(../images/gateway/more-border-arrow.gif) no-repeat left bottom;

	text-decoration: none;

	width: 145px !important;

	_width /**/:170px;

	}

ul.nav-list li a.external,

ul.nav-list li a.external:hover { 

	background: url(../images/gateway/external-border-arrow.gif) no-repeat right bottom;

}

ul.nav-list li:hover,

ul.nav-list li.sfhover {

	background-color: #900;

	}

ul.nav-list li:hover a,

ul.nav-list li.sfhover a {

	color: #fff;

	background-image: url(../images/gateway/more-border-arrow-on.gif);

	}

ul.nav-list li a.more {

	background-position: right bottom;

	}

		/* 2nd nav level */

		ul.nav-list ul {

			margin-left: 170px;

			position: absolute;

			background-color: #ccc;

			border: 1px solid #c00;

			border-left-width: 0;

			top: 0;

			left: -9999px;

			width: 170px !important;

			}

		ul.nav-list li:hover ul,

		ul.nav-list li.sfhover ul {

			left: auto;

			}

		ul.nav-list li li,

		ul.nav-list li li:hover,

		ul.nav-list li li.sfhover {

			background-color: #ccc;

			}

		ul.nav-list li li a,

		ul.nav-list li:hover li a,

		ul.nav-list li.sfhover li a {

			margin: 3px 5px;

			padding: 2px 5px;

			width: 150px !important;

			_width /**/:140px;

			color: #333;

			background-image: none;

			}

		ul.nav-list li li:hover a,

		ul.nav-list li li.sfhover a {

			color: #fff;

			background-color: #c00;

			}	

		ul.nav-list li li a.external,

		ul.nav-list li:hover li a.external,

		ul.nav-list li.sfhover li a.external,

		ul.nav-list li li:hover a.external:hover,

		ul.nav-list li li.sfhover a.external:hover {

			background: url(../images/gateway/extlink.gif) no-repeat 98% 50%;

			padding-right: 18px;

			width: 137px !important;

			_width /**/:170px;

			}

		ul.nav-list li li:hover a.external:hover,

		ul.nav-list li li.sfhover a.external:hover {

			color: #fff;

			background-color: #c00;

			}	

			/* 3rd nav level */

			ul.nav-list li:hover li ul,

			ul.nav-list li.sfhover li ul {

				left: -9999px;

				}

			ul.nav-list li li:hover ul,

			ul.nav-list li li.sfhover ul {

				left: auto !important;

				_left /**/:10px;

				top: -4px;

				_top: -1px;

				border-width: 1px;

				}

			ul.nav-list li li:hover li a,

			ul.nav-list li li.sfhover li a {

				color: #333;

				background-color: #ccc;

				}

			ul.nav-list li li li:hover a,

			ul.nav-list li li li.sfhover a {

				color: #fff;

				background-color: #c00;

				}

		ul.nav-list li li a.more {

			background-image: url(../images/gateway/more-arrow.gif);

			background-position: 97% 50%;

			padding-right: 18px;

			width: 137px !important;

			_width /**/:170px;

			}

		ul.nav-list li li:hover a.more,

		ul.nav-list li li.sfhover a.more {

			background-image: url(../images/gateway/more-arrow-on.gif);

			background-position: 97% 50%;

			}

		ul.nav-list li li a.pdf {

			background-image: url(../images/gateway/pdficon.gif);

			background-position: 97% 50%;

			padding-right: 18px;

			width: 137px !important;

			_width /**/:170px;

			}

			

.merch-links {

	list-style: none;

	}

.merch-links a {

	background-color: #900;

	margin: 10px;

	width: 150px;

	height: 28px;

	}

#merch-ttu-home {

	background: url(../images/gateway/merch-ttu-home.gif) no-repeat left top;

	}

#merch-request-info {

	background: url(../images/gateway/merch-request-info.gif) no-repeat left top;

	}

#merch-give {

	background: url(../images/gateway/merch-give.gif) no-repeat left top;

	}

#merch-apply {

	height: 41px;

	background: url(../images/gateway/merch-apply.gif) no-repeat left top;

	}

#merch-visit-texas-tech {

	background: url('../images/gateway/merch-visit.gif') no-repeat left top;

	}



/* CONTENT ------------------------------------------ */



#main-photo

{

    margin: 10px 0px 0px 0px;

	float:left;

}

#main-photo h2

{

   background: url(../images/gateway/skyview-intro.gif) no-repeat center center;

   height:158px;

   width:105px;

}

.two-column-wrapper {

	margin-bottom: 10px;

	padding-bottom: 0px;

	width:100%;

	background: #fff url(../images/gateway/dotted-t-border.gif) no-repeat 0  bottom;

	}

	.two-column-wrapper:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */

	content: "."; 

	display: block; 

	height: 0; 

	clear: both;

	visibility:hidden;

	}

	

	.two-column-left

	{

		width: 230px;

		float:left;

		height: 150px;

		}

	.two-column-right 

	{

	    height: 150px;

	    width: 230px;

	    float:left;

	}

		.two-column-left div

		{

			background-color: #fff;

			height: 70px;

			width: 229px;

			

		}

		.two-column-right div {

			background-color: #fff;

			height: 70px;

		

			}

			/* hide from Mac IE 5 \*/

			.two-column-left div,

			.two-column-right div { overflow: hidden; }

			/* End MacIE 5 hack */

		.two-column-left div img,

		.two-column-right div img {

			border-width: 0;

			height: 70px;

			width: 230px;

			}

			#title-left {	

	background: #c00 url('../images/gateway/dinnerseries.gif') no-repeat left left;

	height: 20px;

	width:152px;

	margin-bottom: 7px;

			}

			.welcome h2

			{

			    font-size:medium;

			    font-family:Times New Roman;

			    position:relative;

			    margin-left: 260px;

			    margin-top: 15px;

			    text-align:center;

			    

			  }

			  .welcome h3

			  {

			    background: url(../images/gateway/skyviews.gif) no-repeat 0 0;

			    height: 235px;

			    width: 250px;

			    float:left;

			  }

			  .welcome p

			  {

			    position:relative;

			    margin-left: 260px;

			    margin-top: 10px;

                text-align:center;

			  }

			  .welcome

			  {

			    padding-bottom:10px;

			  } 

			.welcome #more-news-skyviews {

			float:left;

			background: url(../images/gateway/more-news.gif) no-repeat left top;

			width: 69px;

			height: 8px;

			margin-left: 65px;	

			}

		.two-column-left div h3,

		.two-column-right div h3 {

			position: absolute;

			left: 80px;

			bottom: 8px;

			width: 140px;

			font: normal 16px/18px "Times New Roman", Times, serif;

			color: #111; 

			}

	

	.two-column-wrapper h2 {

		height: 70px;

		background-color: #ccc;

		}

	.two-column-wrapper .learn-more {

		height: 10px;

		margin: 10px;

		background: url(../images/gateway/learn-more-white.gif) no-repeat left top;

		}

	.two-column-left h2 {	

		background: url(../images/gateway/hall-of-fame.gif) no-repeat left top;

		}

	.two-column-right h2 {

		background: url(../images/gateway/study-abroad.gif) no-repeat left top;

		}

	.two-column-wrapper p,

	.two-column-wrapper ul {

		margin: 15px 10px;

		}

		

#intro-

 {

	margin: 10px 0;

	_margin: 10px 0 10px 0;

	}

	#intro-story h2 {

    font: normal 24px/26px "Times Roman","Times New Roman",Times,Serif;

    letter-spacing: 0;

    color: #c00;

    margin-bottom:0px;

    text-align:center;

		}

	#intro-story p,

	#intro-story ul {

		text-align:center;

		text-indent: 0px;

		}

#mission-statement

{



    height:100px;

   

}

#mission-statement h2

{

    font: normal 24px/26px "Times Roman","Times New Roman",Times,Serif;

    letter-spacing: 0;

    color: #c00;

    margin-bottom: 5px;

    text-indent: 0px;

    text-align:center;

}





/* SIDEBARS ------------------------------------------ */



.learn-more {

	height: 8px;

	margin: 7px 0 12px 0;

	background: url('../images/gateway/learn-more.gif') no-repeat left top;

	}

.more-only {

	height: 8px;

	margin: -5px 0 12px 0;

	background: url('../images/gateway/learn-more.gif') no-repeat right top;

	width: 38px;

	float: right;

	display:inline;

	}

.more-news

{

    height: 8px;

	margin: 7px 0 12px 0;

	background: url('../images/gateway/more-news.gif') no-repeat left top;

	}



#sidebar-column h4 {

	color: #fff;

	font-size: 10px;

	line-height: 14px;

	letter-spacing: 1px;

	text-transform: uppercase;

	}

#sidebar-column p,

#sidebar-column ul {

	margin: 10px;

	}

#research-story {

	position: relative;

	height: 266px;

	overflow: hidden;

	background: #ccc url('../images/gateway/right-image.gif') no-repeat top right;

	}

	

#research-story h2#hdr-belong,

#research-story h2#hdr-waiting {

	border-width: 0;

	padding-bottom: 3px !important;

	padding: 10px 5px 1px 10px;

	}

#research-story h2#hdr-belong { background: url('../images/gateway/heading-belong.gif') no-repeat 10px 10px; }

#research-story h2#hdr-waiting { background: url('../images/gateway/heading-waiting.gif') no-repeat 10px 10px; }

#research-story p#belong { width: 135px; }



#research-story h4 {

	margin: 10px;

	font-size: 14px;

	line-height:normal;

	letter-spacing:normal;

	text-transform:none;

	text-align:center;

	}

#research-story p {

	margin: 0px 10px;

	text-indent: 1px;

	}

#research-story p.bullet {

	background: #ccc url('../images/gateway/bullet.gif') no-repeat 0 5px;

	padding-left: 10px;

}

#research-story .learn-more {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 71px;

	margin: 0 0 11px 10px;

	}

#red-raiders {

	padding: 10px 0;

	background: #fff url('../images/gateway/red-raiders.gif') no-repeat 0 10px;

	height: 70px !important;

	_height /**/:90px;

	}



.sidebar-bottom h4 {

	background: #c00;

	height: 32px;

	padding-top:8px;

	padding-left:10px;



}

.sidebar-bottom h3 

{

    color:Black;

	font-size: 10px;

	line-height: 14px;

	letter-spacing: 1px;

	margin-top: 10px;

	text-align:center;

	text-indent: 5px;

}

.sidebar-bottom h2

{background: #ccc url('../images/gateway/skyviews_events.jpg') no-repeat 0 0;

	height: 32px;

	text-indent: -9999px;

    _text-indent /**/:/**/0;

}

   

.sidebar-events h3 {

	background: #ccc url('../images/gateway/message_from_the_executive_chef.jpg') no-repeat 0 0;

	height: 32px;

	text-indent: -9999px;

    _text-indent /**/:/**/0;

}



.sidebar-events h2 {

    background: #ccc url('../images/gateway/career-services.gif') no-repeat 0 0;

	height: 32px;

	text-indent: -9999px;

    _text-indent /**/:/**/0;

}

.sidebar-events

{

    border-bottom: solid 5px #fff;

}

    

.sidebar-news

{

    border-bottom: solid 5px #fff;

}

.sidebar-news h2 {

    background: #ccc url('../images/gateway/skyviews-heading.gif') no-repeat 0 0;

	height: 32px;

	text-indent: -9999px;

    _text-indent /**/:/**/0;

}

.sidebar-news #merch-techevents,

.sidebar-events #merch-techevents

 {

	background: url('../images/gateway/merch-techevents.gif') no-repeat 0 0;

	height: 28px;

	width: 210px;

	}

.sidebar-news #merch-newspaper,

.sidebar-events #merch-newspaper

{

	background: url('../images/gateway/merch-newspaper.gif') no-repeat 0 0;

	height: 28px;

	width: 210px;

	}



.sidebar-news h4,

.sidebar-events h4,

.sidebar-quote h4 {

	background-color: #c00;

	padding: 10px;

	}

.sidebar-news h4 img,

.sidebar-events h4 img { 

	padding: 0px;

	}

.sidebar-news #special-features,

.sidebar-events #special-features

{

	padding: 0px;

	margin: 30px 0px 15px 0px;

	}



.sidebar-quote p {

	font-weight: bold;

	}

.sidebar-quote i {

	font-weight: normal;

	}

.sidebar-story div {

	position: relative;

	background-color: #c00;

	height: 70px;

	}

	/* hide from Mac IE 5 \*/

	.sidebar-story div { overflow: hidden; }

	/* End MacIE 5 hack */

.sidebar-story div img {

	border-width: 0;

	height: 70px;

	width: 70px;

	}

.sidebar-story div h4 {

	position: absolute;

	left: 70px;

	bottom: 10px;

	margin: 0 10px;

	}

	#story {

	position: relative;

	height: 160px;

	border-bottom: 5px solid #fff;

	overflow: hidden;

	width:230px;

	}

	#story img {

		width: 230px;

		height: 160px;

		border-width: 0;

		}	

	#story h4 {

		margin: 9px 10px 0 10px;

		_margin-top: 5px;

		font-size: 11px;

		line-height: 14px;

		color: #c00;

		letter-spacing: 1px;

		text-transform: uppercase;

		}

	#story p {

		margin: 7px 10px;

		}

	#story .learn-more

	{

		position: absolute;

		left: 0;

		bottom: 0;

		width: 71px;

		margin: 0 0 11px 10px;

		}

	

/* FOOTER ------------------------------------------ */



#footer ul,

#footer p,

#footer a {

	color: #999;

	}

#footer a:hover {

	color: #666;

	}

#footer ul {

	list-style: none;

	margin: 0 0 10px 0;

	}

#footer li {

	padding-left: 10px;

	background: url(../images/gateway/footer-bullet.gif) no-repeat 0 6px;

	}

#footer p {

	margin: 0 0 2px 0;

	}

/**************************** anchor link styles ********************************/

#randomtext

{

    width:230px;

}