


h2.subtitle{
color: #000;
}

h2.section {
background:url(http://www.ttu.edu/template/images/new/dotted-border-horz.gif) top left repeat-x;
margin:10px 0 10px;
padding:15px 10px 0;
color: #000;
}
hr.section {
background:url(http://www.ttu.edu/template/images/new/dotted-border-horz.gif) top left repeat-x;
margin:10px 0 0 0;
padding:10px 0 0 0;
clear:both;
width:700px;
border: none;
}
h3{
font-size: 12px;
margin: 12px 10px -6px 10px;
}

#content h5 {clear: left}

#content p.notice {margin-top: 10px; color:#666; font-size: 11px}

#content p, #content ul, #content ol, #content dl {font-size: 11px}

#content ul, #content dl {margin: -10px 0 15px 0;}

#content ul li {padding: 7px 0 0 20px}

ul.directoryimagewrap{
margin: 0 0 0 10px !important;
clear: both;
display:block;
}

.directoryimagewrap li{
float: left;
width: 220px;
margin: 0px 0px 10px -10px !important;
display: block;
height: 78px;
overflow: hidden;
padding: 10px !important;
background: #fff none !important;
}

.directoryimagewrap li.highlight{
background-color: #FFEBCD !important;
}

.directoryimagewrap img{
float: left;
margin: 0 10px 10px 0;
}

.directoryimagewrap h3{
font-size: 11px !important;
margin: 6px 10px -6px 10px !important;
}

.directoryimagewrap p{
font-size: 11px !important; 
margin-left: 70px !important;
}

/* SIDEBAR -------------------------------------------- */
.sidebarColumns {
CLEAR: both; DISPLAY: block; FLOAT: left; WIDTH: 100%; margin:0px; padding: 0px; background-image:url(http://www.texastech.edu/development/templates/images/fauxColumn.gif); background-repeat:repeat-y;
	}
#main-column {
	width:460px; float:left
}
#sidebar-column {
	width: 230px;
	float: left;
	margin: 0 0 0 10px;
	background: #ccc;
	}
#content #sidebar-column h4 {
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #333;
	border: 0px none;
	padding: 10px;
	margin: 0px; 

	}
#content #sidebar-column p,
	{
	padding-top:0;
	margin-top: 10px;
	}
#content #sidebar-column ul {
	margin: 3px 0 16px 0;
	}
#content #feature-story {
	position: relative;
	overflow: hidden;
	border-bottom: 10px solid #fff;
	}
#content #feature-story img {
	width: 230px;
	height: 70px;
	border-width: 0;
	}	
#content #feature-story h4 {
	margin-bottom: -10px;
	font-size: 10px;
	line-height: 14px;
	width: 140px;
	border-bottom:0;
	background-color: #ccc;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
#content #feature-story p {
	margin: 7px 10px;
	}
#content #feature-story .learn-more {
	width: 71px;
	margin: 10px 0 11px 0;
	}
#content #red-raiders {
	padding: 10px 0;
	background: #fff url(http://www.ttu.edu/images/gateway/red-raiders.gif) no-repeat 0 10px;
	height: 70px !important;
	_height /**/:90px;
	}
#content .sidebar-news h4,
#content .sidebar-quote h4 {
	background-color: #333;
	padding: 10px;
	}
#content .more-news {
	text-indent:-9999px;
	display:block;
	text-decoration:none; outline:none;
	border-bottom:0;
	margin: 0; 
	height: 12px;
	background: url(http://www.engineeringoutreach.ttu.edu/templates/images/more-news.gif) no-repeat left top;
}
#content .sidebar-quote p {
	font-weight: bold;
	}
#content .sidebar-quote i {
	font-weight: normal;
	}
#content .sidebar-story div {
	position: relative;
	background-color: #333;
	height: 70px;
	}
	/* hide from Mac IE 5 \*/
	.sidebar-story div { overflow: hidden; }
	/* End MacIE 5 hack */
#content .sidebar-story div img {
	border-width: 0;
	height: 70px;
	width: 70px;
	}
#content .sidebar-story div h4 {
	position: absolute;
	left: 70px;
	bottom: 0px;
	margin: 0px;
	
	}
a.mail {
	background: url('/development/templates/images/icon_16_email.gif') no-repeat 100% 50%;
}
a.rss {
background:transparent url('/development/templates/images/icon_16_rss.gif') 100% 50% scroll no-repeat;
padding:2px 20px 2px 0;
}

/*	Form Elements */
#content .formLabel{
	font-weight: bold;
	margin-bottom: 5px;
	text-align:left !important;
	
}
#content .formField {
	margin: 0 0 10px 0 !important;
	width: 440px;
}
#content form {
	width: 440px; 
	margin: 0 10px;
}
#content #button {
	float: left;
	padding: 1px 8px;
	margin-top: 10px;
}
#content .error {
	background-color: #F00;
	color: #FFF;
	padding: 1px 3px;
}
#content .noError {
	background-color: #FFF;
	color: #333;
	padding: 0;
}
#content #warning {
	display: none;
	margin: 5px 0 15px 0;
	font-weight:bold;
}
#content input#search_button {
height: 14px;
width: 12px;
cursor: pointer;
}

div#section-banner {
text-indent:-9999px;
display:block;
text-decoration:none;
outline-style:none;
border-bottom:10px solid #fff;
margin: 0;
height: 102px;
width:460px;
background-repeat: no-repeat !important;
background-position: left top;
}

div#section-banner h1, div#section-banner h2 {
background: none;
text-indent:-9999px;
}

div#video-links {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 9px 10px 8px 10px;
}

#video-links p {
	color: #333;
	padding: 0;
	margin: 0;
	display:inline;
}
#video-links ul {
	display: inline;
}
#video-links ul li {
	display: inline;
	background-image: none;
	margin: 0 0 0 8px;
	padding: 0;	
}
#video-links a {
	padding:16px 0 16px 20px;
}
#video-links a#email {
	background: url('/development/images/icons/email_16.gif') 0 50% scroll no-repeat;
}
#video-links a#digg {
	background: url('/development/images/icons/digg_16.gif') 0 50% scroll no-repeat;
	height: 100px;
}

#video-links a#delicious {
	background: url('/development/images/icons/delicious_16.gif') 0 50% scroll no-repeat;
}

#video-links a#facebook {
	background:url('/development/images/icons/facebook_16.gif') 0 50% scroll no-repeat;
}
#video-links a#linkedin {
	background:url('/development/images/icons/linkedin_16.gif') 0 50% scroll no-repeat;
}
#video-links a#buzz {
	background:url('/development/images/icons/buzz_16.gif') 0 50% scroll no-repeat;
}

ul.tab-bar-gray  {
	display: block;
	background-color: #dedede;
	margin: -10px 0 20px 0 !important;
	padding: 5px 0px;
}
ul.tab-bar-gray li {
	display: inline;
	background-image: none !important;
	padding: 0 !important;
	margin: 0 -3px 0 0 !important;
}
ul.tab-bar-gray li a {
	color: #333 !important;
	background-color: #dedede;
	padding: 6px 10px 7px 10px;
	text-decoration:none !important;
	border-right: 1px solid #ccc;
}
ul.tab-bar-gray li a:hover {
	background-color: #666;
	color: #fff !important;
	text-decoration:none;
	
}
ul.tab-bar-gray li.current a {
	background-color: #aaa;
	color: #fff !important;
}
ul.tab-bar-gray li.current a:hover {
	background-color: #aaa;
	cursor:default;
}
ul.tab-bar-gray li.last a {
	border: none;
}
#content ul.no-bullet,#content ul.no-bullet li {
background-image:none;
padding-left:0;
margin-left:0;
}
#content ul.no-bullet{
margin-top: 5px;
}

#content ul.no-bullet li {
padding:0 0 5px 0;
}

#content ul.no-bullet li p {
padding-bottom: 0; margin-bottom: 0;
}
#content .byline {
line-height:1;
font-size:10px;
color:#666;
margin:10px 0;
padding: 0 10px;
float:none;
}

#content .cutline {
line-height:1.25;
color:#666;
font-size:10px;
margin:2px 10px 10px !important;
}


#content li h3 {margin-bottom:5px;}

#content li .byline {
margin:0 0 -4px;
}

#content .byline span {
text-transform:uppercase !important;
}

.sidebar-box {
background-color: #ccc;
width: 220px;
float: right;
margin: 0 10px 10px 0;
}
#content h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:10px;
background:#C00;
font-variant:normal;
text-transform:uppercase;
color:#fff;
line-height:12px;
letter-spacing:1px;
margin:0;
padding:10px;
}

/**************************
 *    COLLAPSIBLE LIST    *
 **************************/
ul.collapse h3 {
	font-size: 11px;
	color: #900;
	margin: 0;
	padding: 0;
}
ul.collapse h3 span {
	cursor: pointer;
	display:inline-block;
	background: url(/development/templates/images/h3_more.gif) no-repeat 100% 50%;
	padding-right: 8px;
}
ul.collapse h3.show span {
	cursor: pointer;
	display:inline-block;
	background: url(/development/templates/images/h3_less.gif) no-repeat 100% 50%;
	padding-right: 10px;
}
.list-entry {
 margin-left: 10px; border-left: 1px solid #ccc; 
}
.list-entry strong {
	color: #333;
}
#content .list-entry ul {
	padding: 0 5px;
}
#content .list-entry ul li {
	margin-bottom: 5px;
	background: url(http://www.ttu.edu/template/images/new/bullet2.gif) no-repeat 0 6px;
	padding-left:10px;
}
/**************************
 *   FLICKR               *
 **************************/
 .flickr_badge_home .flickr_badge_image a img{
 	border: none;
	width: 210px !important;
	outline: none;
 }
 .flickr_badge_home .flickr_badge_image a{
 	border: none;
 }
 
 .flickr_belt{
	padding: 15px 0 0 10px;
	background: url(http://www.ttu.edu/template/images/new/dotted-border-horz.gif) top left repeat-x;
	margin: 10px 0 0 0; 
	clear: right;
}
.flickr_gallery{
margin: 10px 0 -10px 10px; 
}
.flickr_belt img {
	width: 100;
	height: 67;
	margin-right: 10px;
	border: 1px solid #fff;
}
.flickr_gallery img {
margin: 0 10px 10px 0;
border: 1px solid #ccc !important;
width: 61px;
height: 61px;
}

.flickr_belt img:hover {
	border: 1px solid #c00 !important;
}

.flickr_belt p {
margin: 0 0 0 0 !important;
padding: 2px 12px 0 0 !important;
line-height: 1;
text-align: right;
clear: both;
}

p.footnote{
	margin-top: 10px; color:#666; font-size: 11px;
}