﻿
body{
	background-color:#6082b6;
	margin:0px;
}
body.print
{
	background-color:#FFFFFF;
}
p, a, h1, h2, h3, td, input, textarea, li
{
	font-family: "Trebuchet MS","Sans Serif";
}
p
{
	line-height: 16px;
}
a, a:visited
{
	color: #17225F;
	text-decoration: underline;
}
a:hover
{
	color: #62A8CD;
	text-decoration: none;
}
#container
{
	width:912px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
}
#home_header
{
	width:912px;
	height: 374px;
	background-image:url(images/trgroup-layout-home_01.jpg);
	position: relative;
}
#header
{
	width:912px;
	height: 139px;
	background-image:url(images/trgroup-layout-internal_01.gif);
	position: relative;
}
#content
{
	position:relative;
	width: 912px;
	overflow:auto;
	background-image:url(images/trgroup-layout-internal_02.gif);
	
}
#container_print
{
	background-color:#FFFFFF;
}
#container_print #content
{
	width: 520px!important;
	background-image:none!important;
	margin-left: 20px;
	margin-right: 20px;
	
}
#container_print #content #button_print
{
	display: none;
}
a.homelink, a.homelink:visited
{
	position: absolute;
	width: 310px;
	height: 100px;
	top: 30px;
	left: 38px;
}
a.homelink span
{
	display: none;
}
#column_left
{
	padding-left:76px;
	padding-right: 30px;
	padding-top:28px;
	float:left;
	width: 440px;
}
#column_left h1, #column_right h1
{
	margin-top: 0px;
	padding-top:10px;
	font-size: 18px;
	color:#17225f;
}
#column_left h2, #column_right h2
{
	margin-top: 0px;
	padding-top:10px;
	font-size: 15px;
	color:#17225f;
}

#column_left p,#column_right p, #column_left li, #column_right li, td
{
	font-size: 13px;
	color:#5a5a5a;
}
#column_right
{
	background-image: url(images/column-divider.gif);
	background-repeat: no-repeat;
	float:right;
	width:280px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:28px;
	background-position: left 50px;

	min-height: 400px;
}
#home_content
{
	position: relative;
	width:912px;
}
div.home_expansion
{
	background-image: url(images/trgroup-layout-expansion.gif);
	background-repeat:repeat-y;
	width: 912px;
}
div.home_bottom
{
	width:912px;
	height: 277px;
	background-image:url(images/trgroup-layout-home_02.jpg);
}
#home_header p.topnav, #header p.topnav
{
	position:absolute;
	left: 370px;
	top: 30px;
	margin:0px;
}
#header p.subnav
{
	position:absolute;
	left: 680px;
	top: 120px;
	margin: 0px;
	color:#cf8928;
}
#header p.subnav a, #header p.subnav a:visited
{
	color:#cf8928;
	font-weight: bold;
}
#header p.subnav a:hover
{
	color:#f4a12f;
	font-weight: bold;
}

#header p.adminnav
{
	position:absolute;
	left: 402px;
	top: 120px;
	margin: 0px;
	color:#cf8928;
	z-index: 0;
}
#header p.adminnav a, #header p.adminnav a:visited
{
	color:#cf8928;
	font-weight: bold;
}
#header p.adminnav a:hover
{
	color:#f4a12f;
	font-weight: bold;
}

div#home_callout
{
	width: 280px;
	height: 210px;
	position: absolute;
	left: 50px;
	top: 120px;
}
#home_header a, #home_header a:visited, #header a, #header a:visited
{
	color:#FFFFFF;
	font-size: 13px;
	text-decoration: none;
}
#home_header a:hover, #header a:hover
{
	color:#dddddd;
	text-decoration:underline;
}
#home_footer
{
	width:912px;
	height: 59px;
	background-image:url(images/trgroup-layout-home_03.jpg);
}
#footer
{
	width:912px;
	height: 130px;
	background-image:url(images/trgroup-layout-internal_03.gif);
	background-repeat:no-repeat;
	background-color:#6082B6;
}

#home_footer p, #footer p
{
	text-align:center;
	color:#FFFFFF;
	font-size: 12px;
	padding-top: 10px;
	margin-top: 0px;

}
.separator
{
	background-image:url(images/separator.gif);
	height: 2px;
	width: 400px;
	display: block;
	margin-top: 10px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	margin-left: 30px;
}
#home_footer a, #home_footer a:visited, #footer a, #footer a:visited
{
	color:#FFFFFF;
	font-size: 12px;
}
#home_footer a:hover, #footer a:hover
{
	color:#f2c524;
}
div.home_columns
{
	width: 180px;
	position: absolute;
	height: 220px;
	top: 0px;
}
p.year-1978
{
	position:absolute;
	top: 15px;
	left: 160px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
}
div.home_columns h2, div#home_callout h2
{
	font-size: 12px;
	color:#17225f;
	font-weight: bold;
	margin-bottom: 5px;
}
div#home_callout h2
{
	margin-top:0px;
	margin-bottom:0px;
	font-size: 13px!important;
	
}
div#home_callout p
{
	font-size: 11px;
	margin: 0px;
	padding-top:10px;
}
div#home_callout a, div#home_callout a:visited
{
	color:#000000;
	font-size: 11px!important;
	font-weight: bold;
	text-decoration: underline;
}
div#home_callout a:hover
{
	color:#555555;
}
div.home_columns a,div.home_columns a:visited
{
	color:#9d670d;
	text-decoration: underline;
	font-weight: bold;
}
#events_callout
{
	position: absolute;
	left: 712px;
	top: 68px;
	width: 223px;
	height:215px;
	display: block;
	background-image:url(images/callout-events.png); 
}
a.button-signup, a.button-signup:visited
{
	position: absolute;
	left: 50px;
	top: 160px;
	background-image:url(images/btn-signup.png);
	width:129px;
	height:23px;
	display: block;
	background-position: 0px 0px;
}
#content_events
{
	position: absolute;
	top: 40px;
	left: 20px;
	width: 180px;
}
a.button-signup:hover
{
	background-position: -129px 0px;
}
#content_events p
{
	margin-top: 0px;
	margin-bottom: 10px;
	color:#FFFFFF;
	font-size: 12px;
}

#content_events a:link, #content_events a:visited
{
	font-size: inherit;
	color:#CDD2EF!important;
	text-decoration: underline;
	font-size: 11px;
}
#content_events a:hover
{
	color:#FFFFFF!important;
}
a.button-signup span
{
	display: none;
}
#events_callout h2
{
	display: none;
}
div.home_columns a:hover{
	color:#d38a11;

}
div.home_columns p
{
	font-size: 12px;
	color:#17225f;
	font-weight: normal;
	margin-top:0px;
}

div#home_callout a.podcast, div#home_callout a.podcast:visited
{
	background-image:url(images/icon-podcast.gif);
	width: 230px;
	height: 50px;
	background-repeat:no-repeat;
	padding-left: 50px;
	display:block;
	text-decoration: none;
	padding-top: 8px;
	margin-top: 40px;
	font-size: 13px;
}
div#home_callout a.podcast span.header, div#home_callout a.podcast:visited span.header
{
	font-size: 13px;
	color:#17225f;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
div#home_callout a.podcast span, div#home_callout a.podcast:visited span
{
	text-decoration: underline;
}
div#column_1
{
	left: 50px;
}
div#column_2
{
	left: 260px;
}
div#column_3
{
	left: 470px;
}
div#column_4
{
	left: 680px;
}



/* Dropdown styles */

#jsddm
{	margin: 0;
	padding: 0;
	position: absolute;
	left: 360px;
	top: 20px;
}
	
	#jsddm li
	{	float: left;
		list-style: none;
	}

	#jsddm li a
	{	display: block;
		/*background: #20548E;*/
		padding: 5px 10px;
		text-decoration: none;
		color: #EAFFED;
		white-space: nowrap
	}

	#jsddm li a:hover
	{	/*background: #1A4473;*/
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px #EAFFED solid;
			border-left:1px white solid;
			border-right:1px #183E76 solid;
			z-index:50;
		
		}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
		}
		
		#jsddm li ul li a, 	#jsddm li ul li a:visited
		{	width: auto;
			background: #CDD2EF;
			color:#18225F;
			border-bottom: 1px solid #183E76;
			padding-top:2px;
			padding-bottom: 2px;
			/*border-left: 1px solid #EAFFED;
			border-right: 1px solid #183E76;*/
		}
		
		#jsddm li ul li a:hover
		{	background: #183E76; color:#FFFFFF;}


.altrow
{
	background-color: #EDEDED;
}
.highlight
{
	background-color:#FFFF99;
}
td.leftcolumn
{
	text-align:right;
	font-size: 13px;
}
.inputform
{
	width: 300px;
	border: 1px black dotted;
	font-size: 13px;
}
.inputform:focus, input.text:focus, textarea.text:focus
{
	background-color:#FFFF99;
}
img.photo
{
	float:right;
	padding-left: 20px;
	
}
.indented
{
	margin-left: 20px;
}
.successtext
{
	color:green;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	/*padding: 5px;
	border: 1px #AAAAAA dotted;
	background-color:#EEEEEE;*/
	display: block;
	margin-top: 10px;
}
.errortext
{
	color:red;
	font-size: 16px;
	font-weight: bold;
}
input.text,textarea.text
{
	width:360px;
	height: 18px;
	border: 1px black dotted;
	
}
tr.row_alt, li.row_alt
{
	background-color: #EAEAEA;
	height: 21px;
	list-style:none;
}
li.row_nor
{
	height: 21px;
	list-style:none;
}
tr.rowheader
{
	background-color:#CCCCCC;
	font-weight: bold;
}
table.maintable
{
	width: 500px;
}

#leftnav
{
	float:left;
	width: 220px;
	display: block;
	padding-left: 20px;
	padding-top: 50px;
}
#leftnav a, #leftnav a:visited
{
	font-size: 13px;
	font-weight: bold;
}
a.signup
{
	float:right;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding:20px;
	
}

#styleswitch
{
	display: block;
	position: absolute;
	left: 840px;
	top: 21px;
}
#styleswitch a, #styleswitch a:visited
{
	border: 1px #2a3ead dotted;
	display: inline-block;
	width: 17px;
	padding-left: 5px;
	height: 23px;
	font-size: 18px;
}
#styleswitch a:hover
{
	background-color:#2a3ead;
	border: 1px #3a55ee dotted;
}
#column_right p.attribution
{
	text-align:right;
	font-style:italic;
}
#column_left ul li, #column_right ul li
{
	margin-top: 5px;
}

p.attribution
{
	text-align:center;
}
p.attribution a, p.attribution a:visited
{
	font-size: 11px;
	color:#FFFFFF;
	font-style:normal;
}
p.attribution a:hover
{
	color:#DDDDDD;
	background-color: transparent;
}
.callout
{
	background-color:#DEDEDE;
	border:1px #CDCDCD solid;
}
#print_header
{
	display:none;
}
#button_print
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#DEDEDE;
	border-bottom:1px #A8B2B8 solid;
	border-right:1px #A8B2B8 solid;
	border-left:1px #EEEEEE solid;
	border-top:1px #EEEEEE solid;
	position: absolute;
	left: 520px;
	top: 100px;
}
#button_print:hover
{
	background-color:#A8B2B8;
	border-bottom:1px #EEEEEE solid;
	border-right:1px #EEEEEE solid;
	border-left:1px #C7CACC solid;
	border-top:1px #C7CACC solid;
	color:#FFFFFF;

}
@media print{
	#print_header {
		display:block!important;
	}
	#header {
		display:none!important;
	}
	#button_print{
		display:none;
	}

}
