@charset "utf-8";
/* CSS Document */

/* 	TRC Style CSS
	created by: Robert Matteson
	2-17-08
	last modified 3-19-08
	
	
	COLORS:
	
	light red: 	#E31937
	dark red:	#90011A
	bright blu:	#B8D5F0
	light blu:	#008ACE
	dark blu:	#016288
	green:		#949C51
	dark green: #646637
	light brown:#A37765
	dark brown:	#6C2E1D
	day-glo:	#F7B21B
	
*/


/* BODY */
body {
	background-image: 	url(../images/skyline_new.jpg);
	background-repeat:	repeat-x;
	background-color: 	#FFFFFF;
}

#container {
	position:			relative;
	top: 				185px;
	
	width: 				588px;
	margin: 			auto;
	/* sign fix */
	z-index:			1;

}


/* LINKS */
a	{
	color: 				#6F98B2;
}

a:hover	{
	color:				#82B5CE;
}


/* NAVIGATION FOR PUBLIC */
#nav	{
	position:			relative;
	top:				-50px;
	
	width:				588px;
	height:				30px;
	text-align:			center;
}

#nav a	{
	color:				#333333;
	display:			block; /* this must be the property that allows the whole box to change color on hover */
	text-decoration:	none;
	padding: 			4px 4px 4px 4px;
}

#nav a:hover	{
	color:				#90011A;
}


/* NAVIGATION FOR MEMBERS AFTER LOGIN */
#nav_member	{
	position:			relative;
	top:				-47px;
	width:				588px;
	height:				30px;
	
	border-top:			1px solid #333333;
	text-align:			center;
	
	background-image:	url(../images/content_bg.jpg);
}

#nav_member a	{
	color:				#333333;
	font-style:			oblique;
	
	display:			block;
	text-decoration:	none;
	padding: 			4px 4px 4px 4px;
}

#nav_member a:hover	{
	color:				#016288;
}


/* HEADER DIVS */
#sign	{
	position:			absolute;
	width:				300px;
	top:				-100px;
	left:				-90px;
	/* so it appears on top */
	z-index:			2;
}

#header	{
	background-image:	url(../images/header-new.jpg);
	background-repeat:  no-repeat;

	position:			relative;
	width: 				588px;
	height:				159px;
	
	text-align:			right;
}


/* FOOTER DIVS */
#legal	{
	text-align:			center;
	font:				11px Arial, Helvetica, sans-serif;
	color: 				#000000;
	
	position:			relative;
	top:				-50px;
}

#bottom	{
	background-image:	url(../images/content_bot.jpg);

	width:				588px;
	height:				20px;
	
	position:			relative;
	top:				-50px;
}

/* CONTENT DIVS */
#content	{
	background-image:	url(../images/content_bg.jpg);
	background-repeat:  repeat-y;
	
	font:				11px Arial, Helvetica, sans-serif;
	color:				#333333;
	line-height:		20px;
	
	margin-top:			0px;
	padding: 			15px 15px 15px 15px;
	
	position:			relative;
	top:				-50px;
}

#sideBar	{
	float:				right;
	padding:			15px;
	margin-left:		20px;

	border:				dotted 2px;
	border-color:		#008ACE;
}

.Header	{
	font: 				32px "Myriad Pro Cond", Arial, sans-serif;
	font-style:			oblique;
	letter-spacing: 	0.07em;
	line-height: 		30px;
	
	color: 				#90011A;
}

.subHeader	{
	font: 				18px Arial, sans-serif;
	line-height: 		20px;
	
	color: 				#016288;
}

.login	{
	font: 				"Myriad Pro Bold" Verdana, Arial, sans-serif;
	font-size:			13px;
	
	color:				#333333;
}

.error	{
	font: 				"Myriad Pro Bold" Verdana, Arial, sans-serif;
	font-size:			13px;
	
	color:				#90011A;
}

.quote	{
	font: 				"Myriad Pro Bold" Verdana, Arial, sans-serif;
	font-size:			18px;
	
	color:				#B5855E;
}

td {
	font:				14px Arial, Helvetica, sans-serif;
	
	color:				#000000;
}