/*RESET*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, q, s, samp,
small, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a {text-decoration: none; color: #0000c1; font-weight: bold;}
a:hover {text-decoration: underline;}

/* Main Styles */
body {
	background-color: #336;
	height: 100%;
	width: 100%;
}
body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
h1 {font-family: Georgia, Times, serif; font-size: 2em; line-height: 2.25em; font-weight: bold; letter-spacing: 1.25;}

h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #d01022;
	font-size: 1.75em;
	line-height: 2em;
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-bottom: .25em;
}
h3 {font-size: 1.5em; line-height: 1.75em; font-weight: bold;}

h4 {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-size: 1.25em;
	line-height: 1.05em;
	font-weight: bold;
	margin: 1em 0;
	text-align: left; 
}
h5 {font-size: 1.15em;
	margin: 1em 0 .25em;
	text-align: left;
	text-transform: uppercase;

}
p {
	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 1.5em;
}
td {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.05em;}

th {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;}

.bodystyle {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: .75em;
	color: #999999;
}


#wrapper {
	width: 77.5em;
	margin:10px auto;
	background: #000;
	border: 8px solid #333;
	border-width: 8px 10px;
	border-color: #333 #bbb ; 
}

#header {
	background: #9D9DCE;
    margin: 0 auto;
    padding: 1em;
	border-bottom: 10px solid #999966;
}

#header h1 {	
	font-family: Georgia, Times, serif; 
	text-align: center;
	color: #000;
	font-size: 2em;
	font-weight: bold;
	line-height:2.15em;
	margin: 0 auto;
}
	
	
#header h3 {font-family: Georgia, Times, serif; 
	text-align: center;
	color: #FFFFFF;
	font-size: 1.75em;
	font-weight: bold;
	line-height:1.5em;
	margin: 0 auto;
}

#navigation #outside {
    font-size: 10pt;
    height: 2em;
    margin: 1em auto;
    text-align: center;
    width: 77.75em;
    z-index: 4;
}
#navigation-1 {
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#navigation-1 li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 1.1em;
    position: relative;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
    background: none repeat scroll 0 0 transparent;
    color: #FFF091;
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
}

#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
    background: none repeat scroll 0 0 #978C76;
    color: #FFFFFF;
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
}

#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#000;
    font-weight: normal;
    height: auto;
	position:absolute;
	top:2em;
	left:-1px;
	border:1px solid #000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:8.5em;
	clear:left;
	width:8.5em;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#978C76;
	padding:9px 0;
	width:8.5em;
                height: auto;
	border:none;
	border-bottom:1px solid #000000;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#9D9DCE;
	padding:9px 0;
	width:8.5em;
	border:none;
        height: auto;
	border-bottom:1px solid #000000;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:8.5em;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #b9121b;
	border-left:1px solid #b9121b;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#b9121b;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#9D9DCE;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:8.5em;
	font-size:.55em;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:8.5em;;
	font-size:12pt;
	color:#ffffff;
}

#content {
	background-color: #F7F7F2;
    width: 100%;
	margin: 1.5em auto 0px;
	z-index: 3;
	padding: 0;
	overflow: auto;
}
.sidebar {float: left;
	background: #F1ECE6;
	border-right: 8px solid #dbdbdb;
	border-bottom: 9px solid #ccacaa;
	color: #000;
	width: 23em; 
	padding: 1.5em; 
	vertical-align: top; 
	text-align: left;
}

#main-content {float: right;
width: 47em;
padding: 1.5em;}

#contentcal {padding: 1.5em 0 0 4.0em;}

#credits {clear:both;
margin: 1.5em auto;
text-align: center;}

#section1 {margin-bottom:2em;}
.c1 {float: right;
margin-left: 10px}

.c2 {float: left;
margin-right: 10px}

.c3 {display:block;
margin: 10px auto}

.frameborder {border-right: 4px solid #ccc;
border-bottom: 4px solid #ddd;}

.bordered {border: 4px solid black;}

.important {font-size: 1.1em;
font-weight: bold;}

.redlink a{font-size: 1.1em; font-weight: bold; text-decoration: underline; color: #ff0000;}

ul li {
	list-style: inside;
	list-style-image: url('images/bullet.gif'); 
	font-size: 100%;
	line-height: 1.25em;
}
.mahoney {display: block; margin-left:20px; margin-bottom:1em;}.cal {
	padding: 3px;
	border: 3px groove #000000;
}
table.cal td {
    border-top: 2px solid #000000;
    padding: 5px;
    border-right: 1px solid #999;
}
table.cal {
    border: 4px groove #000000;
    margin-bottom: 5px;
}