/*
Design by The Atkins Group 2007 for The University of Texas Health Science Center
http://www.theatkinsgroup.com

Title      : The University of Texas Health Science Center
Version    : beta
Released   : 10/26/2007
Description: Two and three column, fixed-width template.
*/

body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
}

.navskip {

position:absolute;
left:-3000px;
width:500px;

}


#cssMenu2 {
	background-image:url(../includes/menus_css/skins/som/img_vertical/primary_menu_shadow.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}


#cssMenu3 {
	
	padding-bottom: 5px;
}


#uthscsa_menu {
	width: 980px;
	margin: 0 auto;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}

.title1 {
	margin: 0;
	padding: 8px 0 5px 0;
	font-weight: normal;
	font-size: 129%;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(../images/img09.gif) repeat-x left bottom;
	font-size: 190%;
	font-weight: normal;
	color: #00694e;
}

/* 2 column feature content - orange */

.title3_orange {
	margin: 0;
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFC68C;
	font-size: 129%;
	font-weight: normal;
	color: #e6e6e6;
}

.boxed {
	padding: 5px 30px 20px 30px;

}

.boxed p {
	margin:0;
	line-height: 180%;
}

.boxed ul, .boxed ol {
	line-height: 180%;

}

.orange {
	margin: 20px 30px;
	color: #FFFFFF;
	background-color: #c85300;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;
	width: 300px;
}

.col-one a:link,
.col-one a:visited,
.col-one a:active
{
	color:#FFFFFF;
	text-decoration:underline;


}

.col-one a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}


.col-two {
	float: right;
	width: 300px;
}

.col-two a:link,
.col-two a:visited,
.col-two a:active
{
	color:#FFFFFF;
	text-decoration:underline;


}

.col-two a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

/* 2 column feature content - grey */

.title3_grey {
	margin: 0;
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e6e6e6;
	font-size: 129%;
	font-weight: normal;
	color: #e6e6e6;
}

.boxed {
	padding: 5px 25px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.grey {
	margin: 20px 30px;
	color: #FFFFFF;
	background-color: #bdb7b1;
}

.grey a {
	color: #FFFFFF;
}

.ltgrey {
	margin: 0px 0px;
	color: #FFFFFF;
	background-color: #ddd;
}

.ltgrey a {
	color: #FFFFFF;
}



/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(../images/img01.gif) repeat-y;
}
#page_3col {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(../images/3col_page_background.gif) repeat-y;
}
#page_3col1 {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(../images/3col_page_background1.gif) repeat-y;
}

#page_3col2 {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF;
}


#pagehead_2col {
	font-size: 95%;
	line-height: 280%;
	letter-spacing: .07em;
	height: 38px;
	padding-left: 30px;
	background-image: url(../images/pagehead.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 240px;
}
#pagehead_3col {
	font-size: 95%;
	line-height: 270%;
	letter-spacing: .07em;
	height: 38px;
	padding-left: 30px;
	background-image: url(../images/pagehead_2col_bg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 240px;
}

/* Header */

#header {
	width: 980px;
	margin: 0 auto;
	height: 140px;
	_height: 110px;
	background-color: #FFFFFF;
}

#header .logo {
	width: 344px;
	padding: 30px 0 0 20px;
	float: left;
	clear: right;
}

#header .secnav {
	width: 450px;
	height: 0px;
	margin: 0px 0px 60px 0;
	_margin: 0;
	padding: auto;
	_padding: 15px 60px 0px 0;
	float: right;
	vertical-align: top;
	text-align: right;
	font-size: 12px;
}

#header .secnav a {
	text-decoration: none;
	color:#135293;
}

#header .secnav a:hover {
	text-decoration: underline;
	color:#135293;
}

#header .search {
	width: 450px;
	height: 20px;
	margin: 0px 0px 10px 0;
	_margin: 0;
	padding: auto;
	_padding: 15px 60px 0px 0;	float: right;
	vertical-align: center;
	font-size: 82%;
	text-align: right;
}

#header .tagline {
	float: right;
	padding: 5px 60px 0 0;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}
#rightbar {
	float: right;
	padding: 5px 0 0 0;
	width: 200px;
	text-align:left;
}
#secmenu {
	width: 176px;
	padding: 3px 0 0 8px;
	color:#000000;
}

#secmenu a:link,
#secmenu a:visited,
#secmenu a:active
{
	color:#000000;
	text-decoration:noe;
}

#secmenu a:hover
{
	color:#ffffff;
	text-decoration:none;
}


/* Sideboxes */
#rightbar1 {
	float: right;
	padding: 5px 0 0 0;
	width: 220px;
	text-align:right;
}

#sidebox1 {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	text-align:right;
}

#sidebox {
	padding: 10px 15px 20px 20px;
	font-size: 85%;
	text-align:left;
}

#sidebox ul {
	padding:4px 0 4px 0px;;
	margin:0;
}

#sidebox li a, #sidebox li a:visited {
	list-style-type:none; /* removes default bullet */
	background-image:url(../images/bullet_square_orange.gif);
	background-repeat: no-repeat; /* ONE bullet only please */
	background-position: 0 .45em; /* .45em from top (vertical) */
	padding-left:16px; /* space between bullet and text */
	color: #333333;

	/* styling options below */
	line-height:20px;
}

#sidebox li {
	list-style-type:none; /* removes default bullet */
	margin:0;
}

#calendar {
	padding: 10px 15px 20px 20px;
	font-size: 85%;
	background-color: #abada4;
	background-image: url(../images/img_calendar_bg.gif);
	background-repeat: repeat-y;
	clear: both;
	text-align:left;
	
}
#calendar a {
	color: #333333;
	text-decoration: underline;
}
#calendar a:hover {
	text-decoration: none;
}
#calendar ul {
	padding:4px 0 4px 0px;;
	margin:0;
}

#calendar li a, #calendar li a:visited {
	list-style-type:none; /* removes default bullet */
	background-image:url(../images/bullet_square_orange.gif);
	background-repeat: no-repeat; /* ONE bullet only please */
	background-position: 0 .45em; /* .45em from top (vertical) */
	padding-left:16px; /* space between bullet and text */

	/* styling options below */
	line-height:20px;
}

#calendar li {
	list-style-type:none; /* removes default bullet */
	margin:0;
}

/* CTRC Inputs */



/* End CTRC Inputs */


/* Input */

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: 1px;
	font: bold 85% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit2 {
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

/* Content */

#content {
	float: right;
	width: 740px;
	text-align:left;
}

#content_3col {
	float: left;
	width: 525px;
	text-align:left;
}

#content_3col1 {
	float: left;
	width: 505px;
	text-align:left;
}

.imageleft {
	float: left;
	margin: 0 10px 10px 0;
}



/* Footer */

#footer {
	width: 980px;
	height: 115px;
	margin: 0 auto;
	background-image: url(../images/footer_background_fill.jpg);
	background-repeat: repeat-x;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}

#info {
	float: left;
	margin: 0;
 	width: 220px !important;
 	width /**/:250px;
	padding: 15px 0 25px 20px;
	color: #000;
	line-height: 1.5em;
	background-image: url(../images/footer_shadow_overhang.jpg);
	background-repeat: no-repeat;
}

#info a {
	color: #FFFFFF;
}

#links p {
margin-left:0;
}

#links {
	float: right;
	width: 720px;
	line-height: 1.5em;
	padding: 15px 0 25px 20px;
}

#links a:link,
#links a:visited,
#links a:active
{
	color:#135293;
	text-decoration:underline;


}

#links a:hover
{
	color:#135293;
	text-decoration:none;
}



/* Page centering outermost container */
#containerhp
{
	width: 730px;
	margin: 2px auto 10px auto;
	_margin: 5px auto;
	background: #999999;	
}
/* One full length horizontal container */
.horizRect
{
    width:100%;
    clear: both;
    background: #fff;
}

/* Main content container (first inner) */
#mainhp
{
	margin:2px 0 5px 0;
	_margin:2px 0 0 0;
	padding: 5px 5px 2px 5px;
	width: 718px;
	text-align: justify;
	color: #333;
	line-height: 1.6em;
	background-color: #EEE;
	border: 1px solid #ccc;
	border-top: 2px solid #aaa;
	_border-top: 1px solid #aaa;	
	float: left;
	clear: both;
}

/* advertisement block */
.adblock
{
	width: 470px;
	border: 1px solid #A9A9A9;
	background: url('../images/homepage/ctrcNciLogo_lg.jpg') 10px 40px no-repeat #fff;
	color: #000;
	float: left;
	text-align: left;	
	padding: 2px;
  	height:270px;
	_height:272px;
}

/* Sidebar block */
.sideblock
{
	width: 235px;
	border: 1px solid #A9A9A9;
	background-color: #f8f8f8;
	color: #663366;
	float: right;
	text-align: left;
	padding: 2px;
  	height:270px;
}


/* advertisement block 2 (main)  */
.adblock2
{
	width: 712px;
	_width: 710px;
	border: 1px solid #A9A9A9;
	background: #fff;
	color: #000;
	float: left;
	padding: 2px;
	text-align: left;	
	height:130px;
	_height:150px;
	margin-bottom: 1px;
}

.adblock2_2
{
	width: 712px;
	_width: 710px;
	border: 1px solid #A9A9A9;
	background: #fff;
	color: #000;
	float: left;
	padding: 2px;
	text-align: left;	
	height:160px;
	_height:150px;
	margin-bottom: 1px;
}

/* Header style for sections and articles */
.noteheader
{
    width:auto;
    border-bottom: 1px solid #888;
    color: #222;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
    background:url(../images/misc/headerBG.jpg) repeat-x #f7f4f7;
}

/* The braggy block of text */

#brag
{
	margin: 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align:left;
	font-style:italic;
}

/* All those big numbers, 1585, 138 billionm....inside this */
.imgSlogan
{
	width: 433px;
	background-color: transparent;
	color: #555;
	margin-bottom:1px;
	height:60px;
	padding: 103px 3px 3px 20px;
}


/* Styling the ugly list buttons */
.imgSlogan li
{	
	font: bold 12px/20px arial, verdana, sans-serif;
}

.imgSlogan h2
{	
	padding: 10px 0 0 0;
	font: bold 14px arial, verdana, sans-serif;
	color: #00694e;
}

/* This should space things out for most text with a small padding */

.spacer
{
    padding: 5px 5px 0 5px;
}

.spacer_2
{
    padding: 5px 5px 0 5px;
}

.spacer_left
{
        padding: 280px 5px 0 5px;
	_padding: 280px 5px 0 5px;
}

.spacer_right
{
	padding: 0px 5px 0 5px;
	_padding: 0px 5px 0 5px;
	
}


.spacer_center {
    padding: 200px 5px 0 5px;
	_padding: 190px 5px 0 5px;
	
}

.spacer img
{
	float: left;
}

.spacer_center h2
{	
	font-size: 12px;
	font-weight: bold;
}



/* A full length container for holding three columns */
#threecolcontainer
{
    width:100%;
    background-color: #E0E0E0;
    color: #000;
}

/* Column 1 of the three columns */

.collft
{
	width: 230px;
	border: 1px solid #A9A9A9;
	background: url('../images/homepage/lifeBreast.jpg') 1px 30px no-repeat #fff;
	color: #000;
	float: left;
	padding: 2px;
	clear: both;
	margin-top: 1px;
	text-align: left;	
	height: 660px;
	_height: 680px;	
	
}

/* Column 2 of the three columns */
.col3
{
	width: 235px;
	border: 1px solid #A9A9A9;
	background: #E4DCE4;
/*	background: url('../images/homepage/brainBlue.jpg') 40px 30px no-repeat #E4DCE4; */
	color: #663366;
	float: right;
	padding: 2px;
	text-align: left;
	margin-left:1px;
	margin-top: 1px;
	height: 660px;
	_height: 680px;	
	
}

/* Column 3 of the three columns */
.col2 
{
	width: 233px;
	border: 1px solid #A9A9A9;
	background: url('../images/homepage/funshoot10.gif') 2px 30px no-repeat #F7F4F7;
	color: #000;
	float: right;
	padding: 2px;
	text-align: left;	
	margin-top: 1px;
	height: 660px;
	_height: 680px;	
}

/* For the read more links */
.readmore
{
    display: inline-block;
    clear: both;
}



.readmore a
{
	text-decoration: none;
}

.readmore a:hover
{
	text-decoration: underline;
}

.readmore_top
{
    display: inline;
}

.readmore_top a
{
	text-decoration: none;
}
.readmore_top a
{
	text-decoration: none;
}
#navcontainer
{
margin: 0px 0 0 5px;
_margin: 0 0 0 6px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
font-size: 105%;
_font-size: 100%;
font-weight: bold;
width: 730px;
_width: 734px;

}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 2px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
font-size: 1.0em;
}

ul#navlist li
{
display: block;
float: left;
width: 25%;
_width: 178px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.3em;
_padding: 0.3em 0.1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #9B292B;
text-decoration: none;
text-align: center;
line-height: 30px;

background: #f4f4f4;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #E5DCB9;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #3B716C;
background: E5DCB9;
border-color: #aaab9c #ddd #ede #ccc;
}

#hpwrapper {

	width:730px;
	margin: 0 auto;
	padding:0;
	text-align:left;
}
#hptopcontent {

	clear:both;
	width: 710px;
	margin: 10px 5px 8px 5px;
	_margin: 8px auto;
	float: left;
	padding: 0px;
	_padding: 10px 0px;
	color: #000;
	border: 1px solid #ccc;
	background: #ddd;
}
#hptopcontent p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	}
	
.cshead
{
	width: 620px;
	border: 1px solid #A9A9A9;
	background: #fff;
	color: #000;
	float: left;
	padding: 2px;
	text-align: left;	
	margin-bottom: 1px;
}

/* Header style for sections and articles */
.csnote
{
    width:auto;
    border-bottom: 1px solid #888;
    color: #222;
	line-height: 20px;
	font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
    background:url(../images/misc/headerBG.jpg) repeat-x #f7f4f7;
}

/* The braggy block of text */

#cscomment
{
	margin: 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align:left;
	}	

#facebook {
	font-size:12px;
	height:24px;
}
	
#facebook a {

	text-decoration: none;
	padding:10px 0;

}

#facebook img {
	padding: 5px 5px 0 0;
	}
	
#carepages {
	margin-top:30px;
	_margin-top:-10px;	
	font-size:12px;
	height:24px;
}
	
#carepages a {
	text-decoration: none;
	padding:10px 0;

}

#carepages img {
	padding: 5px 5px 0 0;
	}