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

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, select {

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

	color: #333;

	}

body {

	background: #900 url('../images/gateway/background-2.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;

	}

#two-column-wrapper li,

#content-wrapper li,

#intro-story li {

	list-style: none;

	padding-left: 10px;

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

	}

.imgswap,

.learn-more {

	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: 700px;

	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: 3px;

	width: 310px;

	height: 150px;

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

	}

	#logoskyviews {

	position: absolute;

	left: 19px;

	top: 28px;

	width: 450px;

	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:15px;

width:350px;

margin-bottom:5px;

}

#link1

{

margin-top:-5px;

}



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



#nav-main a {

	text-decoration: none;

	}

#nav-main h3 {

	height: 32px;

	background-color: #900;

	}

#the-graduate-school {

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

	}

#faculty-and-staff {

	background: url(../images/gateway/faculty-and-staff.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;

	}

#dept-home {

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

	cursor:hand;

	}

#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 10px;

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

	text-decoration: none;

	width: 150px !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;

			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;

			}

		ul.nav-list li li a.doc {

			background-image: url(../images/gateway/docicon.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-gradschool {

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

	}



#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 {

	height: 28px;

	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 ------------------------------------------ */



/* Photo Gallery */

#gallery 

{

    margin: 10px 0 10px 10px;

}

#gallery img 

{

    width:201px;

    height:151px;

    text-decoration:none;

    border:none;

}

#slide

{

    text-align:center;

}

div.hr {

	height: 1px;

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

	margin-top:10px;

	}

#content-main h1 {

	font: normal 29px/32px "Times Roman","Times New Roman",Times,Serif;

	letter-spacing: 0;

	color: #c00;

	background: url(../images/gateway/dotted-border-horz.gif) repeat-x 0 bottom;

	padding: 0 10px 10px 10px;

	margin-bottom: 10px;

}



#content-main h2 {

	font: normal 18px/21px "Times Roman","Times New Roman",Times,Serif;

	margin: 10px 0;

	background: url(../images/gateway/dotted-border-horz.gif) repeat-x 0 bottom;

	padding: 0 10px 10px 10px;

	clear:left;

}

#content-main h2.subtitle {

	color:#000;

	margin-top: 5px;

	padding-bottom: 0;

	background-image: none;

}

#content-main h3 {

	font-weight: bold;

	font-size: 13px;

	line-height: 16px;

	margin: 10px;

}

#content-main h3.subtitle {

	color:#000;

	padding-bottom: 0;

	font-size: 10px;

	font-weight: bold;

	font-style:italic;

}

#content-main h4 {

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

	color: #c00;

	padding: 2px 10px 2px 10px;

	margin-top: 10px;

	border-top: 1px solid #c00;

	border-bottom: 1px solid #c00;

}

#content-main h4.subtitle

{

    font-size:14px;

}

#content-main h5 {

	color: #fff;

	background: #c00;

	font-size: 10px;

	line-height: 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: bold;

	padding: 10px;

	margin-bottom: 10px;

	}

#content-main h5.emph {

	color: #000;

	font-weight: bold;

	font-size: 12px;

	background: #FFF;

}

#content-main h6 {

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 2px 10px 2px 10px;

	margin-top: 10px;

}    



#content-left,

#content-right 

{

    width: 350px;

    float: left;

}



#content-left-staff,

#content-right-staff 

{

    width: 200px;

    float: left;

}





table {

	margin-bottom: 5px;

}

th {

	color: #fff;

	background-color: #333;

	letter-spacing:1px;

	text-align:center;

	padding: 2px 6px;

	font-weight:bold;

}

th.fancy {

	color: #fff;

	background-color: #000;

	text-align:left;

	vertical-align:top;

	padding: 10px 10px 10px 10px;

	font-size:11px;

}



#content-main th a:link {

	color: #fff;

	border-color: #fff;

}



#content-main p {

	margin: 10px;

}

#content-main ul, #content ol, #content dl {

	margin: 10px;

}

#content-main ul li {

	list-style: none;

	padding: 0 0 5px 10px;

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

	}

#content-main ul ul {

	margin: 5px 5px 0 5px;

	}

#content-main ul li li {

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

	}

#content-main ol {

	padding: 0 0 0 23px;

	_padding: 0 0 0 28px;

	}

#content-main li ol {

	margin: 5px 0 0 0;

	} 

#content-main .normal {

	font-size:10px;

}

/*#content .normal li {

	padding-bottom:10px;

}

#content .noIndent {

	margin-left:30px;

}*/



#content-main dl {

	margin: 0 0 15px 15px;

	padding:0;

}

#content-main dd {

	margin-left:20px;

}

#content-main ul ul{ 

	list-style-type: square;

}

#content-main ol li {

	padding-bottom:6px;

}



tr.red, tr.red th {

	background-color: #900;

}

td {

	padding: 2px 6px;

	font-size:11px;

	margin: -2px;

	vertical-align:top;

}

tr.alt, tr.alt td {

	background-color: #f6f6f6;

}

tr.bold td {

	font-weight:bold;

}



table.fancy {

	border:1px solid #bbb;

}

table.fancy tr td {

/*	border:none;*/

}

tr.hilited, tr.hilited td {

	background:#9cf;

	color:#000;

}



.Note {			font-weight:bold;

				color:#990000;

		}

.contentNote {

				font-family:Verdana, Arial, Helvetica, sans-serif;

				font-size: 90%;

				font-weight:lighter;

				line-height: 1.2em;

			   }

.answer {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 95%;

	display: block;

	margin-left:20px;

	margin-right: 40px;

			   }



.filetype {

				font-family:Verdana, Arial, Helvetica, sans-serif;

				font-size: 90%;

				font-weight:lighter;

				font-style:italic;

				color:#990000;

			   }

#content-wrapper

{

	margin-bottom: 10px;

	padding-bottom: 5px;

	width: 100%;

	}



#two-column-wrapper {

	margin-bottom: 10px;

	padding-bottom: 5px;

	width: 100%;

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

	}

	

	#two-column-left,

	#two-column-right {

		width: 230px;

		float: left;

		}

		

		#two-column-left select,

		#two-column-right select {

			margin: 10px 0 10px 10px;

			width: 200px;

			padding-top: 1px;

			border: 1px solid #666666;

			background: #eee;

			}

			#two-column-left option,

			#two-column-right option {

				padding: 2px;

				}

	

		#two-column-left div,

		#two-column-right div {

			position: relative;

			background-color: #ccc;

			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: 70px;

			}

		#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-story {

	margin: 20px 0;

	_margin: 10px 0 10px 0;

	background: url(../images/gateway/photo-become-part.jpg) no-repeat left top;

	}

	#intro-story h2 {

		height: 23px;

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

		margin: 0 10px 10px 125px;

		}

	#intro-story p,

	#intro-story ul {

		margin: 15px 10px 15px 126px;

		}

		

#accreditation-story {

	margin: 20px 0;

	_margin: 20px 0 10px 0;

	background: url(../images/gateway/ncate.png) no-repeat 92% 10px;

	}

	#accreditation-story h2 {

		height: 19px;

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

		margin: 0 160px 15px 10px;

		}

	#accreditation-story p,

	#accreditation-story ul {

		margin: 15px 160px 15px 10px;

		}

		

#student-stories {

	padding: 15px 0 25px 0;

	_padding: 5px 0 20px 0;

	}

	#student-stories h2 {

		height: 20px;

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

		}

	#student-stories select {

			margin: 10px 0 0 0;

			padding-top: 1px;

			border: 1px solid #666666;

			background: #eee;

			}

			#student-stories option {

				padding: 2px;

				}

	#student-stories ul {

		list-style: none;

		margin: 10px 0;

		}

	#student-stories li {

		display: inline;

		width: 84px;

		float: left;

		margin-right: 10px;

		}

	#student-stories li.endrow {

		margin-right: 0;

		}

	#student-stories img {

		border: none;

		}

	#student-stories li p,

	#student-stories li p b {

		color: #ccc;

		line-height: 12px;

		}

	#student-stories li:hover p,

	#student-stories li.sfhover p {

		color: #333;

		line-height: 12px;

		}

	#student-stories li:hover p b,

	#student-stories li.sfhover p b {

		color: #c00;

		}

.staff-right

	    {	   

	    height:150px;

	    width:590px;

		margin-left:100px;

		

	

	    }

.staff-right h3

			  {

	position: relative;

	font-size: 13px;

	line-height: 16px;

	margin-left: 10px;

	text-align:left;

	font-style:italic;

                

			  }

   

.staff-left  {

            border-width: 0;

			height: 150px;

			width: 100px;

			float: left;

			}

#slide

{

    text-align:center;

}

div.hr {

	height: 1px;

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

	margin-top:10px;

	}



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



#sidebar-column .learn-more {

	height: 8px;

	margin: 7px 0 12px 0;

	background: url(../images/gateway/learn-more.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 {

	margin: 10px;

	}

#welcome-video {

	padding: 0 0 10px 0;

	background: #fff url(../images/gateway/welcome-video.png) no-repeat left top;

	height: 90px;

	_height /**/:100px;

	}

#story {

	border-bottom: 10px solid #fff;

	}

	#story img {

		width: 230px;

		height: 90px;

		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 {

		width: 71px;

		margin: 0 0 11px 10px;

		}

.sidebar-news h4 {

	background-color: #c00;

	padding: 10px;

	}

.sidebar-news .news-more {

	height: 25px

	}

	.sidebar-news .news-more li {

		float: left;

		padding-left: 10px;

		list-style: none;

		}

		.sidebar-news #more-news {

			float: left;

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

			width: 69px;

			height: 8px;

			}



		.sidebar-news #podcasts {

			float: left;

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

			width: 62px;

			height: 8px;

			}

.sidebar-news .news-links {

	margin: 10px;

	}

	.sidebar-news .news-links li {

		list-style: none;

		padding-left: 10px;

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

		}

			

.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;

	_padding-right: 20px;

	}

	



/* 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 ********************************/

a.external{

	display:inline-block;

	background: url("/template/images/new/icons/extlink.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.swf {

	display:inline-block;

	background: url("/template/images/new/icons/swficon.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.wmedia {

	display:inline-block;

	background: url("/template/images/new/icons/wmedia.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.mail {

	display:inline-block;

	background: url("/template/images/new/icons/email.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.pdf {

	display:inline-block;

	background: url("/template/images/new/icons/pdficon.gif") no-repeat 100% 50%;

	padding-right:18px;

}

a.doc {

	display:inline-block;

	background: url("/template/images/new/icons/docicon.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.lock {

	display:inline-block;

	background: url("/template/images/new/icons/lockicon.gif") no-repeat 100% 50%;

	padding-right:15px;

}

a.xls {

	display:inline-block;

	background: url("/template/images/new/icons/xlsicon.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.ppt {

	display:inline-block;

	background: url("/template/images/new/icons/ppticon.gif") no-repeat 100% 50%;

	padding-right:20px;

}

a.rtf {

	display:inline-block;

	background: url("/template/images/new/icons/docicon.gif") no-repeat 100% 50%;

	padding-right:20px;

}

#story {

	position: relative;

	height: 250px;

	border-bottom: 10px solid #fff;

	overflow: hidden;

	}

	#story img {

		width: 231px;

		height: 112px;

		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;

		}



#randomphoto

{

    width:231;

    height:112;

}