/*  
Theme Name: 
Theme URI: 
Description: 
Version: 1.0
Author: Eric Rasch, Office of Communications
Author URI: http://med.uth.tmc.edu/comm/
*/

html, body { 
	margin: 0; padding: 0; 
	text-align: center; 
	font: normal normal 1em/1em Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	} 

body {
	background: url(../../Assets/images/BG_page.jpg) repeat-y center top;
	margin-top: 48px;
	}
 
#pagewidth { 
	width: 760px; 
	text-align: left;  
	margin: 0 auto; 
	background: url(../../Assets/images/BG_pagewidth.jpg) no-repeat center top;
	} 

#wrapper { 
	text-align: left;  
	margin: 0 6px; padding: 0;
	} 
 
#colLeft {
	width: 259px; 
	float: left; 
	position: relative; 
	margin: 0; padding: 0;
	background: url(../../Assets/images/BG_colLeft.jpg) no-repeat left top;
	}
 
#colMain {
	float: right; 
	display: inline; 
	position: relative; 
	margin: 0; padding: 0;
	width: 489px; 
	background: url(../../Assets/images/BG_colMain.jpg) repeat-x left top;
	}

#footer {
	height: 40px; 
	clear: both;
	margin: 0; padding: 14px 0 0 257px;
	background: #FFFFFF url(../../Assets/images/BG_footer.jpg) no-repeat center top;
	font-size: .7em;
	color: #999999;
	} 
 
#footer ul {margin: 0; padding: 0;}

 
 /* *** Float containers fix:  *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
 
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */  

/* ************************************** BEGIN content LINKS */
	.contentCopy a {
		line-height: 150%;
		background: #E5E5E5 url(../../Assets/images/bullet_links.png) no-repeat 100% 0px;
		border-bottom: 1px solid #EEEEEE;
		text-decoration: none;
		padding-right: 15px;
		}
	
	.contentCopy a:link, a:active {
		color: #993400;
		}
	
	.contentCopy a:visited {
		color: #222222;
		background: #F2F2F2 url(../../Assets/images/bullet_links.png) no-repeat 100% -48px;
		border-bottom: 1px dotted #E5E5E5;
		}

	.contentCopy a:hover {
		color: #CC6601;
		background: #F7F7F7 url(../../Assets/images/bullet_links.png) no-repeat 100% -24px;
		border-bottom: 1px solid #E9E9E9;
		}
	
/* ************************************** END content LINKS */

/*- BEGIN Menu Tabs J--------------------------- */

    #tabsJ {
      float: left;
      width: 100%;
      font: normal bold .6em/1em Verdana, Arial, Helvetica, sans-serif;
      border-bottom: 1px solid #24618E;
	  margin: 17px 0 0 0; padding: 0;
      }
	  
    #tabsJ ul {
      margin: 0; padding: 9px 0px;
      list-style: none;
      }
	  
    #tabsJ li {
      display: inline;
      margin: 0; padding:0;
      }
	  
    #tabsJ a {
      float: left;
      background: url(../../Assets/images/tableftJ.gif) no-repeat left top;
      margin: 0; padding: 0 0 0 5px;
      text-decoration: none;
      }
	  
    #tabsJ a span {
      float: left;
      display: block;
      background: url(../../Assets/images/tabrightJ.gif) no-repeat right top;
      padding: 5px 15px 4px 6px;
      color: #24618E;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float: none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {color:#FFFFFF;}
    #tabsJ a:hover {background-position: 0% -42px;}
    #tabsJ a:hover span {background-position: 100% -42px;}

    #tabsJ #current a {background-position: 0% -42px;}
    #tabsJ #current a span {background-position: 100% -42px; color: #FFFFFF;}

/*- END Menu Tabs J--------------------------- */


.floatL {float: left;}
.floatR {float: right;}
.clr {clear: both;}

p {margin: .5em 0; padding: 0;}

.contentCopy {margin-top: 20px;}

.colLeftFeatures {margin: 0 30px 0 21px;}
.colLeftText {margin: 40px 0; padding: 2px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}

.colLeftFeatures h3 {
	font-size: .8em;
	font-weight: bold;
	color: #440000;
	margin: 20px 0 0 0; padding: 0;
	clear: both;
	border-top: 1px solid #CCCCCC;
	}

/* ************************************** BEGIN left column article LINKS */
	.colLeftFeatures h3 a:link, .colLeftFeatures h3 a:visited {color: #440000; text-decoration: none;}
	.colLeftFeatures h3 a:hover, .colLeftFeatures h3 a:active {color: #800404; text-decoration: none; background-color: #E5DED4;}
/* ************************************** BEGIN left column article LINKS */

.colLeftFeatures p {
	font-size: .625em;
	line-height: 1em;
	color: #333333;
	margin: .1em 0; padding: 0;
	}

.colLeftFeatures img {
	margin: 0 6px 0 0; padding: 0;
	}

.colLeftText h4 {
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #993300;
	margin: 1px; padding: 1px;
	/*background-color: #E6E0D4;*/
	}

.colLeftText p {
	font-size: .7em;
	line-height: 130%;
	color: #888888;
	margin: .5em 0; padding: 0;
	}

#colMain p {
	color: #454545;
	font-size: .9em;
	line-height: 130%;
	margin: 1em .5em; padding: 0;
	}

.coverStory p {
	color: #333333;
	font-size: .95em;
	line-height: 130%;
	margin: 0 0 1em .5em; padding: 0;
	}

.coverStory img#title {margin: 1em 0 0 0; padding: 0;}
.coverStory img#cover {margin: 0 0 0 1em; padding: 0;}

#colMain h1 {
	color: #256392;
	font: normal normal 1.6em/130% "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: .5em .3em 0; padding: 0;
	}

#colMain h2 {
	color: #666666;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 130%;
	margin: .1em .5em 0; padding: 0;
	}

#colMain h3 {
	color: #999999;
	font-size: .9em;
	font-weight: normal;
	line-height: 130%;
	margin: .2em .6em 0; padding: 0;
	}

#colMain h4 {
	color: #266591;
	font: italic normal 1.3em/1.3em "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 1.5em .3em -.5em; padding: 0;
	border-bottom: 1px solid #CCCCCC;
	}

#colMain h6 {
	color: #000000;
	font: normal bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 1.5em .3em 0; padding: 0;
	}


/* ************************************** BEGIN Speacial Features sprite */

	#sprSpecialFeatures {
	width: 306px;
	height: 217px;
	background: url(../../Assets/images/rollover_SpecialFeatures.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../../Assets/images/rollover_SpecialFeatures.jpg);
	}
	#sprSpecialFeatures li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	
	#sprSpecialFeatures a {display: block; background: none; border: none;}
	#sprSpecialFeatures a span {display: none; background: none; border: none;}
	
	#sprSFlink1 {
	left: 1px;
	top: 29px;
	width: 145px;
	height: 188px;
}
	#sprSFlink1 a {height: 188px;}
	#sprSFlink2 {
	left: 154px;
	top: 29px;
	width: 144px;
	height: 188px;
}
	#sprSFlink2 a {height: 188px;}
	#sprSFlink3 {
	left: 152px;
	top: 29px;
	width: 146px;
	height: 188px;
}
	#sprSFlink3 a {height: 188px;}
	
	#sprSFlink1 a:hover {background: url(../../Assets/images/rollover_SpecialFeatures.jpg) -1px -246px no-repeat;}
	#sprSFlink2 a:hover {background: url(../../Assets/images/rollover_SpecialFeatures.jpg) -154px -246px no-repeat;}
	#sprSFlink3 a:hover {background: url(../../Assets/images/rollover_SpecialFeatures.jpg) -197px -246px no-repeat;}

/* ************************************** END Speacial Features sprite */

/* ************************************** BEGIN Speacial Features sprite */

	#sprArchives {
	width: 175px;
	height: 217px;
	background: url(../../Assets/images/rollover_archives.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../../Assets/images/rollover_archives.jpg);
	}
	#sprArchives li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	
	#sprArchives a {display: block; background: none; border: none;}
	#sprArchives a span {display: none; background: none; border: none;}
	
	#sprArclink1 {left: 10px; top: 28px; width: 80px; height: 82px;}
	#sprArclink1 a {height: 82px;}
	#sprArclink2 {left: 95px; top: 28px; width: 80px; height: 82px;}
	#sprArclink2 a {height: 82px;}
	#sprArclink3 {left: 10px; top: 115px; width: 80px; height: 82px;}
	#sprArclink3 a {height: 82px;}
	#sprArclink4 {left: 95px; top: 115px; width: 80px; height: 82px;}
	#sprArclink4 a {height: 82px;}
	#sprArclink5 {left: 40px; top: 199px; width: 96px; height: 16px;}
	#sprArclink5 a {height: 16px;}
	
	#sprArclink1 a:hover {background: url(../../Assets/images/rollover_archives.jpg) -10px -245px no-repeat;}
	#sprArclink2 a:hover {background: url(../../Assets/images/rollover_archives.jpg) -95px -245px no-repeat;}
	#sprArclink3 a:hover {background: url(../../Assets/images/rollover_archives.jpg) -10px -332px no-repeat;}
	#sprArclink4 a:hover {background: url(../../Assets/images/rollover_archives.jpg) -95px -332px no-repeat;}
	#sprArclink5 a:hover {background: url(../../Assets/images/rollover_archives.jpg) -40px -416px no-repeat;}

/* ************************************** END Speacial Features sprite */

.rollovers {
	float: left;
	margin: 10px 1px; padding: 0;
	}

/* ************************************** BEGIN footer LINKS */
	#footer ul {
		list-style-type: none;
		padding: 3px;
		}
	
	#footer li {display: inline;}

	#footer li a {
		line-height: 150%;
		width: auto;
		background: #F7F7F7 url(../../Assets/images/bullet_links.png) no-repeat 100% 0px;
		border-bottom: 1px solid #EEEEEE;
		text-decoration: none;
		padding-right: 15px;
		}
	
	#footer li a:link, a:active {
		color: #993400;
		}
	
	#footer li a:visited {
		color: #666666;
		background: #F9F9F9 url(../../Assets/images/bullet_links.png) no-repeat 100% -48px;
		border-bottom: 1px dotted #F4F4F4;
		}

	#footer li a:hover {
		color: #CC6601;
		background: #F4F4F4 url(../../Assets/images/bullet_links.png) no-repeat 100% -24px;
		border-bottom: 1px solid #CCCCCC;
		}
	
/* ************************************** END footer LINKS */

/* ************************************** BEGIN readmore LINKS */
	.readmore a span {
		/*
		Use 'position:absolute' to push the span inside the anchor
		way off the screen
		*/
		position: 		absolute;
		left: 			-9999px;
		width: 			900px;
		}
	.readmore a:hover,
	.readmore a:focus,
	.readmore a:active {
	  /* On 'hover' set the anchor to 'position:relative' to get a
	  measuring point. Somehow IE doesn't like it when this is
	  in the '.col2 a' declaration... */
		position: relative;
		}
	.readmore a:hover span,
	.readmore a:focus span,
	.readmore a:active span {
		/* Take the previously hidden span and display it near the anchor */
		  left: 20px;
		  top: 20px;
		  width: 100px;
		/* This is just for looks... */
		  padding: 5px;
		  line-height: 1;
		  font-size: 80%;
		  background: #FFFFF6;
		  border: 1px solid #666;
		  color: #000;
		  text-decoration: none;
		  text-align: left;
		}
	.readmore a:hover span:before,
	.readmore a:focus span:before,
	.readmore a:active span:before {
		/* IE doesn't show this - but others do. */
		  content: "Read more ";
		}

.coverStory p.readmore {
	color: #0A3F67;
	font-size: .75em;
	line-height: 130%;
	font-weight: bold;
	text-align: right;
	margin: 0 265px 1em .5em; padding: 0;
	}

.readmore a:link, .readmore a:visited {
	color: #0A3F67;
	background-color: #C0D4F9;
	border-bottom: 1px solid #AFC8F7;
	text-decoration: none;
	}
.readmore a:hover, .readmore a:active {
	color: #0A3F67;
	background-color: #AFC8F7;
	border-bottom: 1px solid #8CC7F4;
	text-decoration: none;
	}
/* ************************************** END readmore LINKS */

/* ************************************** BEGIN footer LINKS */
	.colLeftText ul {
		list-style-type: none;
		margin: 2px 8px; padding: 0;
		font-size: .7em;
		}
	
	.colLeftText li {display: block;}

	.colLeftText li a {
		line-height: 150%;
		width: auto;
		background: #EAE4D6 url(../../Assets/images/bullet_links.png) no-repeat 100% 0px;
		border-bottom: 1px solid #EEEEEE;
		text-decoration: none;
		padding-right: 15px;
		}
	
	.colLeftText li a:link, a:active {
		color: #993400;
		}
	
	.colLeftText li a:visited {
		color: #666666;
		background: #F1E8D9 url(../../Assets/images/bullet_links.png) no-repeat 100% -48px;
		border-bottom: 1px dotted #F4F4F4;
		}

	.colLeftText li a:hover {
		color: #CC6601;
		background: #F7F2E9 url(../../Assets/images/bullet_links.png) no-repeat 100% -24px;
		border-bottom: 1px solid #CCCCCC;
		}

/* ************************************** BEGIN left column article LINKS */
	.colLeftText a:link, .colLeftText a:visited {color: #440000; text-decoration: none;}
	.colLeftText a:hover, .colLeftText a:active {color: #800404; text-decoration: none; background-color: #E5DED4;}
/* ************************************** BEGIN left column article LINKS */

/* ************************************** BEGIN left column article FEATURES */
	.colLeftFeatures p a:link, .colLeftFeatures p a:visited {color: #440000; text-decoration: none;}
	.colLeftFeatures p a:hover, .colLeftFeatures p a:active {color: #800404; text-decoration: none; background-color: #E5DED4;}
/* ************************************** BEGIN left column article FEATURES */
	
/* ************************************** END footer LINKS */


/*printer styles*/ 
	@media print{ 
	/*hide the left column when printing*/ 
		#colLeft {display:none;} 
		#twocols, #colMain {width:100%; float:none;}
		}