/* Design 1*/
/* Global Styles */

body {
	margin-top:20px;
	background: url(bk.jpg) #9DCAF4 bottom right fixed no-repeat;
	color: #881D00;
	}

td {
	font:11px arial;
	}

	
a {
	color: #cc0000;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
ol {
list-style-type: number;
list-style-position:inside;
	color:#881D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	
/* ID Styles */

#container {
	position: relative;
	width: 900px;
	margin: 0 0 0 70px;
	background-color: #83B0E5;

}
#container p{
	margin-left: 10px;
	margin-right: 10px;
}

#container img.r{
border: #00003A solid 2px;
vertical-align: baseline;
padding: 3px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 10px;
margin-top: 3px;
float:right;
}

#container img.l{
border: #00003A solid 2px;
vertical-align: baseline;
padding: 3px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 10px;
float:left;
z-index: -2;
}

#container ul{
margin-left: 45px;
margin-top: 0px;
	font:13px arial;
	color:#881D00;
list-style-type: disc;
list-style-position:inside;

}

#container ul.list{
text-indent: 2px;
padding-left: 20px;
margin-left: 20px;
list-style-position:inside;
}

#header {
color: white;
height: 82px;
width: 900px;
background: url(ESS.gif) #2E3192 left no-repeat;
text-align:right;
}

#navigation{
	background-color: #426AB2;
	width:100%;
}
#navigation a {
	font:11.5px arial;
	color: #ffffff;
	text-decoration:none;
	text-transform: capitalize;
	height: 15px;
	}
	
#navigation a:hover {
	color: #99CCFF;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#footer {
width: 900px;
background-color: #2E3192;
color: white;
text-align: right;
font: 11.5px arial oblique;
}

#footer a {
color: #A4A8D5;
text-decoration: none;
}
#noborder td {
	border: 0px;
	}
	
#weekdays th {
	font:11px arial;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:30px Calibri, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	text-align: center;
	text-transform: uppercase;
	}

.tagline {
	font:11px times new roman;
	color: #CC3300;
	letter-spacing:.2em;
	}

.smallText {
	font:12px times new roman;
	color: #FFF890;
	line-height:16px;
	text-align: right;
	font-style: oblique;
	text-transform:lowercase;
	}

.pageHeader {
	font:20px Calibri, arial, san-serif bold;
	color: #A31D00;
	letter-spacing:.1em;
	line-height:28px;
	}
.title {color: #FFFFFF}
.style2 {color: #FFFF99}
	
.bodyText {
	font:13px arial;
	color:#881D00;
	line-height:18px;
	text-align: justify;
	padding: 4px;
	}
	
.pageName {
	font:20px arial;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px times new roman;
	color: #33CC66;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 950px;
overflow: hidden;
margin-left: -40px;
padding-left: -50px;
padding-right: -30px;
margin-right: -30px;
}

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

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

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

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

.mattblacktabs li a:hover{
background-color: #2E3192; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-right: 1px solid white;
border-left: 1px solid white;
}

.mattblacktabs li a.selected{
background-color: #2E3192; 
border-right: 1px solid #FEDC00;
border-left: 1px solid #FEDC00;
font: #FEDC00;
}