/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * DON'T USE!
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

HTML,
BODY
{
	background-color:	#000000;
	color:				#ffffff;
    font-family:		sans-serif;
    font-size:			12px;
    margin:				0; 
}
IMG
{
	border-width:		0;
}
H1
{
    font-size:		    12px;
    font-weight:        normal;
    letter-spacing:     .25em;
    padding-top:		7px;
}
P
{
	margin-top:			2px;
	margin-bottom:		2px;
}

A:link, A:visited, A:active
{
	color:				#ffffff;
   	text-decoration:	underline;
}
A:hover
{
	color:				#fd9b01;
   	text-decoration:	underline;
}

/******************************
 * puts a border around image links when hovering
 *----------------------------*/
.borderit img{margin:1px;}
.borderit:hover img{margin:0; border: 1px solid orange;}
.borderit:hover{color: red; /* irrelevant definition to overcome IE bug */}

/******************************
 * containers for the top content
 *----------------------------*/
#topcontainer
{
	background-color:	#000000;
	color:				White;
    font-family:		verdana, arial, helvetica, sans-serif;
	margin:				0 auto;
	height:				105px;
	width:				840px;
    white-space:		nowrap;
}
#topright
{
	float:				right;
	margin-left:		20px;
	margin-top:			18px;
	width:				440px;
}
#topleft
{
	float:left;
	width:380px;
}

/******************************
 * container for the left and right panels
 *----------------------------*/
#maincontainer
{
	background-color:	#900100;
	margin:				0 auto;
	height:				468px;
	width:				788px;
}
/******************************
 * right panel and content
 *----------------------------*/
#mainright
{
	background-color:	#900100;
	height:				468px;
	margin-right:		50px;
	position:			relative;
	width:				330px;
}
#mainrightcontent
{
	height:				97%;
	margin:				0 auto; 
	position:			relative;
	width:				97%;
}
#mainrightcontentbottom
{
	bottom:0;
	position:absolute;
	width:100%;
}


/******************************
 * left panel and navigation
 *----------------------------*/
#mainleft
{
	background-image:	url('../images/hospeltstr_left_super400.jpg');
	background-color:	#A20D00;
	height:				468px;
	position:			relative;
	width:				408px;
}

#nav
{
	height:				457px;
	margin-left:		16px;
	padding-top:		11px;
	position:			relative;
	width:				292px;
}
#nav A IMG
{
	margin-right:		4px;
	vertical-align:		bottom;
}
#nav A:link, #nav A:visited, #nav A:active
{
	color:				#ffffff;
   	display:			block;
   	line-height:		50px;
   	margin-top:			3px;
	white-space:		nowrap;
	text-decoration:	none;
	vertical-align:		middle;
}
#nav A:hover
{
	color:				#fd9b01;
	background-color:	#A20D00;
   	text-decoration:	none;
}
#nav A.navselected:link, #nav A.navselected:visited, #nav A.navselected:active
{
	color:				#fd9b01;
}

/******************************
 * bottom container for the facebook link
 *----------------------------*/
#bottomcontainer
{
	background-color:	#900100;
	margin:				0 auto;
	margin-top:			10px;
	width:				787px;
}

#facebookcontainer
{
	padding:			14px;
}

/******************************
 * Form fields for the signup page
 *----------------------------*/
INPUT
{
	color:				#000000;
    font-family:		verdana, arial, helvetica, sans-serif;
    font-size:			x-small;
}
TEXTAREA
{
    font-family:		verdana, arial, helvetica, sans-serif;
    font-size:			x-small;
    margin-top:			3px;
    margin-bottom:		3px;
}

/******************************
 * Validation and error display 
 *----------------------------*/
.ValidationSummary
{
	 background-color: 		#FFFF99;
	 border: 				1px solid #ff0000;
	 color:					#990000;
	 font-size:				10px;
	 margin-top:			16px;
	 padding:	 			5px 5px 0 5px;
}

.ErrorMessage
{
	 padding:	 			5px 5px 5px 11px;
	 Border-Style: 			solid;
	 Border-Width: 			0px;
	 border-bottom-width: 	1px;
	 Border-color: 			#C4C5B9;
	 background-color: 		#FFFF66;
	 color:					#000099;
}