﻿/* CSS Document */

/* ---------------------------------------------------------------------
Style for Texas Tech Physicians Revamp
Style guide for all Tier 3 page
Author: Jo Bradley - HSC
Created: March 2010
--------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body, div, p, form, input, select, textarea, fieldset {
/*	font: 12px/15px "Times New Roman", Times, serif */
/*	font-family: Arial, Helvetica, Verdana, sans-serif;  */
	font: 13px/15px Arial,Helvetica,Verdana,sans-serif;
/*	font-size 1em; */
	color: #000000;
}
body {
	background-color: #F0E6CD;
}
a img {
	border: none;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 944px;
}
#container {
	padding: 8px 20px;
	background-image: url(/images/container_bg.gif);
	width: 900px;
}
/* Heading and Logo */
#masthead {
background-color: #F0E6CD; 
margin-left:10px; 
width: 885px; 
height: 150px; 
/*border-bottom:#E20916; 
border-bottom-width: 8px; 
border-bottom-style: solid;*/
} 
#mastlogo {
float:left; 
position: absolute; 
margin-top: 75px; 
margin-left: 10px;
}
/* Headers */
h1 {
	font: normal 18px Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	color: #E20916; 
	padding: 0 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*h2 {
	font: normal 16px Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	color: #E20916; 
	margin: 10px 0;
	border-bottom: 1px dotted #D7C9A6;
	padding: 0 10px 10px 10px;
	clear:left;
}*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#E20916;
/*	width:400px; */
	border-bottom:1px dashed #D7C9A6;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
h3 {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	margin: 10px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #E20916; 
	padding: 2px 5px 2px 5px;
	margin-top: 10px;
}
h5 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
	}
h6 {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-top: 10px;
}
/* added 06/24/10  */
#content h1 a:link, #content h1 a:visited, #content h1 a:active, 
#content h2 a:link, #content h2 a:visited, #content h2 a:active, 
#content h3 a:link, #content h3 a:visited, #content h3 a:active, 
#content h4 a:link, #content h4 a:visited, #content h4 a:active,
#content h5 a:link, #content h5 a:visited, #content h5 a:active, 
#content h6 a:link, #content h6 a:visited, #content h6 a:active {
	color: #000000;
	font-weight: bold;
	padding-bottom: 5px;
}
/* updated 04/13/11 changed color, removed bold and padding. */
#content a:link, #content a:visited {
	color: #CC0000;
/*	font-weight: bold; */
/*	padding-bottom: 5px; */
	text-decoration: none;
}
/* added 04/13/11  */
#content a:hover, #content a:active {
text-decoration: underline;
}
/*Upper Navigation */
#globalNav {
	display:inline;
	float:left;
	border-bottom: 5px #FFFFFF solid;
	position: absolute;
	width:885px;
	height:58px;
	background-color: #E20916;
}
#globalNav ul {
	float:left;
	width:100%;
	margin: 0;
	padding:0;
	font-size:14px;
}
#globalNav li {
	cursor: default;
	display:block;
	float:right;
	font-weight: bold; 
	height: 22px;
	letter-spacing: 0px;
	padding: 10px 11px 0 10px;
	position:relative;
	text-transform:uppercase;
	margin-top: 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color:#FFFFFF;

}
#globalNav li a {
	line-height: 10px;
	letter-spacing: 0px;
	text-decoration:none;
	background-image: none;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
}
#globalNav li:hover a, 
#globalNav li.over a, 
#globalNav li.more:hover a, 
#globalNav li.moreover a {
	color: #000000;
	font-weight: bold;
}
/* Primary Left Navigation */
/* Updated 07/16/10 to correct padding issues Jo */
#primaryNav {
	background:#FFFFFF;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 0px;
	margin-top: 5px;
	width: 240px;
	float: left;
	position: relative;
	z-index: 1000;
	display: inline;
}
#primaryNav h3 {
	background: #000000;
	margin-left:10px;
	padding-top:10px;
	color:#FFFFFF;
	font-size: 14px;
	line-height: 12px;
	font-weight:bold;
	letter-spacing:.5px;
	padding:10px;
	text-transform:uppercase;
	margin: 0;
	border-bottom: #E20916;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	text-align: center;
}
#primaryNav ul {
	list-style: none;
}
#primaryNav li,
#primaryNav li a,
#primaryNav li.more,
#primaryNav li.more a {
	color: #E20916;
	text-decoration:none;
	padding: 2px 0px 2px 0px;
	position: relative;
}
#primaryNav li {
	background: url(/images/sites/nav-border-horz.gif) repeat-x left bottom;
}
#primaryNav li.more {
	background: url(/images/sites/more-border-arrow.gif) no-repeat right bottom;
}
#primaryNav li:hover,
#primaryNav li.over {
	background-color: #E20916;
}
#primaryNav li.more:hover, 
#primaryNav li.moreover {
	color: #FFFFFF;
	background: #E20916 url(/images/sites/more-border-arrow-over.gif) no-repeat right bottom;
}
#primaryNav li:hover a, 
#primaryNav li.over a, 
#primaryNav li.more:hover a, 
#primaryNav li.moreover a {
	color: #FFFFFF;
}
	/* 2nd nav level */
	#primaryNav li ul, 
	#primaryNav li.more ul {
		position: absolute;
		border: 1px solid #000000;
/*		border-left-width: 0; */
		border-left-width: 1px;
		top: 0;
		left: -9999px;
		width: 240px !important;
	}
	#primaryNav li.over ul, 
	#primaryNav li.moreover ul {
		left: 240px;
	}
	#primaryNav li li,
	#primaryNav li li.more {
		color: #000000;
		background-image: none; 
		background-color: #FFFFFF;
		padding: 0px 0px;
		border: 3px solid #FFFFFF;
		border-width: 3px 5px; 
		width: 230px;
	} 
	#primaryNav li li.more {
		background: #FFFFFF url(/images/sites/arrMore.gif) no-repeat 220px;
	}
	#primaryNav li li:hover, 
	#primaryNav li li.over {
		background-color: #E20916;
		background-image: none;
	}
	#primaryNav li li.more:hover, 
	#primaryNav li li.moreover {
		background: #E20916 url(/images/sites/arrMoreO.gif) no-repeat 220px;
	}
	#primaryNav li li a, 
	#primaryNav li li.more a, 
	#primaryNav li:hover li a, 
	#primaryNav li.over li a, 
	#primaryNav li.more:hover li a, 
	#primaryNav li.moreover li a, 
	#primaryNav li:hover li, 
	#primaryNav li.over li,	
	#primaryNav li.more:hover li, 
	#primaryNav li.moreover li {
		color: #000000;
}
	#primaryNav li li:hover a, 
	#primaryNav li li.over a, 
	#primaryNav li li.more:hover a, 
	#primaryNav li li.moreover a, 
	#primaryNav li li:hover, 
	#primaryNav li li.over, 
	#primaryNav li li.more:hover, 
	#primaryNav li li.moreover {
		color: #FFFFFF !important;
	}
				/* 3rd nav level */
				#primaryNav li:hover li ul,
				#primaryNav li.over li ul,
				#primaryNav li.more:hover li ul,
				#primaryNav li.moreover li ul {
					left: -9999px;
					}
				#primaryNav li li:hover ul,
				#primaryNav li li.over ul,
				#primaryNav li li.more:hover ul,
				#primaryNav li li.moreover ul {
					left: 235px !important;
					top: -4px;
					border-width: 1px;
					}
				#primaryNav li li li a,
				#primaryNav li li li.more a,
				#primaryNav li li:hover li a,
				#primaryNav li li.over li a,
				#primaryNav li li.more:hover li a,
				#primaryNav li li.moreover li a,
				#primaryNav li li:hover li,
				#primaryNav li li.over li,
				#primaryNav li li.more:hover li,
				#primaryNav li li.moreover li {
					color: #000000 !important;
					}
				#primaryNav li li:hover li:hover a,
				#primaryNav li li:hover li.more:hover a,
				#primaryNav li li.over li.over a,
				#primaryNav li li.over li.moreover a,
				#primaryNav li li.more:hover li:hover a,
				#primaryNav li li.more:hover li.more:hover a,
				#primaryNav li li.moreover li.over a,
				#primaryNav li li.moreover li.moreover a,
				#primaryNav li li:hover li:hover,
				#primaryNav li li:hover li.more:hover,
				#primaryNav li li.over li.over,
				#primaryNav li li.over li.moreover,
				#primaryNav li li.more:hover li:hover,
				#primaryNav li li.more:hover li.more:hover,
				#primaryNav li li.moreover li.over,
				#primaryNav li li.moreover li.moreover {
					color: #FFFFFF !important;
					}
/* Lists */
ul li {
	margin-bottom:0px;
	margin-top:0px;
	color:#000000;
	}		
	
#content ul {
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 25px;
	} 
/*Content area */
#content {
	position: relative;
	display:inline; 
	float:right; 
	margin-right:10px; 
	width:620px;
}
#content p {
margin-bottom: 5px;
margin-top: 5px;
padding-right: 10px;
font-size: 12px;
}
/* added 06/23/10  */
#content p a {
	margin: 5px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.rightfloat {
float: right;
margin:0 10px 10px 10px;
}
.leftfloat {
float: left;
margin: 0px 10px 10px 10px;
}
/*  Columns on Search pages only */
.columns {
	margin: 10px 0;
	width: 100%;
	}
	.columns: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;
	}
	.columns  {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html .columns {height: 1%;}
    /* End IE Mac 5 Hack */
.columnLeft {
width: 350px;
float: left;
display: inline;
border-right: 1px dotted #F0E6CD;
padding: 5px;
}
.columnRight {
width: 250px;
float: right;
display: inline;
padding: 5px;
}
.columnLeftSearch {
	width: 350px;
	float: left;
	display: inline;
	border-right: 1px dotted #000000;
	padding: 5px;

}
.columnRightSearch {
	width: 245px;
	float: right;
	display: inline;
	background-color:#F0E6CD;
	padding: 5px;
	height: 250px;
	overflow: scroll;
	border: 1px solid #333333;	
}
/*.profileimg{
	padding-right:10px;
	margin-left:0px;
	padding-left:0px;
	float:left;
	padding-bottom:10%;
	display:inline;
	}*/
.GreyText{
	color:#666666;
	}
.RedText{
	color:#E20916;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	border:0px;
	}	
.Header6{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	}
/* Multiple search boxes */
#searchbox {
height: 10px; 
width: 405px; 
background-color:#F0E6CD; 
border: #F0E6CD 5px solid; 
margin: 60px 0px 0px 0px; 
float: right;
}
/* Keyword search box */
.keyword {
float:right; 
padding-top: 50px;
}
/* Google search box */
.google {
float:right; 
padding-top: 50px;
}
/* Footer */
#footermain {
background:#F0E6CD; 
width: 890px; height: 80px; 
border-top: 10px solid #000000; 
margin: 10px 0px 0px 5px;
}
#footermain p {
border-left: 1px dashed #FFFFFF; 
padding-left: 10px; 
margin-top: 20px; 
margin-right: 10px; 
text-align: left; 
font-size: 10px;
float: right;
font-family:"Times New Roman", Times, serif; 
font-size: 9px;
} 
#footermain p a {
text-decoration: none; color: #E20916;
}
p.splashbottomlinks {
	text-align:left; 
	padding-left:10px; 
	border-left:1px dashed #ffffff;
	}
p.splashbottomlinks a  {
	color:#E20916;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	border:0px;
	}
.splashbottomlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:left; 
	padding-left:10px; 
	border-left:1px dashed #ffffff;
	}
.splashbottomlinks a  {
	color:#E20916;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	border:0px;
	}
.foot {
	float:right; 
	padding-top: 0px; 
	padding-right: 0x;
	}
#footer img {
float: left; 
padding-left: 15px; 
padding-top: 10px;
}
#footermain .espanolf p {
font-family:"Times New Roman", Times, serif; 
font-size: 9px;
text-align: center; 
width: 170px; 
margin-top: 10px; 
float: left; 
margin-left: 30px;
border: none;
}

