@charset "utf-8";

body {
	font: 100% Arial, Verdana, Helvetica, sans-serif; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-color:#f4dddb; /* 961A31 */
	
}

#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:0px;
	margin-bottom:0px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	}

.f6a {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #333333; text-align:right}



.f0 {font-size: 13px; font-weight: bold; font-family:  Arial, Verdana, Helvetica, sans-serif; color: #ffffff;}
.flink {font-size: 11px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #feca05;}
.f0b {font-size: 11px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff;}
.f0c {font-size: 11px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ea830c;}


.f1 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f2 {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f3 {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f4 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ea830c;}
.f5 {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #333333;}
.f6 {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #333333;}
.f7 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #333333;}
	.f7 a:link { color:#333333; text-decoration:none;}
	.f7 a:visited { color:#333333; text-decoration:none;}
	.f7 a:active { color:#333333; text-decoration:none;}
	.f7 a:hover { color:#333333; text-decoration:none;}
.f8 {
	font-size: 20px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}
.f9 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #feca05;}
.f10 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #feca05;}

.l1{color: #ea830c; text-decoration : none; font-size:8pt;}
.l1:active{color: #ea830c;	text-decoration : none;}
.l1:visited{color: #ea830c; text-decoration : none;}
.l1:hover{color: #52c1ee; text-decoration : none;}

.l2{color: #000000; text-decoration : none;}
.l2:active{color: #000000;	text-decoration : none;}
.l2:visited{color: #000000; text-decoration : none;}
.l2:hover{color: #52c1ee; text-decoration : underline;}

.l3{color: #0066cc; text-decoration : underline;}
.l3:active{color: #0066cc;	text-decoration : underline;}
.l3:visited{color: #0066cc; text-decoration : underline;}
.l3:hover{color: #ff0000; text-decoration : underline;}

.fixer{
  margin-top:-20px;
}
html > body .fixer {   margin-top:0px; }

a img {border:0px none; outline:none;}

/* set the image to use and establish the lower-right position */ 
.cssbox, 
.cssbox_body, 
.cssbox_head, 
.cssbox_head h2{ background: transparent url(img.php.png) no-repeat bottom right} 
.cssbox{ /* intended total box width - padding-right(next) */ width:490px !important; /* IE Win = width - padding */ width: 490px; /* the gap on the right edge of the image (not content padding) */ padding-right:10px; /* use to position the box */ margin:20px auto} /* set the top-right image */ 
.cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:10px} /* set the top-left image */ 
.cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:5px 0 5px 5px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
