/* This is the core set of styles for a two column layout for the TRB template, used by both TRB Master (.NET pages) and ASP classic pages */ 

/*  Style rules for the TRB header and menu */

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

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

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

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

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

.bold { font-weight: bold; }
.italic { font-style: italic; }
.noitalic { font-style: normal; }
.small { font-size: .8em; }
.noBottomMargin { margin-bottom: 0; }
.blank { background-color: #ffffff; }
.showBlock { display: block; }
.hide { display: none; }
div.visible {overflow:visible;}
div.hiden {overflow:hidden;}

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


/* TRB TEMPLATE TWEAKS */
#Header, #trbhead { border-bottom: 1px solid #999999; position: relative; width: 100%; padding: 0; 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;}

#Footer { /* This value is from the TRB CMS */ font-size: 11.5667px; }
#Footer td {vertical-align:middle;}
/* END TRB TEMPLATE TWEAKS */

/* TRB header */
A.top_nav:link {
	PADDING-RIGHT: 14px; PADDING-LEFT: 7px;  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: none; display: block;
}
A.top_nav:active {
	PADDING-RIGHT: 14px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: none; display: block;
}
A.top_nav:visited {
	PADDING-RIGHT: 14px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: none; display: block;
}
A.top_nav:hover {
	PADDING-RIGHT: 14px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-DECORATION: none; display: block;
}
td a.topHeader2014
{
	padding-right:10px;
	padding-left: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 1.0em;
	font-weight: normal;
}

/* End TRB header */

/* Previously inlined header styles */

#head2014 {
	background: #000000;
	color: #eeeeee;
}

#head2014 > td {
	text-align: right;
	white-space: nowrap;
	height: 28px;
}

#logos2014 {
	background: url(/common/images/trbcommon/logo2014bg.jpg);
}

#nasemlogo {
	border: 0px;
	width: 220px;
	height: 3rem;
	margin: 0.9rem;
	fill: white;
}

#trb-logo-container {
	text-align: right;
	padding-top: 0;
}

#trb-logo-container img {
	border: 0;
}

#gray-bar {
	background: url(/common/images/trbcommon/HeaderMenuBackground.png) repeat scroll 0% 0% transparent;
	height: 25px;
}

#gray-bar-inner {
	padding-left: 0;
	white-space: nowrap;
}

#gray-bar-inner table {
	border-spacing: 0px;
	padding: 0px;
	border: none;
}

#gray-bar-inner td {
	vertical-align: bottom;
	text-align: left;
}

#subscribe-img {
	border: 0px;
}

#Footer table {
	height: 60px;
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	border: none;
	text-align: left;
}

#Footer td {
	background: url(/common/images/TRIS-Suite-repeat-x.png) repeat-x -0px -53px;
}

#Footer a {
	color: #fff;
}

#TRB_Footer {
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
}

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


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

#ColumnB div { color: #08264b; margin: 0 0 0 0; height: 75px; }
h1 { padding-top: 23px; }
/* END SITE HEADER */


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

/* sidbar wrapper div for positioning, if we ever need it */
#Sidebar {position: relative;}
#Sidebar ul { padding: 0; margin: 0; list-style:none;}
#Sidebar ul li { margin: 0 0 0 0; padding: 0 0 14px 0; }
#Sidebar ul li ul { padding-top: 3px; }
#Sidebar ul li ul li { font-size: 1em; padding: 0 0 5px 0; }
#Sidebar p { padding: 0 0 0 0; margin: 0 0 0 0; color: #888888; }
#Sidebar ul li form, #Sidebar ul li form input { margin: 0 0 2px 0; }
#Sidebar ul li.listBreak { border-top: solid 1px #C8AF48; height: 0; line-height: 0; }
/* 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: 0 0 0 0; margin: 0 0 0 0;}
h3, #Sidebar h3 a, #Sidebar h3 a:link, #Sidebar h3 a:visited {font-size:1em; color: #1E4860; font-weight:bold; margin: 0 0 0 0;}
#Sidebar a:hover {text-decoration:underline; color:#1E4860;}
/* END COLUMN A */


/* COLUMN B: HEADER GRAPHIC AND CONTENT */
#ContentCell { width: 763px; padding: 0 13px 13px 13px; }

#Content { position: relative;}

#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 {color: #888888; font-weight: bold; }

h1 { font-size:1.5em; margin:0 0 15px 0; }
h2 { font-size:1.2em; margin:0 0 0.5em 0; padding:1em 0 0 0; border-bottom:1px solid #8C0C01; color:#8C0C01; clear:both;}
h4 { font-size: 1em; margin:1px 0 1em 0; color: #777777;}
h5 { font-size:1em; font-weight:normal;}
h6 { font-size: 1em; font-weight:normal; color:#000000;}

legend { font-size: 1em; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: bold;}
p { margin: 0 0 1em 0; }
label, select, option { cursor:pointer; }
select { z-index:0; }

#Content ul { line-height: 1.5px; margin: 0 0 0 0; padding: 0 0 0 20px; list-style: disc; }
#Content li { padding: 0 0 6px 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 0 auto; }

form fieldset, #Content div p.boxInner { margin: 0 0 0 0; border: 2px solid #ffffff; padding: 5px 10px 5px 10px; }
form fieldset { padding-top: 10px; }
form fieldset.stacked { margin: 10px 0 0 0; }
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 0 auto; }
form.searchForm, #Content div.boxOuter { margin: 0 0 0 0; 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 0}
.HeaderLogoBottom {width:385px; height:39px; background-position: -335px 0}
.HeaderLogoTop {width:385px; height:40px; background-position: 0 -60px}
.HeaderLowerRight {width:554px; height:39px; background-position: -385px -60px}
.HeaderTopRight {width:554px; height:40px; background-position: 0 -100px}
.Logo_Site {width:171px; height:75px; background-position: -554px -100px; display:block;}

/*  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: 0 -53px}
.HeaderLowerBackground {width:1px; height:39px; background-position: 0 -217px}
.HeaderMenuBackground {width:1px; height:100px; background-position: 0 -272px}
.HeaderTopBackground {width:1px; height:40px; background-position: 0 -388px}