body{
font-family: Arial, Tahoma, sans-serif;
font-size: 14px;
background-color: #000000;
color: #CCCCCC;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

img{
border: none;
}

#navbar-div{
width: 100%;
}

#navbar{
color: #FFFFFF;
height: 38px;
}

#navbar, #navbar ul{
text-align: center;
margin-left: auto;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding: 0;
font-size: 11px;
letter-spacing: 1px;
width: 100%;
list-style: none;
z-index: 5;
}

#navbar a{
display: block;
width: 140px;
padding: 12px 4px 12px 4px;
text-decoration: none;
font-weight: bold;
text-align: center;
}

#navbar a.parent{
background-color: inherit;
color: #FFFFFF;
margin: auto;
position: relative;
z-index: 6;
height: 14px;
}

#navbar a.first{
padding-top: 38px;
}

/* #navbar a#black-parent:hover{
background-color: #000000;
color: #FFFFFF;
} */

#navbar a#pink-parent:hover{
background-color: #DC168C;
color: #FFFFFF;
}

#navbar li{
float: left;
width: 150px;
margin: 0;
padding: 0;
}

#navbar li ul{
position: absolute;
width: 150px;
top: 0;
left: -999em;
text-align: center;
padding: 0 0 10px 0;
background-repeat: no-repeat;
background-position: bottom center;
}

#navbar li ul li{
width: 100%;
text-align: center;
}

#navbar li ul a{
width: 140px;
padding: 6px 4px 3px 4px;
margin: auto;
font-weight: normal;
}

#navbar li:hover ul, #navbar li.iehover ul{
left: auto;
}

ul#purple{
background-image: url('../images/purple.png');
}

ul#purple li a{
background-color: #543F99;
color: #000000;
}

ul#purple li a:hover{
background-color: #543F99;
color: #FFFFFF;
}

ul#dark-blue{
background-image: url('../images/dark-blue.png');
}

ul#dark-blue li a{
background-color: #3850A3;
color: #000000;
}

ul#dark-blue li a:hover{
background-color: #3850A3;
color: #FFFFFF;
}

ul#light-blue{
background-image: url('../images/light-blue.png');
}

ul#light-blue li a{
background-color: #329CD7;
color: #333333;
}

ul#light-blue li a:hover{
background-color: #329CD7;
color: #FFFFFF;
}

ul#green{
background-image: url('../images/green.png');
}

ul#green li a{
background-color: #0DA34A;
color: #333333;
}

ul#green li a:hover{
background-color: #0DA34A;
color: #FFFFFF;
}

ul#yellow{
background-image: url('../images/yellow.png');
}

ul#yellow li a{
background-color: #F6EB14;
color: #333333;
}

ul#yellow li a:hover{
background-color: #F6EB14;
color: #FFFFFF;
}

ul#orange{
background-image: url('../images/orange.png');
}

ul#orange li a{
background-color: #E88324;
color: #333333;
}

ul#orange li a:hover{
background-color: #E88324;
color: #FFFFFF;
}

ul#red{
background-image: url('../images/red.png');
}

ul#red li a{
background-color: #ED2024;
color: #333333;
}

ul#red li a:hover{
background-color: #ED2024;
color: #FFFFFF;
}

ul#pink{
background-image: url('../images/pink.png');
}

ul#pink li a{
background-color: #DC168C;
color: #333333;
}

ul#pink li a:hover{
background-color: #DC168C;
color: #FFFFFF;
}

#logo{
clear: left;
height: 124px;
position: relative;
top: 39px;
z-index: 3;
}

#navbar2{
height: 30px;
margin: 0;
padding: 0;
list-style: none;
font-size: 11px;
position: relative;
top: 9px;
left: 115px;
z-index: 4;
}

#navbar2 li{
float: left;
width: 98px;
margin: 0;
padding: 0;
}

#navbar2 a{
display: block;
width: 98px;
background-image: url('../images/navbar2-bg.gif');
background-repeat: no-repeat;
background-position: center 100px;
background-color: inherit;
color: #666666;
text-decoration: none;
padding: 1px 0 6px 0;
text-align: center;
}

#navbar2 a:hover{
background-position: center bottom;
background-color: inherit;
color: #FFFFFF;
}

#roundbox{
margin-top: 0px;
padding-top: 0px;
right: auto;
position: relative;
left: auto;
width: 800px;
height: auto;
z-index: 1;

margin-right: auto;
margin-left: auto;

}

#innerbox{
width: 800px;
height: auto;
padding: 30px 0 0 0;
background-color: #FFFFFF;
color: #000000;
top: 9px;
left: 9px;
z-index: 0;
}

#bottom-bar{
	clear: both;
	position: relative;
	top: 13px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#bottom-bar a#traveler{
	position: relative;
	left: 190px;
}

#copyright{
	margin-bottom: 40px;
	margin-top: 10px;
	font-size: 10px;
	background-color: transparent;
	color: white;
	width: 800px;
	text-align: center;
}

#copyright a {
	margin-bottom: 40px;
	margin-top: 10px;
	font-size: 10px;
	background-color: transparent;
	color: white;
	width: 800px;
	text-align: center;
}


#navbar a.parent:hover {
	color: #FFFFFF !important;
}

.decklist {
	float:left;
}

.centering_div {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
.subnav {
width: 760px;
right: auto;
left: auto;
text-align: center;
top: 20px;
z-index: 0;
margin-bottom: 20px;
position: absolute;
}