/* author: Kerry Gray - 'ShefferWebsite' (2010) */

@import url(DATbase10.css); /* = Reset styles */
@import url(dropNavBanner.css); /* horizontal nav styles */
@import url(homeNav.css); /* vertical nav styles */
@import url(wpUser10.css); /* = content styles available to Admin User */


/* Attributes and Classes for structural HTML elements */

A:link { color: #000033; text-decoration: underline; }
A:hover {	color: #126d70;	text-decoration: underline; }
A { color: #000033; text-decoration: underline; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; }

body.bgcolor { background-color: #afafaf; }

/* floating header */
#bannerFloatTop { position: fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: 99; text-align:left; background-color: #afafaf; background-image: url('../images/banner/topbannerWide.jpg'); background-repeat: repeat-x; }
#bannerFloatTop {_position:absolute;}  /* IE6 fix */
#bannerFloatTop img {
margin: 0 auto;
border: none;
}
#banner { width: 1004px; height: 140px;  margin: 0 auto; padding-top: 0px; color: #CC0000; background-image: url('../images/banner/topbanner_main.png'); background-repeat: no-repeat; }

/* start banner navigation using ext CSS */
#navBar {  float: left; margin: 55px auto 0 0;  height: auto; background-image: url('../images/banner/Logo.png'); background-repeat: no-repeat; color: #660000; padding-right: 20px;  padding-bottom: 0px; }
/* end of floating header */

/* ########  start homepage navigation box - using ext CSS */ 
#navBox { margin-top: 55px; height: 184px; width: 250px; padding-left: 50px;}
/* end of navBox */

#bgWrap { position: relative; top: 40px; width: 1004px; height: auto; margin: 20px auto 0; padding-top: 100px; color: #444444; }

#mainContainer { padding-left: 80px; padding-right: 20px; width: auto; height: auto; }

#col-left {	float: left; width: 500px;}	
#col-right { float:left; margin:40px 0 0 50px; display:inline; }
* html #col-right{margin-left:20px}
#col-right-inner {width:360px; padding-left:40px; position:fixed;}
#col-leftHome {	float: left; width: 400px; margin-top: 10px;}	
#col-rightHome { width: 450px; padding-left: 40px; top: 200px;  margin-left: 410px; }
#col-right.relative {position: relative}
#publication img { float: left; padding-right: 25px; }
#publication p.caption { font-size: 0.75em; clear: both; color: #000033; padding-bottom: 20px; }

.padright {padding-right: 10px;}
.padleft {padding-right: 10px;}

#footer { clear: both; text-align: left; color: #444444; margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:10px; padding-top: 10px; padding-right: 50px; padding-bottom: 5px; padding-left: 50px;}

h1 { font-size: 1.5em;  }
h2 {font-size: 1.25em;	}
h3 {font-size: .75em; 	}

#col-left td { font-size: 1em; line-height: 150%; }

p { margin: 0 0 12px 0; font-size: 0.875em; line-height: 130%; }
#col-right p.caption {font-size: 0.75em; color: #000033;}
ul, ol {font-size: .75em;	line-height: 130%;}
/* control font-size in nested lists */
ol ol {	font-size: 100%; }
ul ul {	font-size: 100%; }
tr p {line-height: 80%;}
tbody {font-size: .875em;}
tbody br:after {padding-bottom: 4px;}
input, textarea, select { font-size: .875em;}
hr.fineLine {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666699;
	margin-bottom: 5px;
}
sup {vertical-align: super; font-size: .687em; }
.pageTitle { font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; margin:20px 0 12px 0 }
.pageHeads {font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:0 0 5px 0;
    padding-top:12px}
.pubTitle { font-weight: bold; font-style:italic; color: #000000;}
	
.tinyText {	font-size: .6875em;}
.indent  { margin-left: 50px}
.indent15 {margin-left: 15px}

/* ------ HOME PAGE NAVIGATION ------ */
/* overall size and position of sprite's off-state */
#navH {background:url('../images/home/homeNavSprite.png') no-repeat; width:190px; height:184px; margin:0 0 0 20px; padding:0;}
#navH span {display:none;}
/* set list item width to display each button-part of sprite in background and determines height of each clickable area on sprite */
#navH li, #navH a {width:190px; display: block; list-style:none; height:23px; float:left; clear:left; }
/* reposition the sprite to display each relevant hover state */
#navH a:hover {background:url('../images/home/homeNavSprite.png') no-repeat;}
#navH a.home:hover {background-position:  -190px 0px;}
#navH a.profile:hover {background-position:  -190px -23px;}
#navH a.gallery:hover {background-position:  -190px -46px;}
#navH a.news:hover {background-position:  -190px -69px;}
#navH a.representation:hover {background-position:  -190px -92px;}
#navH a.publications:hover {background-position:  -190px -115px;}
#navH a.contact:hover {background-position:  -190px -138px;}
#navH a.links:hover {background-position:  -190px -161px;}