#STCBody
{
	font-family: verdana,arial,sans-serif;
	font-size: 0.80em;
}

html 
{
}

a
{
	text-decoration:none;
    color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none; 
}

iframe
{
	bgcolor:#414141;
	color:#414141;
	border: 3px solid #E60000;
	width: 475px; 
	height: 475px; 
	frameborder: 0; 
	scrolling: no;
}

a:link 
{
	COLOR: #FFFFFF;
}
a:visited 
{
	COLOR: #787878;
}
a:hover 
{
	COLOR: #FFFFFF;
	text-decoration: underline;
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

a:active 
{
	COLOR: #FFFFFF;
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

h1 {
  font-family: arial,sans-serif;
  font-size: 108%;
  letter-spacing: 0.1em;
}
h2 {
  margin: 0px;
  padding: 0px 0px 4px;
  font-size: 100%;
}

p {
  margin: 0px;
  padding: 0px 0px 16px;
  line-height: 1.7em;
}

#outerPageWrapper
{
	background-color:#636363;
	margin: 0px auto;
	padding: 0px;
	width:95%;
	min-width:980px;
	    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "980px" : "95%" );
}

.pageWrapper
{
	background-color:#414141;
	border-top: 3px solid #E60000;
	border-left: 3px solid #E60000;
	border-right: 3px solid #E60000;
	border-bottom: 3px solid #E60000;
	margin-top: 0 auto;
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-bottom: 0 auto;
	padding: 0;
	/*width:800px;*/
	width:74%;
	min-width:700px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "700px" : "74%" );
	float:right;
}

#logo
{
	background-color: #E60000;
	padding: 0;
	margin: 0;
}

#header
{
	text-align: center;
	float:left;
	width: 100%;
	background-color: #E60000;
	padding-bottom: 5px;
	margin: 0;
}

#header img 
{
	margin-left:15px;
	margin-right:15px;
}

#content
{
	/*text-align:center;*/
	background-color: #414141;
	margin-right: 5px;
	color: #FFFFFF;
	margin-top:25px;
	margin-bottom:25px;
}

#content ul
{
}

#content h1 {
  font-family: arial,sans-serif;
  font-size: 108%;
  color:#E60000;
  letter-spacing: 0.1em;
}

#floatingColumn
{
	display: block
	background-color: #ffffff;
	font-family: Arial;
	/*width:225px;*/
	width:20%;
	min-width:225px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "225px" : "20%" );
	float: left;
	padding: 0px auto;
	margin: 0px auto;	
}

#column1
{
	display: block
	background-color: #ffffff;
	font-family: Arial;
	/*width:220px;*/
	width:25%;
	min-width:220px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "220px" : "25%" );
	float: left;
	padding: 0px auto;
	margin: 0px auto;
}

#column2
{
	display: block
	background-color: #000000;
	font-family: Arial;
	/*width:230px;*/
	width:25%;
	min-width:230px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "230px" : "25%" );
	float: right;
	padding: 0px auto;
	margin: 0px auto;
}

#footer			
{
	width:100%;
	border-top: 3px solid #E60000;
	clear: both; 
	position: relative; 
	text-align:center;
	background-color: #414141;
	color: #FFFFFF;
	font-size: xx-small;
	line-height:20px;
	/*margin-top: -40px;
	margin-bottom: 40px;*/ /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
	/*z-index: 15;*/
}

#footer img 
{
	/*margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;*/
}

#navBar
{
	vertical-align:middle;
	text-align:center;
	width: 100%;
	background-color: #414141;
	padding: 0;
	margin:  0px auto;
}

#navBar a
{
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

#menu {
	text-align:center;
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu li {
	float: left;
	margin: 0px auto;
	padding: 0;
}

#menu a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #545454 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;                    
}

#RightSideBox
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	vertical-align: middle;
	text-align: center;
	line-height: 24px;
	border: 1px solid #787878;
	background-color: #545454;
	color: #FFFFFF;
	padding: 2;
}

#RightSideBox img
{
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

#RightSideBox a
{
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

#LeftSideBox
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #787878;
	background-color: #545454;
	color: #FFFFFF;
	padding: 3;	
	/*width: 260px;*/
	/*min-width:260px;*/
	/* IE Dynamic Expression to set the width 
    width:expression(document.body.clientWidth < 260 ? "260px" : "25%" );*/
}

#LeftSideBox img
{
	border-style: none;
    border-width: 0px 0px 0px 0px;
}
#LeftSideBox a:link 
{
	COLOR: #E60000;
}
#LeftSideBox a:visited 
{
	COLOR: #E60000;
}
#LeftSideBox a:hover 
{
	COLOR: #E60000;
	border-style: none;
    border-width: 0px 0px 0px 0px;
}
#LeftSideBox a:active 
{
	COLOR: #E60000;
	border-style: none;
    border-width: 0px 0px 0px 0px;
}

#SectionHeader
{
	font-weight: bold;
	font-size: 125%;
	/*width: 300px;*/
	width:50%;
	min-width:300px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1025 ? "300px" : "50%" );
	border-bottom: 1px solid #787878;
	text-align:left;
	background-color: #414141;
	margin-left: 5px;
	margin-right: 0px auto;
	color: #E60000;
}

#SectionContent
{
	text-align:left;
	background-color: #414141;
	margin-left: 5px;
	margin-right: 0px auto;
	padding-top: 10px;
	color: #FFFFFF;
}

#SectionContent p
{
	text-align:left;
	background-color: #414141;
	margin: 0px auto;
	color: #FFFFFF;
}

#clear 
{ 
	clear: both; 
}