body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bcsBackg.jpg);
	background-repeat: repeat-x;
}
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #336600;
}
a:active {
	text-decoration: none;
	color: #336600;
}
h1 {
	font-family: Times New Roman, Times, serif;
	color: #cc0000;
	font-weight:normal;
	margin: 0;
	padding: 0 0 5px;
	font-size: 200%;
	border-bottom: 1px solid #E6E6E6;
	
}

h1 span {
	color:#003366;
	}
	
h2 {
	font-family: Times New Roman, Times, serif;
	color: #003366;
	font-weight:bold;
	margin: 0;
	padding: 10px 0 5px;
	font-size: 150%;
	border-top: 1px dashed #E6E6E6;
	
	}
	
h3 {
	font-family: Times New Roman, Times, serif;
	color: #333333;
	font-weight:normal;
	margin: 0;
	padding: 5px 0 5px;
	font-size: 120%;
	}	

ul.list {
	list-style: none;
}

ul.list li {
	background:  url(../images/dot.gif) no-repeat 2px 7px;
	color: #003366;
	margin-left: 2px;
	padding: 0 0 0 15px;
	line-height: 2em;
}

ul.list a {
	text-decoration: none;
	color: #0099FF;
}

ul.list a:hover, ul a:active, ul a:focus {
	color: #E15E06;
	text-decoration:none;
}
	
.logo a {
	width: 350px;
	height: 140px;
	display: block;
	background: url(../images/BCS-logo.png) no-repeat;
	float: right;
	}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 20px; /*offset of tabs relative to browser left edge*/
font: normal 16px Arial;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 13px 25px 8px 25px; /*padding inside each tab*/
border-right: 3px solid #FFFFFF; /*right divider between tabs*/
color: #333333;
background: url(../images/nav.png) repeat-x;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color:#FFFFFF;
background: url(../images/nav_O.png) repeat-x;
text-decoration:none;
}

.mattblacktabs li span a{
float: right;
display: block;
text-decoration: none;
margin: 0 30px;
padding: 13px 35px 8px 35px; /*padding inside each tab*/
color: #FFFFFF;
font: bold 16px Arial;
background: url(../images/navserv.png) repeat-x;
}

.sl {
	background-color:#FFFFFF;
	}

.container {
	background-color:#FFFFFF;
	background-image:url(../images/contbackg.jpg);
	background-repeat:repeat-y;
	}
	
.content {
	color:#333333;
	line-height:1.5em;
	margin:10px 15px 10px 20px;
	}
	
h1.content  {
	font-family: Times New Roman, Times, serif;
	color: #003366;
	font-weight:normal;
	margin: 0;
	padding: 0 0 5px;
	font-size: 200%;
	border-bottom: 1px solid #E6E6E6;
	
}

h1.content  span {
	color:#cc0000;
	}
		
	
.rcol {
	color:#333333;
	line-height:1em;
	margin:10px 15px 10px 10px;
	}
	
h2.rcol {
	color: #003366;
	font-size:14px;
	font-weight:normal;
	padding:  5px 0 5px 5px;
	margin:0 5px 0 5px;
	border-bottom:1px dashed #E6E6E6;
	
	}

.bottomnav {
	background-image:url(../images/backgbottom.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:25px 0 15px;
	font-size:10px;
	letter-spacing:0.06em;
	}

.copy {
	color: #CCCCCC;
	background-image:url(../images/footer-backg.gif);
	background-repeat: repeat-x;		
	background-color:#666666; width:102%; height:150px; border-top:2px #000000 solid; padding-top:20px; text-align:center
	}
	
.copy a{
	color: #999999;
	font-size:10px;
	margin-left:600px;
	}
.copy a:hover, .copy a:active, .copy a:focus .copy a:visited a{
	color:#CCCCCC;
	text-decoration:none;
	}
	
.copy span {
	font-family:Arial;
	font-size:300%;
	color:#CCCCCC;
	}

h1.titlehead {
	color: #FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:  5px 5px 2px 25px;
	margin:0 5px 0 5px;
	border-bottom:1px dashed #003399;
	
	}
h1.titlehead span {
	color: #3399FF;
	font-size:18px;
	font-weight:normal;
	}

ul.head {
	list-style: none;
}

ul.head li {
	background:  url(../images/dot.gif) no-repeat 2px 15px;
	color:#0099FF;
	margin-left: -15px;
	padding: 0 0 0 20px;
	line-height:3em;
}

ul.head a {
	padding: 5px 3px;
	text-decoration: none;
	color: #0099FF;
}

ul.head a:hover, ul.head a:active, ul.head a:focus {
	background: #1C64A5;
	color: #FFFFFF;
	text-decoration:none;
}
ul.head a:visited {
	text-decoration: none;
	color: #FFFFFF;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.7;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 0;
}

.blockquote {
	padding: 1em 40px 1em 5px;
}

.blockquote span.open {
	background: url(../images/qo.gif) no-repeat left top;
	padding: 2px 0 0 30px;
}

.blockquote span.close {
	background: url(../images/qc.gif) no-repeat bottom right;
	padding: 0 30px 2px 0;
}

.testimonial {
	font-style:italic;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #E6E6E6;
}

.testimonial span.author {
	text-align:left;
	background: url(../images/dot.gif) no-repeat left;
	display: block;
	font-weight: bold;
	padding-top:5px;
	margin: 5px 0 1px 0;
	padding-left: 20px;
}


.readon {
	font-size: 10px;
	color:#333333;}
	
.readon a{
	text-align: right;
	text-decoration: none;
	color: #003366;
	font-weight: normal;
	background: url(../images/readm.png) no-repeat left 0;
	padding-left: 20px;
	text-transform: uppercase;
}

.readon a:hover, .readon a:active, .readon a:focus a{
	background: url(../images/readm2.png) no-repeat left 0;
	color: #E15E06;
}

.top {
	font-size: 10px;
	color:#333333;}

.top a{
	text-align: right;
	text-decoration: none;
	color: #003366;
	font-weight: normal;
	background: url(../images/top1.png) no-repeat left 0;
	padding-left: 20px;
	text-transform: uppercase;}
	
.top a:hover, .top a:active, .top a:focus a{
	color: #E15E06;
}