html {height: 100%;width: 100%;}
body { background: #E0E0E0 top center repeat-x; color:#333333; font-size:14px; line-height:12px;  font-family: "Trebuchet MS", Georgia,Serif,arial,verdana;}
td {  text-align: center; }
.big { font-size: 16px;    align:center; color:#444444;}
a.letter:link  {text-decoration: none; color: #246CA9; font-size: 21px;}
a.letter:visited { text-decoration: none; color: #246CA9;  font-size: 21px;}
a.letter:hover { text-decoration: underline; color: #000000; font-size: 21px;}
a.letterl:link  {text-decoration: underline; color: #ffffff; font-size: 21px;}
a.letterl:visited { text-decoration: underline; color: #ffffff;  font-size: 21px;}
a.letterl:hover { text-decoration: underline; color: #ffff00; font-size: 21px;}
a.letter2:link  {text-decoration: none; color: #ffffff; font-size: 23px;}
a.letter2:visited { text-decoration: none; color: #ffffff;  font-size: 23px;}
a.letter2:hover { text-decoration: none; color: #ffff00; font-size: 23px;}
a.letter3:link  {text-decoration: underline; color: #ffffaa; font-size: 19px; }
a.letter3:visited { text-decoration: underline; color: #eeeeee;  font-size: 19px;  }
a.letter3:hover { text-decoration: underline; color: #ff3333; font-size: 19px;  }
a.letter4:link  {text-decoration: none; color: #0066cc; font-size: 19px; }
a.letter4:visited { text-decoration: none; color: #006699;  font-size: 19px;  }
a.letter4:hover { text-decoration: underline; color: #ff3333; font-size: 19px;  }

.letter5  {text-decoration: none; color: #3399ff; font-size: 15px; }
a.letter5:link  {text-decoration: none; color: #3399ff; font-size: 15px; }
a.letter5:visited { text-decoration: none; color: #3399ff;  font-size: 15px;  }
a.letter5:hover { text-decoration: underline; color: #3399ff; font-size: 15px;  }



a:{color:#0099ff} a:vlink{color:0099ff} a:hover{color:#0066cc}  


a.toggleopacity:link {color:E300B9;}
a.toggleopacity:visited {color:E300B9;}
 
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 1;
color:E300B9;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=135);
-moz-opacity: 0.8;
color:E300B9;
}
.toggleopacity img{
border: 1px solid #8EA6C1; 
color:E300B9;
}
.toggleopacity:hover img{
border: 1px solid #526175;
color:E300B9;
}



.toggleopacity1 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 1;
}
.toggleopacity1:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=135);
-moz-opacity: 0.8;
}
.toggleopacity1 img{
border: 0px solid #8EA6C1; 
}
.toggleopacity1:hover img{
border: 0px solid #526175;
}


.toggleborder:hover img{
border: 1px solid #526175;
}
 
.toggleborder:hover{
color: 526175; 
}


/* Submenu */

#submenu {
	clear: both;
	padding: 20px 0;
	background: #535657 url(images/img16.gif) repeat-x left bottom;
	color: #A9B6BB;

}

#submenu ul {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align:left;
	 
	
}

#submenu li {
	display: block;
	float: left;
	width: 180px;
	padding: 0 12px 0 0;
	font-size: 18px;
}

#submenu li ul {
	width: auto;
	margin: 0;
}

#submenu li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 5px 0 5px 10px;
	background: url(images/img17.gif) no-repeat left center;
	border-bottom: 1px solid #424546;
}

#submenu h2 {
	margin: 0 0 5px 0;
	border-bottom: 2px solid #424546;
	font-size: 1.2em;
}

#submenu a {
	text-decoration: none;
	color: #A9B6BB;
}

#submenu a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	padding: 10px 0;
 
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #666666;
}

#footer a {
	color: #666666;
}


 

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

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

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid gray; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}




.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; color: black;/*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}