
body
{
    font-family:Verdana,Helvetica,Arial,Sans-Serif;
	background-color: #ffffff;
scrollbar-3Dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#c91300;
scrollbar-shadow-color:#c91300;
scrollbar-track-color:#ffffff;
}
/* these are the font styles for the links that appear on your web page */
a:link {font: bold 13px arial; color: #eeeeee; text-decoration: none;} 
a:active {font: bold 13px arial; color: #eeeeee; text-decoration: none;}
a:visited {font: bold 13px arial; color: #eeeeee; text-decoration: none;}
a:hover {font: bold 13px arial; color: #c91300; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/



.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px #000000;
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    /* remove this to have the page load at full width */
    width: 680px;
}

.wrapper1
{ width: 278px;}

.wrapper2
{width:370px;}

.wrappercontent
{
	padding: 5px 10px;
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	line-height:140%;
	color: #333;
	margin: 10px 0px 0px 0px;

}
	.wrappercontent a,
	.wrappercontent a:link,
	.wrappercontent a:visited,
	.wrappercontent a:active {
		font-weight: normal;
		font-family:Verdana,Helvetica,Arial,Sans-Serif;
		text-decoration: underline;
		color: #333;}

	.wrappercontent a:hover {
		font-weight: normal;
		font-family:Verdana,Helvetica,Arial,Sans-Serif;
		text-decoration:underline;
		color: #c91300;

	}
	
.wrappertitle
{
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
	line-height:140%;
    color: #c91300;
    font-size:13px;
	margin: 0px;
    font-weight: bold;

}


.wrappertable
{
	padding: 3px;
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	line-height:100%;
	color: #333;
	margin: 0px;

}
	
.title
{
    font-family:Georgia,Serif,Helvetica;
    background-color: #000000;
    color: #eeeeee;
    font-weight: bold;
    font-size: 36px;
	padding: 5px 20px 5px 20px;
	text-align: center;

}

.title2 
{
    color: #000000;
	font-face: Arial;
    font-weight: bold;
    font-size: 20px;

}

.titlemargin
{
	margin: 10px 0px 10px 0px;
}

.subtitle {
    width: 130px;
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 2px;
    margin-bottom: 8px;
	border-bottom: solid 1px #9C6C76;
	border-right: solid 1px #9C6C76;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 5px 0 5px; /* keeps text off the borders */
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	line-height:140%;
	color: #333;
	margin: 0px;

}
.tablecontent
{

	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	line-height:140%;
	color: #333;
	

}
	.tablecontent a,
	.tablecontent a:link,
	.tablecontent a:visited,
	.tablecontent a:active {
		font-weight: normal;
		font-family:Verdana,Helvetica,Arial,Sans-Serif;
		text-decoration: none;
		color: #c91300;

	}
	.tablecontent a:hover {
		font-weight: normal;
		text-decoration: none;
		color: #000000;
	}


.t{
		font-weight: bold;
		text-align: center;}
.contenttitle
{
    padding: 5px 10px;
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	font-weight:bold;
	color: #c91300;
	margin: 0px;

}
.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 155px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 8px;
}

.sidebar
{
    width: 130px;
    height: 430px; /* remove this to allow different-sized sidebars */
    background-color: #c91300;
    color: #ffffff;
    padding: 5px 0px;
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:70%;
	text-align=center;
}



.sidebaritem
{
    width: 130px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 8px;
	text-decoration:none;


}

.sidebarright
{
    background:#c91300;
    width: 5px;
    height: 430px; /* remove this to allow different-sized sidebars */



}

.sidebarrightitem
{
    padding: 3px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 12px;
    text-decoration:none;


}

.horiz
{
    color: #000000;
    font-weight: bold;
	width: 124px;
	float: left;

	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}

.footer
{
	background-color: #000000;
	color: #c91300;
	font-size: 8px;
	font-face: arial;
	text-align: center;
	margin-top:0px;
}

.img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding:4px;
}



