/* FULL WIDTH OF MAIN NAV BAR */

#mainlevelmainnav,#mainlevelmainnav ul{ 
list-style:none;
float:left;
margin:0;
padding:0;
}

/* BEHIND MAIN NAV BAR LINKS and SUB NAV BG w PADDING RIGHT */

#mainlevelmainnav a{
display:block;
color:#fff;
text-decoration:none;
margin-right:15px;
}

/* FULL WIDTH MAIN NAV and FIXED WIDTH SUB NAV BG */

#mainlevelmainnav li{
float:left;
padding:0;
}

/* FIXED WIDTH SUB NAV BG */

#mainlevelmainnav li ul{
position:absolute;
left:-999em;
width:12em;
padding: 0px;
margin:0;
text-align: left;
}

#mainlevelmainnav li li{
width:11em;
}

/* SUB NAV BG w PADDING RIGHT */

#mainlevelmainnav li ul a{
width:11em;
height: 30px;
color:#fff;
line-height: 180%;   /* sets height of sub menu */
text-align: left;
padding: 10px 4px 0px 14px;
}

/* FIXED WIDTH SUB NAV BG */

#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;
}

/* SUB NAV HOVER */

#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background-image: url(../images/soccerball.gif) 98% 50% no-repeat;
width: 100%;
}





/* BASE */

html, body{
margin:0;
padding:0;
border:0;
font-family: "arial";
font-weight: normal;
font-size: 12px;
line-height: 160%;
color: #5e5b5b;
}

.outerwrapper {
position: relative;
top: 0px; 
left: 0px;
width: 100%;
z-index: 12;
}

#wrapper {
width: 960px;
_padding: 0px 20px 0px 20px; /* left margin for IE 6 that keeps content centered */
margin: 0 auto;
z-index: 12;
}

#content {
float: left;
width: 960px;
margin: 0 auto;
_overflow: hidden; /* for IE < 6 */
z-index: 12;
}



/* COLUMNS */

.twoCol, .threeCol, .fourCol, .sixCol {
margin-right: 0px;
margin-bottom: 0px;
float: left;
}

.twoCol {
width: 320px;
}

.threeCol {
width: 480px;
}

.fourCol {
width: 640px;
z-index: 12;
}

.sixCol {
width: 960px;
z-index: 12;
}



/* LINKS */

a {
text-decoration: none; 
color: #000000;
}

#mainlevelmainnav a, .mainlevelsubnav {
font-family: "Copperplate","Gill Sans Lite","Palatino Linotype",Sylfaen,Georgia,"Times New Roman",Arial;
text-decoration: none; 
color: #ffffff;
font-size: 13px;
font-weight: normal;
vertical-align: middle;
padding: 10px 7px 10px 7px;
letter-spacing: .5px;
background-color: #bbb;
}

#mainlevelmainnav li a {
margin: 0 5px 0 5px
}

/* HEADERS */

h1, .contentheading {
font-size: 23px;
font-weight: normal;
letter-spacing: 1px;
}

h2 {
font-size: 18px;
font-weight: normal;
letter-spacing: 1px;
}

h3{
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
}



/* CONTENT */

.footer {
text-align: center;
font-size: 11px;
padding-top: 30px;
}

.home {
	position: relative;
	top: 22px;
	left: 0px;
	width: 850px;
	padding: 20px;
	border: solid 1px #231f20;
	margin: 0 auto;
}

.logo {
padding-left: 10px;
}

.rightheader {
width: 600px;
color: #999;
font-family: "Palatino Linotype",Sylfaen,Georgia,"Times New Roman",Arial;
font-style: italic;
text-align: right;
vertical-align: bottom;
margin-top: 30px;
padding-right: 30px;
font-size: 11px;
font-weight: normal;
line-height: 24px;
z-index: 12;
}

.submenu {
padding-right: 15px;
padding-left: 15px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
margin: 0 auto;
margin-top: 35px;
text-align: center;
}



/* NAVIGATION */

.mainMenu {
	top: 22px;
	left: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	display:table;
	margin: 0 auto;
	display:table;
	z-index: 500;
}

#mainlevelmainnav li ul a:hover, #mainlevelsubnav li ul a:hover {
background-color: #888;
}

#mainlevelmainnav li a:hover,
{
color: #89483c;
}

#mainlevelmainnav {
margin: 0 auto;
text-align: center;
margin-left:auto;
margin-right:auto;
}











/* UL: FLOATS LEFT, BG COLOR */

	#mainlevelmainnav, #mainlevelmainnav ul
	{ 
        display:block;
	list-style:none;
	margin:0;
	padding:0;
        }

/* A: MAKES A INTO DISPLAY BLOCK, MARGIN SEPARATES TOP LEV LINKS*/

	#mainlevelmainnav a
	{
        display:block;
	color:#fff;
	text-decoration:none;
	margin-right:10px;
	margin-left:10px;
	}


/* LI: FLOATS LEFT */

	#mainlevelmainnav li
	{
        display:block;
	padding: 0;
        vertical-align: middle;

	}

/* SUB: POSITION, SETS SUB WIDTH BOUNDARY, BG COLOR, BORDER */

	#mainlevelmainnav li ul
	{
        display:block;
	position:absolute;
	left: -999em;
	border-top: 0px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 0px solid;
	margin: 0;
	width: 148px;
	}

/* SUB: SETS WIDTH FOR NON-HOVER OF SUB LI */

	#mainlevelmainnav li li
	{
	width: 148px;
        font-size: 11px;  
        font-weight: normal;
        font-family: "arial";
        letter-spacing: 0;
	}

/* SUB A: SETS WIDTH */

	#mainlevelmainnav li ul a
	{
display:block;
	line-height: 180%;
        padding; 0px 3px 5px 20px;  
	}

/* SUB: CAUSES SUB TO APPEAR, MAKES Z INDEX HIGH! */

	#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
	{
        display:block;
	left:auto;
	z-index:6000;
	}


#mainlevelsubnav, #mainlevelsubnav li, #mainlevelsubnav a {
        display: inline;
        padding: 10px 7px 10px 7px;
}

.submenu {
padding-right: 90px;
padding-left: 15px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
margin: 0 auto;
margin-top: 40px;
text-align: center;
}
