body
{
    font-family:Verdana,Helvetica,Arial,Sans-Serif;
font-size:12px;
	background-color: #000000;
scrollbar-3Dlight-color:#000;
scrollbar-arrow-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-face-color:#000;
scrollbar-highlight-color:#c91300;
scrollbar-shadow-color:#c91300;
scrollbar-track-color:#000;
overflow-y: auto;
}
/* these are the font styles for the links that appear on your web page */
a:link {color: #c91300; text-decoration: none;   } 
a:active {color: #c91300; text-decoration: none; }
a:visited {color: #c91300; text-decoration: none; }
a:hover {color: #dddddd; 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 #c91300;
}

.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;
position:absolute;
}

.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: 700px;
    height: 300px;

}
.wrapper1
{ width: 270px;}

.wrapper2
{width: 410px;}

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

}

.title1 
{
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:13px;
	line-height:18px;
}
	.title1 a,
	.title1 a:link,
	.title1 a:visited,
	.title1 a:active {
    color: #c91300;


	}
	.title1 a:hover {
		color: #dddddd;
	}

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

}

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

.subtitle {
    width: 143px;
    background-color: #c91300;
    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. */
 
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:11px;
	color: #dddddd;
	font-weight: normal;
         padding:2.4px 0px;

}
	.content a,
	.content a:link,
	.content a:visited,
	.content a:active {
		color: #dddddd;

	}
	.content a:hover {
		color: #c91300;
	}





	.content a,
	.content a:link,
	.content a:visited,
	.content a:active {
		color: #dddddd;

	}
	.content a:hover {
		color: #c91300;
	}

.content1
{
    /* this describes the container of the content paragraphs. */
 
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:11px;
	line-height:18px;
	color: #dddddd;
	font-weight: normal;
}
	.content1 a,
	.content1 a:link,
	.content1 a:visited,
	.content1 a:active {
		color: #dddddd;

	}
	.content1 a:hover {
		color: #c91300;
	}

.tablecontent
{

	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:11px;
         padding:2.4px 0px;
	color: #dddddd;
		font-weight: normal;

}
	.tablecontent a,
	.tablecontent a:link,
	.tablecontent a:visited,
	.tablecontent a:active {

		color: #dddddd;

	}
	.tablecontent a:hover {
		color: #c91300;
	}


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

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

}

.sidebar
{
    width: 110px;
    height: 445px;  /*remove this to allow different-sized sidebars */

    color: #eeeeee;
    padding: 5px 0px;
	font-family:Verdana,Helvetica,Arial,Sans-Serif;
	text-align=center;
}




.sidebaritem
{
    width: 105px;

    color: #ffffff;
    font-size: 11px;
    margin-top: 10px;
	text-decoration:none;
}
.sidebaritem a:link {font: 8px arial; color: #ffffff; text-decoration: none;} 
.sidebaritem a:active {font: 8px arial; color: #ffffff; text-decoration: none;}
.sidebaritem a:visited {font: 8px arial; color: #ffffff; text-decoration: none;}
.sidebaritem a:hover {font: 8px arial; color: #000000; text-decoration: none;
  position: relative;overflow: visible;
  visibility: visible; right:
           3px;}



.counter
{
    color: #c91300;
    font-size: 9px;
    margin-top: 18px;
    text-decoration:none;

}

.counter a:link {color: #c91300; text-decoration: none;} 
.counter a:active {color: #c91300; text-decoration: none;}
.counter a:visited {color: #c91300; text-decoration: none;}
.counter a:hover {color: #c91300; text-decoration: none;}

.sidebarright
{
    width: 5px;
    height: 445px; /* remove this to allow different-sized sidebars */
    
}

.sidebarrightitem
{

    background-color: #c91300;
    color: #ffffff;
    margin-bottom: 5px;
    padding: 3px;

}

.horiz
{
    color: #c91300;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 8px;

}

.footer
{
	background-color: #000;
	font-size: 11px;
	font-face: arial;
	text-align: center;
    padding: 2px 0px;

}

.footermargin
{
margin: 5px 0px 0px 0px;
}

.top1
{
	background-color: #000;
	font-size: 11px;
	font-face: arial;
	text-align: center;
    padding: 3px 0px;

}
.top1 a:link {color: #dddddd; text-decoration: none;} 
.top1 a:active {color: #dddddd; text-decoration: none;}
.top1 a:visited {color: #dddddd; text-decoration: none;}
.top1 a:hover {color: #dddddd;text-decoration:none;position: relative;overflow: visible;
  visibility: visible; left:
           0px; background-color:#c91300}/*this one changes the mouseover or hover state of the link*/

.top
{
	background-color: #000;
	font-size: 11px;
	font-face: arial;
	text-align: center;
    padding: 3px 0px;
 border-top: solid 1px #c91300;
}
.top a:link {color: #dddddd; text-decoration: none;} 
.top a:active {color: #dddddd; text-decoration: none;}
.top a:visited {color: #dddddd; text-decoration: none;}
.top a:hover {color: #dddddd;text-decoration:none;position: relative;overflow: visible;
  visibility: visible; left:
           0px; background-color:#c91300}/*this one changes the mouseover or hover state of the link*/
.topmargin
{
margin: 0px 0px 5px 0px;
}
.u {

border-bottom: 1px dotted #F08080;
		line-height:160%;
text-align:justify;
}

.small
{font-size:10px;}

.middle
{font-size:11px;}


.note
{  

	font-family:Verdana,Helvetica,Arial,Sans-Serif;
    font-size:11px;
	color: #dddddd;
		font-weight: normal;
  padding: 10px;
}