/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 100%;
}


body {
	margin: 0;
	background-color: #000000;
	background-image: url(img/bg2.jpg);
	background-repeat: repeat;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
	
}



.table {
	width: 850px;

}

.top {
	height: 320px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align: top;

}


.menu {
	height: 50px;
	color: #ffffff;
	background-image: url(img/bar.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	vertical-align: top;

}


.middle {
	min-height: 700px;
	background-image: url(img/bg.jpg);
    background-repeat: repeat-y;

}


.table2 {
	font-size: 14px;
	text-align: justify;
	position: relative;
	top: 20px;
	left: 25px;
	width: 800px;
	background-color: #ffffff;
	vertical-align: top;
	border-top-color: #003300;
	border-top-style: ridge;
	border-top-width: 5px;
	border-left-color:#003300;
	border-left-style: ridge;
	border-left-width: 5px;
	border-right-color:#003300;
	border-right-style: ridge;
	border-right-width: 10px;
	border-bottom-color:#003300;
	border-bottom-style: ridge;
	border-bottom-width: 15px;
	

}


.textbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;



}


.hr {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;

}

.corner {
	position: relative;
	left: 565px;

}


.bottom {
	height: 169px;
	background-image: url(img/bottom.jpg);
	background-repeat: repeat-x;

}


.paypalcart {
	width: 50%;
	padding-top: 20px;

}


.paypalcart2 {
	width: 20%;
	padding-top: 20px;

}


.zones {
	width: 775px;

}


.zonehead {
	font-size: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #9CDBF0;

}


.zonefont0 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 2px;
	background-color: #9CDBF0;
	text-align: center;

}


.zonefont0b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding-left: 2px;
	background-color: #9CDBF0;
	text-align: center;

}


.zonefont1 {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;

}


.zonefont2 {

	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
	padding-left: 2px;

}

.zonespace {
	-webkit-column-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-width: 1px; /* Firefox */
    column-width: 1px;
	background-color: #9CDBF0;

}


.zonerow {
	height: 2px;

}

.z1a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #D7D6FC;

}

.z1b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #C4C5F0;

}

.z2a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #ABACD7;

}

.z2b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E9AFE8;

}

.z3a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #DE92E8;

}

.z3b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #CC7ED6;

}

.z4a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #A66EFA;

}

.z4b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #6077E9;

}

.z5a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #78A2FA;

}

.z5b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #69C9DF;

}

.z6a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #51BA53;

}

.z6b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #7CC560;

}

.z7a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #ACD573;

}

.z7b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #CEDA7A;

}

.z8a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #EAD98B;

}

.z8b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E8CA64;

}

.z9a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #D9B55A;

}

.z9b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #F6B678;

}

.z10a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E79B45; 

}

.z10b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E27830;

}

.z11a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E2552C;

}

.z11b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #E48469;

}

.z12a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #D05952;

}

.z12b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #B24F2F;

}

.z13a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #A86F37;

}

.z13b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 50px;
	text-align: center;
	background-color: #C09063;

} 

.zonebottom {
	background-color: #9CDBF0;

}


.zonebottom2 {
	width: 775px;
	height: 512px;
	background-image: url(zone_maps/zone_map.jpg);
	background-repeat: no-repeat;
	background-position: center;

}


/* menu links */

.menu a:link {
	color: #ffffff;
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	vertical-align: text-top;
	text-shadow: 2px 2px 15px #000000;
}


.menu a:visited {
	color: #E8E8E8;
	font-size: 13px;
	text-shadow: 1px 2px 3px #ffffff;
	text-align: left;
	vertical-align: text-top;
	text-shadow: 2px 2px 15px #000000;
}


.menu a:hover {
	color: #ffffff;
	font-size: 13px;
	text-shadow: 2px 2px 15px #f9f75f;
	
}


.menu a:active {
	color: #ffffff;
	font-size: 13px;
	text-shadow: 2px 2px 15px #ffffff;
	
}


#nav
{
    /* container */
	background-image: url(img/bar.jpg);
	height: 50px;
	left: 0px;
	color: #FFFFFF;
	padding-left: 30px;
	top: 320px;
	position: relative;
}
    #nav > a
    {
        display: none;
		font-size: 13px;
		color: #FFFFFF;
    }
    #nav li
    {
        position: relative;
		color: #FFFFFF;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 50px;
		color: #FFFFFF;
    }
        #nav > ul > li
        {
            width: auto;
			min-width: 25px;
			padding-right: 20px;
            height: 100%;
            float: left;
			font-size: 13px;
			color: #FFFFFF;
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
		font-size: 13px;
		color: #FFFFFF;
    }
        #nav li:hover ul
        {
            display: block;
			font-size: 13px;
			color: #FFFFFF;
        }

@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			color: #FFFFFF;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		color: #FFFFFF;
    }
        #nav:target > ul
        {
            display: block;
			color: #FFFFFF;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			color: #FFFFFF;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
	
}



/* table2 links */


.table2 a:link {
	color: #336600;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	vertical-align: text-top;
	text-shadow: 2px 2px 5px #ffffff;
}


.table2 a:visited {
	color: #336600;
	font-size: 14px;
	text-shadow: 1px 2px 3px #ffffff;
	text-align: left;
	vertical-align: text-top;
	text-shadow: 2px 2px 5px #ffffff;
}


.table2 a:hover {
	color: #339900;
	font-size: 14px;
	text-shadow: 2px 2px 5px #f9f75f;
	
}


.table2 a:active {
	color: #33CC00;
	font-size: 14px;
	text-shadow: 2px 2px 5px #ffffff;
	
}




/* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/media/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }