/*  Style rules for the TRB header and menu */
a.top_nav:link, a.top_nav:visited {
	PADDING-RIGHT: 20px; PADDING-LEFT: 10px;  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: none; display: block;
}
	
a.top_nav:active, a.top_nav:hover { color: #fff; }

/* This is the core set of styles for a two column layout for the TRB template */ 

html, body { min-height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #222222; background-color: #f4f4f4; }

p { margin: 0px 0px 1em 0px;  line-height:1.5em;}

table { width: 100%; table-layout: auto; border-collapse: collapse;}
tr, td { height: 100%; }
td { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top; }

a, a:link, a:visited { cursor: pointer; margin: 0px 0px 0px 0px; color: #1E4860; font-weight: bold; text-decoration: none; }
a:hover { color: #1E4860; text-decoration: underline; }

img { border: none; border-width: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

h1 { font-size: 1.5em; margin: 0px 0px 0px 0px; }
h2 { color: #2d4a7d; font-size: 1.2em; margin: 0px 0px 14px 0px; }
h3 { color: #000000; font-size: 1em; margin: 0px 0px 12px 0px; }
h4 { font-size: 1em; margin: 0px 0px 6px 0px; color: #777777; }
h5, legend { font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: italic; font-weight: bold; color: #777777; }
h6 { font-size: 1em; color: #336699; }

legend { font-style: normal; }
fieldset { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.noitalic { font-style: normal; }
.small { font-size: .8em; }
.noBottomMargin { margin-bottom: 0px; }
.blank { background-color: #ffffff; }
.showBlock { display: block; }
.hide { display: none; }
/*a.email { color: #2D4A7D; }*/


/* Setting up fixed width. */
#ShadowWrapper, #Page { min-height: 100%; }
#ShadowWrapper { margin: 0px auto 0px auto; }
#Page { width: 960px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-color: #ffffff; }
/*
#Page {
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
*/


/* TRB TEMPLATE TWEAKS */
#Header, #trbhead { border-bottom: 1px solid #999999; position: relative; width: 100%; padding: 0px 0px 0px 0px; z-index: 1000; }
#Header td, #Header tr, #trbhead td, #trbhead tr {height:auto;}
#Header td, #trbhead td {vertical-align:middle;}
#Header a:hover, #trbhead a:hover {color:#ffffff;}
/*
#Header a { text-decoration: none; }
#Header a:hover { color: #000000; }
#Header a:visited { color: #000000; }
*/

#TRBHeader { font-size: 0px; }
#TRBHeader a, #TRBHeader a:link, #TRBHeader a:visited {font-weight:normal;}

table tr td div #cpPortableNavigation10 { width: 167px !important; }
#Footer { /* This value is from the TRB CMS */ font-size: 11.5667px; }
#Footer td {vertical-align:middle;}
/* END TRB TEMPLATE TWEAKS */


/* DEFINE COLUMNS */
/*
#Columns { border-collapse: collapse; }
#Columns tr, #Columns td { height: 100%; }
#Columns td { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top; }
*/
#Columns select { z-index: 0; }
#SidebarCell, #ContentCell { border-top: #7d5f5f solid 2px; height: 100%; }


/* SITE HEADER */
tr#Subheader td { height: 75px; vertical-align: middle; }
thead > #Subheader { padding: 1px 0px 1px 0px; }
img#imgLogoSite { display: block; /*border:none;*/ }

#siteTitleBanner { color: #1E4860; margin: 0px 0px 0px 18px; height: 75px; }
#siteTitleBanner h1 { padding-top: 23px; }
/*
#siteTitleBanner a, #siteTitleBanner a:visited { color: #2d4a7d; text-decoration: none; }
*/
/* END SITE HEADER */


/* COLUMN A: SIDEBAR AND SIXMODE GRAPHIC */
#ColumnA, #SidebarCell { width: 136px; }
#SidebarCell {font-size: .9em; padding: 8px 10px 32px 10px; margin: 0px 0px 0px 0px; background-color: #f7f3e4; }
/*
#Columns tbody tr td#SidebarCell { padding: 9px 10px 32px 10px; }
#Columns tr td#SidebarCell { background-color: #f7f3e4; padding: 32px 18px 32px 18px; }
*/

/* sidbar wrapper div for positioning, if we ever need it */
#Sidebar {position: relative;}
#Sidebar ul { padding: 0px; margin: 0px; list-style:none;}
#Sidebar ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 14px 0px; }
#Sidebar ul li ul { padding-top: 3px; }
#Sidebar ul li ul li { font-size: 1em; padding: 0px 0px 5px 0px; }
#Sidebar p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #888888; }
#Sidebar ul li form, #Sidebar ul li form input { margin: 0px 0px 2px 0px; }
#Sidebar ul li.listBreak { border-top: solid 1px #C8AF48; height: 0px; line-height: 0px; }
/* IE 6 Only */
#Sidebar ul li.listBreak { padding-bottom: 8px; }
/* All but IE6 */
#Sidebar ul > li.listBreak { padding-bottom: 14px; }

#Sidebar a, #Sidebar a:link, #Sidebar a:visited { font-weight: normal; color: #888888; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#Sidebar h3, #Sidebar h3 a, #Sidebar h3 a:link, #Sidebar h3 a:visited { color: #1E4860; font-weight:bold; margin: 0px 0px 0px 0px;}
#Sidebar a:hover {text-decoration:underline; color:#1E4860;}
/*
#Sidebar { font-size: .9em; position: relative; margin: 0px 0px 0px 0px; }
#Sidebar ul { padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; }
#SidebarCell a:hover { text-decoration: underline; color: #2D4A7D; }
#Sidebar p { font-size: 1em; }
#Sidebar ul li a, #Sidebar p, #Breadcrumbs a { color: #908e84; }
#Sidebar h3, #Sidebar ul li h3, #Sidebar ul li h3 a { font-weight: bold; color: #2d4a7d; margin: 0px 0px 0px 0px; }
*/
/* END COLUMN A */


/* COLUMN B: HEADER GRAPHIC AND CONTENT */
/*
#ColumnB, #ContentCell {width: 100%;}
#Columns tr td#ContentCell {padding: 0px 18px 32px 18px;}
*/

#ContentCell { width: 763px; padding: 0px 13px 13px 13px; }

#Content { position: relative;}
/*#Content { height: 100%; }*/

#ExtrasRow { height: 32px; position: relative; }
#Breadcrumbs { font-size: 10px; padding-top: 11px; color: #999999; }
#Breadcrumbs a { font-weight: normal; color: #999999; line-height: 14px; }
#Breadcrumbs a:hover { text-decoration: underline; color: #2d4a7d; }
#Breadcrumbs span { /*font-size:1.1em;*/ color: #888888; font-weight: bold; }

/*
#Actions {
	position:absolute;
	right: 0px;
	top: 4px;
	}
	
#Actions a {
	display:block;
	float:left;
	margin-left:8px;
	border: solid 1px #FFFFFF;
	}
	#Actions a:hover { border: solid 1px #c9b049; }
*/

#Content h1 { margin: 0px 0px 15px 0px; }
#Content div {/* margin-bottom: 2em; */}
#Content div p { margin: 0px 0px 1em 0px; }
h2.sectionHeader {margin:0px 0px 0.5em 0px; padding:1em 0px 0px 0px; border-bottom:1px solid #4F0E0B; color:#4F0E0B; clear:both;}

#Content label, #Content select, #Content option { cursor: pointer; }
#Columns select { z-index: 0; }

#Content ul { line-height: 1.5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style: disc; }
#Content ul li { padding: 0px 0px 12px 6px; line-height: 1.25em; }

.TRIS { color: rgb(0, 102, 204); }
.online { font-style: italic; color: rgb(112, 149, 0); }
#Contact p span.italic { display: block; margin-bottom: 3px; font-size: .8em; color: #666666; }
#Content p.citation { color: #666666; font-size: 7.5pt; font-style: italic; }

#Content div#Contact { width: 250px; margin: 1em auto 0px auto; }

form h4 { font-size: 14px; margin: 1px 0px 6px 8px; }
form fieldset, #Content div p.boxInner { margin: 0px 0px 0px 0px; border: 2px solid #ffffff; padding: 5px 10px 5px 10px; }
form fieldset { padding-top: 10px; }
form fieldset.stacked { margin: 10px 0px 0px 0px; }
form fieldset br { clear: right; }
form fieldset p { font-style: italic; font-size: .8em; }
form fieldset input#buttonSubmit { width: 100px; float: none; clear: both; margin: 10px auto 0px auto; }
form.searchForm, #Content div.boxOuter { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background-color: #EEEEEE; }
form div { margin-bottom: 12px; }
/* END COLUMN B */

/* ----------------------------------------------------
   Below styles created with http://www.texturepacker.com 
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>
   replace {-spritename-} with the sprite you like to use
*/

.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url("/common/images/TRIS-Suite-common-sprites.png");}

.FooterRight {width:283px; height:60px; background-position: -52px -0px}
.HeaderLogoBottom {width:385px; height:39px; background-position: -335px -0px}
.HeaderLogoTop {width:385px; height:40px; background-position: -0px -60px}
.HeaderLowerRight {width:554px; height:39px; background-position: -385px -60px}
.HeaderTopRight {width:554px; height:40px; background-position: -0px -100px}

/*  Sprites that tile horizontally */
.horizontal-sprite {overflow:hidden; background-repeat: repeat-x;background-image:url("/common/images/TRIS-Suite-repeat-x.png");}

.FooterBackground {width:1px; height:60px; background-position: -0px -53px}
.HeaderLowerBackground {width:1px; height:39px; background-position: -0px -217px}
.HeaderMenuBackground {width:1px; height:100px; background-position: -0px -272px}
.HeaderTopBackground {width:1px; height:40px; background-position: -0px -388px}