/*-----------------------------------------------------------------------------
Art Wall Screen Stylesheet

version:   1.0
date:      2007-11-14
author:    Eric Rasch
email:     Eric.Rasch@uth.tmc.edu
website:   http://med.uth.tmc.edu/comm/
location:  Assets/css/stylesheet.css
-----------------------------------------------------------------------------*/
	body {
		margin: 0; padding: 0;
		font: 1em/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		background-color: #000000;
		}
		
	#siteContainer {
		margin: 0 auto; padding: 0;
		width: 921px;
		}

	#header {
		margin: 0; padding: 0;
		background: #222222;
		}

	#main1 {
		margin: 0; padding: 0;
		background: url(../../red.gif) top left repeat-y;
		}

	#main2 {
		margin: 0; padding: 0;
		background: url(../../blue.gif) top right repeat-y;
		}

	#left {
		float: left;
		width: 375px;
		margin: 107px 0 0 0; padding: 5px 0 0 0;
		background: url(../images/BG_menu-left.jpg) no-repeat top right;
		font-size: .9em;
		}

	#right {
		float: right;
		width: 375px;
		margin: 107px 0 0 0; padding: 5px 0 0 0;
		background: url(../images/BG_menu-right.jpg) no-repeat top left;
		font-size: .9em;
		}

	#middle {
		margin: 0 375px; padding-top: 220px;
		background: #666666;
		font-size: .7em;
		line-height: 100%;
		background: url(../images/logo_ArtWall.jpg) no-repeat top center;
		position: relative;
		}
		
	#footer {
		font-size: .65em; 
		color: #666666; 
		line-height: 90%;
		height: 50px;
		background: url(../images/logo_UTMSH.jpg) no-repeat 76% 4px;
		margin: 0; padding: 0;
		position: relative;
		}

	#footer p.aLeft {float: left; text-align: right; width: auto; margin-right: 10px; padding-left: 92px;}

	#footer p.aRight {
		float: left; 
		text-align: left; 
		width: 130px;
		padding-left: 8px; padding-right: 8px; 
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		}

	#footer a:link, #footer a:visited {background-color: transparent;}

	.column-in {
		margin: 0; padding: 0.5em 1em;
		}

	.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin: 0; padding: 0;
		background: transparent;
		}
		
	.clr {clear: both;}
		
	h1 { font: normal normal 1.7em/80% Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 0.2em 0; padding: 0;}
	h4 { font: normal normal 1.3em/80% Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 1em 0 0.2em 0; padding: 3px 0; border: 1px solid #222222; border-left: none; border-right: none; background-color: #151515;}
	h2,h3 {margin: 0.2em 0;}
	p {margin: 0.5em 0;}
	
	h4.deadline {
		color: #F59110;
		background: #191919;
		font-size: 1.2em;
		letter-spacing: -0.01em;
		line-height: 85%;
		padding: 0.4em;
		}

	a:link, a:visited {
		text-decoration: none;
		color: #708491;
		background-color: #111111;
		}

	a:link.active, a:visited.active, a:hover {
		color: #3399FF;
		background-color: #222222;
		}
	
/* ************************************************************* BEGIN main NAV */
.navContainer {
    margin: 0 0 15px 0; padding: 0 0 15px 0;
    border-bottom: 0px solid #9FB1BC;
	}

.navContainer li {
    margin: 0; padding: 0;
    display: inline;
    list-style-type: none;
	}

.navContainer a:link, .navContainer a:visited {
    float: left;
    margin: 0; padding: 0;
    font-size: .8em;
    line-height: normal;
    font-weight: normal;
    padding: 0 12px 6px 12px;
    text-decoration: none;
    color: #708491;
	background-color: transparent;
	}

#left .navContainer a:link, #left .navContainer a:visited {float: right;}

.navContainer a:link.active, .navContainer a:visited.active, .navContainer a:hover {
    color: #3399FF;
    background: url(Assets/images/rounded.gif) no-repeat bottom center;
	}

.navContainer a:link.active, .navContainer a:visited.active {color: #CC6601;}
/* ************************************************************* END main NAV */

/* ************************************************************* BEGIN date formatting */
.dateFormat {
	letter-spacing: -1px;
	margin: 0 auto; padding: 0;
	font-size: 1.1em;
	width: 85%;
	}

.dateFormat td {
	margin: 0; padding: 10px 5px;
	}

.dateFormat em {
	font-style: normal;
	font-weight: bold;
	font-size: 1.3em;
	}	
	
.dateFormat strong {font-size: .95em; font-weight: normal;}	

/* ************************************************************* END date formatting */

#right img {border: 4px solid #FFFFFF; margin: 5px;}

/* ************************************************************* BEGIN bid images */
	.bidNowLeft {font-size: 1em; width: 100px; float: left; margin: 5px; padding: 5px; border-right: 1px solid #333333;}
	.bidNowRight {font-size: 1em; width: 100px; float: left; margin: 5px 5px 5px 3px; padding: 5px; border-left: 1px solid #333333;}
	
	.bidNowLeft h2, .bidNowRight h2 {
		font: normal normal 1.1em/90% Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		margin: 1em 0 0.1em 0; padding: 3px 0;
		border: 1px solid #222222; border-left: none; border-right: none;
		background-color: #151515;
		height: 3em;
		}

	.bidNowLeft h3, .bidNowRight h3 {
		font: normal normal 2em/98% Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		margin: 0; padding: 0;
	    color: #3399FF;
		}
	.bidNowLeft h3.noBid, .bidNowRight h3.noBid {
	    color: #04407C;
		}

	.bidNowLeft h5, .bidNowRight h5 {
		font: normal normal .8em/98% Arial, Helvetica, sans-serif;
		margin: 6px 0 0 0; padding: 0;
	    color: #999999;
		}

	.bidNowLeft p, .bidNowRight p {
		font: normal normal .9em/100% Arial, Helvetica, sans-serif;
		margin: .5em 0 0.2em 0; padding: 0;
		}

	.bidNowLeft p em, .bidNowRight p em {
		font: normal normal .85em/95% Arial, Helvetica, sans-serif;
		margin: .5em 0 0.2em 0; padding: 0;
		color: #999999;
		}

	.bidNowLeft p.details, .bidNowLeft p.details strong, .bidNowLeft p.details em,
	.bidNowRight p.details, .bidNowRight p.details strong, .bidNowRight p.details em {
		font: normal normal .85em/100% Arial, Helvetica, sans-serif;
		padding-left: 5px;
		}
	.bidNowLeft p.details strong, .bidNowRight p.details strong {color: #CCCCCC;}
	.bidNowLeft p.details em, .bidNowRight p.details em {color: #EEEEEE;}

	.bidNowLeft img, .bidNowRight img {
		border: 2px solid #FFFFFF;
		margin: 0 0 4px 0; padding: 0;
		}

.bidNowLeft a, .bidNowLeft a:link, .bidNowLeft a:visited, 
.bidNowRight a, .bidNowRight a:link, .bidNowRight a:visited {border: none; background-color: transparent;}

/* ************************************************************* END bid images */
/* ************************************************************* END bid images */
div.emailBid img {border: none; margin: 0; padding: 0;}

div.emailBid {
	width: 75px; height: 25px;
	margin: 5px 0;
	background: none;
	background: url('../images/icon-email-bid.jpg') no-repeat 0 -50px;
	}

div.emailBid a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: none;
	background: url('../images/icon-email-bid.jpg') no-repeat top left;
	}
div.emailBid a:hover {
	background-image: none;
	}
div.emailBid span {
	display: none;
	}

.emailBid a, .emailBid a:link, .emailBid a:visited {border: none; background-color: transparent;}
	
/* ************************************************************* END bid images */

#BidHereNow {
	position: absolute;
	width: 77px;
	height: 77px;
	z-index: 1;
	border: none;
	margin: 92px 0 0 340px;
	left: 50%;
	}

#BidHereNow a, #BidHereNow a:link, #BidHereNow a:visited {border: none; background-color:#000000;}

.artistImg {
	border: 3px solid #FFFFFF;
	margin: 0 auto;
	}
	
strong, .highlight {
	color: #AEC5E5;
	font-size: 0.8em;
}

/* @group Skip to Content */

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
	}

/* @end */
/* @group Clear Floats */

/* =Clear Floated Elements
	.............................................................. */
.cleaner, .clr /*, .clearfix*/ {background:transparent; border:none; clear:both; font-size:1px; height:1px; margin:0; padding:0;}

/* http://sonspring.com/journal/clearing-floats */

.clear {clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {clear:both; content: ' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* @end */