body {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size:13px;
    line-height: 1.5em;
	margin:0px;
	padding:0px;
}

p {
   margin: 1em 0 0 0;
}

h1 {
	text-align: center;
	font-size: 1.5em;
	margin-top: 0em;
	margin-bottom: 1em;
	padding-top: 1em;

}

.page {
	width:100%;
	background-color:#949693;
	color: white;
	text-align:center;
	margin:0px;
	padding:0px;
}

.header {
	width:100%;
	background-color: white;
	color: black;
}

.header-middle {
	background-color: #969696;
	color: white;
	font-weight: bold;
	margin-left: auto;
	margin-right:auto;
}

.ribbon {
	width:100%;
	background-color: #c0c0c0;
	color: black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.ribbon-middle {
	background-color: #969696;
	color: white;
	height:70px;
	font-weight: bold;
	font-size:0.75em;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.ribbon-bar {
	background-color: #333333;
	color: white;
	text-align: right;
	height:25px;
	padding: 10px;
	padding-top: 12px;
	padding-bottom:3px;
	padding-left:30px;
	margin-left:auto;
	margin-right:auto;
    border-bottom: 1px solid white;
}

.ribbon-bar A {
	color: white;
	text-decoration: none;
    border: 1px solid white;
    padding: 0.1em 1.5em;
}

.ribbon-bar A:hover {
	color: white;
	background-color: #7D7D7D;
}

.ribbon-menu {
	float: left;
	color: white;
	text-decoration: none;
}

.ribbon-menu A {
	color: white;
	text-decoration: none;
}

.ribbon-menu A:hover {
	color: white;
}

.main {
	width:100%;
	background-color: #949693;
	background-image: url("back.gif");
	background-repeat: repeat-x;
	color: black;
}

.main-middle {
	background-color:white;
	background-image: url("main.gif");
	background-repeat: repeat-y;
	color:#333333;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.main-middle, .header-middle, .ribbon-middle {
	width: 883px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.menu-left {
    float:left;
    position:relative;
    left:0px;
    top:0px;
    width:220px;
}

.menu-right {
    float:right;
    position:relative;
    left:0px;
    top:0px;
    width:220px;
}

.menu {
	background-color:#7d7d7d;
	color:white;
	font-weight:bold;
}

.menu A {
    display: block;
    position: relative;
    left: -1em;
	color: white;
	text-decoration: none;
    padding-left: 1em;
}

.menu A:hover {
	color: white;
	background-color:#333333;
}

.menu p {
	margin-top: 1em;
	margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    color: yellow;
}

.menu-header {
}

.menu-header p {
    background-color:yellow;
    color:black;
    font-size:1.2em;
    padding-left:0;
    text-align:center;
}

.sub-outer {
	background-color: white;
	margin: 12px;
	padding: 6px;
    border: 1px solid black;

}

.sub-inner {
	background-color: #dddddd;
	margin: 0px;
    border: 1px solid black;

}

.sub-inner A {
	color: black;
	font-size: 0.9em;
}

.sub-inner A:hover {
	color: black;
	background-color: yellow;

}

.sub-inner p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	margin-right:3px;
	padding: 0px;
    padding-left: 1em;
    color: #a6a700;
    font-size: 0.9em;
}

.footer {
    clear: both;
    text-align: center;
    background: #333333;
    color: white;
    border-top:1px solid white;
    font-weight:bold;
    margin-top:1em;
    padding:1em;
}

.help-here {
    background: #dddddd;
    border:1px solid black;
    color: #a6a700;
    margin:3em 12px 12px;
    padding:1em;
    text-align:center;
}

.help-here A {
    background: #dddddd;
    color: black;
}

.help-here A:hover {
    background: #dddddd;
    color: black;
    text-decoration: underline;
}

.published {
    color: #7d7d7d;
    text-align: center;
    font-size: .9em;
    font-style: italic;
}