@import url("customized.css");

body {
background: url(../images/bg.gif) repeat-x;
background-color: #808080;
text-align:center;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrap {
width:970px;
margin:0 auto; /*center hack*/
text-align:left;
}
#header {
background: url(../images/header.gif) no-repeat;
height: 167px;
text-align:left;
}
#date {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
padding-right: 10px;
padding-top: 0px;
font-size: 10px;
font-weight: bold;
color: #000;
}
#pathway {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding-left: 20px;
padding-top: 133px;
font-size: 12px;
font-weight: bold;
}
#pathway a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
#pathway a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #007700;
}
#footer {
background: url(../images/footer.gif) no-repeat;
height: 40px;
padding-top:14px;
color: #fff;
font-size: 11px;
clear:both;
}
#footer a {
color: #fff;
text-decoration:none;
font-weight: bold;
}
#footer a:hover {
color: #007700;
text-decoration:none;
font-weight: bold;
font-size: 11px;
}
#main-body {
background: url(../images/paal.gif);
float:left;
width:970px;
}
#sidebar {
float: left;
width:200px;
font-size: 11px;
}
#sidebar a {
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
#sidebar a:hover {
color: #007700;
font-weight: bold;
font-size: 11px;
}
#user {
float: right;
width: 688px;
padding-top: 10px;
padding-left: 20px;
padding-right:40px;
padding-bottom: 10px;
color: #fff;
font-size: 13px;
overflow:hidden;
}
#user1 {
float: left;
width: 50%;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
#user2 {
float: right;
width: 50%;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
#content {
min-height: 500px;
float:right;
width:688px;
padding-top: 10px;
padding-left: 20px;
padding-right:40px;
padding-bottom: 10px;
color: #fff;
font-size: 13px;
overflow:hidden;
}
#content a {
color: #fff;
font-weight: bold;
}
#content a:hover {
color: #007700;
font-weight: bold;
}
.back_button {
background: #000;
width: 60px;
height: 22px;
padding-top: 4px;
padding-left: 4px;
border: 2px solid #fff;
color: #007700;
text-decoration: none;
}
.button {
background: #000;
width: auto;
height: auto;
border: 2px solid #007700;
font-weight: bold;
color: #007700;
text-decoration: none;
}
.sectiontableheader {
background-color : #666;
color: #fff;
font-weight      : bold;
}
.sectiontableentry1 {
background-color : #888;
color: #fff;
}
.sectiontableentry2 {
background-color : #777;
color: #fff;
}
.contentheading {
font-size: 15px;
font-weight: bold;
}
.componentheading {
font-size: 15px;
font-weight: bold;
}
#banner {
float: right;
width: 688px;
padding-top: 10px;
padding-left: 20px;
padding-right:40px;
padding-bottom: 10px;
text-align: center;
color: #fff;
font-size: 13px;
overflow:hidden;
}
.inside {
padding:10px;
}
.moduletable-leftnav{
margin-bottom:1em;
padding:0;
font-size: 11px;
}
.moduletable-leftnav h3{
color:#fff;
font-size: 11px;
text-align:center;
margin:0;
}
#navcontainer{
width: 175px;
padding-left: 10px;
color: #fff;
font-size: 11px;
font-weight: bold;
}
#navcontainer ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
}
#navcontainer li{
margin: 0;
font-size: 11px;
}
#navcontainer li a{
display: block;
font-size: 11px;
padding: 3px 5px 3px 0.5em;
color: #fff;
text-decoration: none;
}
html>body #navcontainer li a {
font-size: 11px;
}
#navcontainer li a:hover,a#active_menu:link,a#active_menu:visited{
font-size: 11px;
color: #007700;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.gif) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color:#fff;
	text-align: left;
	padding-top: 3px;
	padding-left: 15px;
	height: 23px;
	width: 175px;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -24px;
	text-decoration: none;
	color:#007700;
text-align:left;
}

a.mainlevel#active_menu {
	color:#007700;
	font-weight: bold;
	font-size:11px;
}

a.mainlevel#active_menu:hover {
font-size: 11px;
	font-weight: bold;
	color: #007700;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

a.sublevel:hover {
font-size: 11px;
	font-weight: bold;
	color: #007700;
	text-decoration: none;
}

a.sublevel#active_menu {
font-size: 11px;
	font-weight: bold;
	color: #007700;
}
#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{  /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
top:187px;
left:20px;
z-index:100;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:1em;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}
#mainlevelmainnav a{
display:block;
color:#f90;
text-decoration:none;
margin-right:15px;
padding:0.3em;
}
#mainlevelmainnav li{
float:left;
padding:0;
}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:400;
background:#36f;
border:#00C 1px solid;
margin:0;
}
#mainlevelmainnav li li{
width:11em;
}
#mainlevelmainnav li ul a{
width:11em;
color:#fff;
font-size:0.9em;
line-height:1em;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}