body.sampler { margin: 0; }

a:link { color: blue; }
a:visited { color: purple; }

td.nav-inactive, td.nav-active { color: #FFFFFF; font-family: "Arial", "Helvetica", sans-serif; font-size: 8pt; font-weight: bold; }
td.nav-inactive { background-color: Maroon; }
td.nav-active { background-color: Black; }

td.news p { margin: .2em 0 1em 0; }

a.nav:link { color : White; text-decoration : none; }
a.nav:visited { color : #FFCCCC; text-decoration : none; }
a.nav:hover { color : #FFFF66; text-decoration : none; }

/*** For home page features - T Stanoch 5/21/2008
*****************************************/
div.hpfeature img { border: 1px solid black; margin: 0; }
div.hpfeature.noBorder img { border: none; margin: 0; }
div.hpfeature p { text align: center; margin: 1px 0 0 0; line-height: 1.1em; padding: 0; clear: both; }

.blurb { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }
.heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; }
.news { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.subcat { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.headline { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: .6em; font-weight : bold; }
.topics { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
.topictext { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }

p.newsAuthor { margin: -1em 0 .5em 0; padding: 0; color: #333; }

/* list for items in right bar of main page */
ul.column { list-style-type: square; margin: .2em 0 20px 0; padding: 0 0 0 15px; }

/* Basic styles for tables */
table.basicTable { border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.basicTable caption { text-align: left; font-size: 1.3em; margin-bottom: .5em; font-weight: bold; }
table.basicTable th { background-color: #ebebeb; text-align: center; font-weight: bold; }
table.basicTable th,
table.basicTable td { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: text-top; }

.even { background-color: #dddac3; }
.odd { background-color: #e9e7d8; }

/* Styles for Samplers
******************************************************/
/*#container { width: 700px; margin: 0 auto 10px auto; clear: both; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: .85em; }

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 { line-height: 1.2em; padding: 0; margin: .5em 0 .8em 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#container h1 { font-size: 1.8em; }
#container .subtitle { font-size: 1.2em; margin-top: -.8em; }
#container h2 { font-size: 1.5em; color: #333; color: #a08d49; clear: left; }
#container h3 { font-size: 1.3em; clear: left; }
#container h4,
#container h5,
#container h6 { font-size: 1.1em; }*/



#container div.outline { border: 1px solid #ccc; padding: 1px 10px; }

p.samplerbox { text-align: center; background-color: #e3e3e3; clear: left; line-height: 1em; padding: 10px; font-size: .95em; }

img.cover { border: 1px solid #ccc; }

img.picleft, img.picright, img.piccenter { border: 1px solid #333; }
img.picleft { float: left; margin: 0 10px 5px 0; }
img.picright { float: right; margin: 0 0 5px 10px; }
img.piccenter { clear: both; /* Might cause problems */ display: block; margin: 0 auto 5px auto; }

/* Use this if you want the cover image to not have a border, rare */
img.noBorder { border: none; }

/* For enlarge cover link */
p.enlarge { margin: 0; }
p.enlarge a:link { color: #666; }
p.authors {}

p.order { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
p.pubCopyright { font-size: .9em; text-align: center; margin-top: 2em; }

/* For table of contents jump up link */
a.jumpUpToc { border-bottom: 1px solid #999; display: block; text-decoration: none; text-align: right; }
a:hover.jumpUpToc { text-decoration: underline; }

div.leftColumn { float: left; width: 160px; }
div.rightColumn { float: right; width: 430px; margin: 0; }

/*.half { float: left; width: 49% }
.third { float: left; width: 33%; }
.twoThird { float: left; width: 66%; }

.left { padding: 0 10px 0 0; }
.right { padding: 0 0 0 10px; }
.center { padding: 0 10px; width: 233px; }*/
.rowClear { clear: both; }

div#toc { border-left: 1px solid #ccc; width: 250px; float: right; padding: 0 0 0 10px; margin: 0 0 5px 10px; }
div#toc h2 { margin: 0 0 .2em 0; }
div#toc ul { margin: .5em 0 0 0; list-style-type: none; padding: 0 .5em 0 0; line-height: 1.1em; }
div#toc ul li { padding-left: 3px; padding-right: 5px; margin-bottom: .9em; }
div#toc ul li li { padding-left: 18px; }

/* Image caption */
div.imgcapleft img,
div.imgcapright img { /*border: 1px solid #999;*/ }  
div.imgcapleft { float: left; margin: 0.5em 20px .5em 0; clear: left;}
div.imgcapright { float: right; margin: 0.5em 0 .5em 20px; clear: right;}

.xsmall { width: 100px; }
.small { width: 200px; }
.medium { width: 300px; }
.large { width: 400px; }
.xlarge { width: 500px; }

div.imgcapleft p,
div.imgcapright p,
div.imgcapleft p.credit,
div.imgcapright p.credit { text-align: left; text-indent: 0; color: #333; padding: .5em 0 0 0; margin: 0; line-height: 1.3em; clear: both; }
div.imgcapright p.credit,
div.imgcapleft p.credit { font-size: smaller; color: #999; margin: 5px 0 0 0; text-align: right; }

/******************************************************/
/* Buttons
*******************************************************/
.buttonWrap { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	background: transparent url(/assets/img/e-sprites.png) no-repeat scroll right -198px !important;
	color: #555;
	display: block;
	height: 33px;
	float: left;
	margin: 10px 0;
	padding-right: 10px !important; /* sliding doors padding */
	text-decoration: none;
	font-weight: bold;
}
a.button.bImportant {
	background: transparent url(/assets/img/e-sprites.png) no-repeat scroll right -297px !important;
	color: #ebebeb !important;
}
a.button span {
	background: transparent url(/assets/img/e-sprites.png) no-repeat;
	display: block;
	line-height: 25px;
	padding: 4px 5px 4px 15px;
}
a.button.bImportant span {
	background: transparent url(/assets/img/e-sprites.png) no-repeat left -99px;
}
a.button:hover {
	background-position: right -231px !important;
	color: #666;
}
a.button.bImportant:hover {
	background-position: right -330px !important;
	color: #fff !important;
}
a.button:hover span {
	background-position: left -33px;
}
a.button.bImportant:hover span {
	background-position: left -132px;
}
a.button:active {
	background-position: right -264px !important;
	outline: none;  /*hide dotted outline in Firefox*/
}
a.button.bImportant:active {
	background-position: right -363px !important;
}
a.button:active span {
	background-position: left -66px;
}
a.button.bImportant:active span {
	background-position: left -165px;
}
a.button span img { 
	margin: 0 9px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

/* RSS Feed Styles */
.feed { margin-left: 3px; padding: 0 0 0 19px; background: url("/images/feed-icon-14x14.png") no-repeat 0 50%; }

.feed-list { margin: 0 0 15px 15px; padding: 0; list-style-type: none; }
.feed-list li { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
.feed-list li a { padding: 0 0 0 19px; background: url("/images/feed-icon-14x14.png") no-repeat 0 50%; list-style-type: none; } 

.clear { clear: both; }

/* Clearfix */
.clearfix:after, .feature:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, .feature {display: inline-block;}

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