/* ~~~~ COLORS AND IMAGES ~~~~ */

/* Body Background */
body { background-color: #383d72; }  
/* Site Logo */
#logo a { background-image: url('http://cache.milesplit.com/assets/pa/logo2.png'); }  
/* Header Background */
#site .bumper  { background-image: url('http://cache.milesplit.com/assets/pa/logo_bkgd.png'); }
/* Background between header and navbar background */
#navbar div.lining { background-image: url('http://cache.milesplit.com/assets/pa/logo_bkgd.png'); }
/* Outer navbar image */
#navbar {  background-image: url('http://cache.milesplit.com/assets/pa/navbar.png'); }
/* Inner navbar image */
#navbar .inner { background-image: url('http://cache.milesplit.com/assets/pa/navbar.png'); }
/* Color below nav bar */
#navbar .bumper { background: #383d72; }
/* Navbar link color */
#navbar ul li a, #navbar ul li { color: #ffff00; }
/* Navbar dropdown forecolor  */
#navbar ul li div.dropdown a { color: #000000; }
#navbar ul li div.dropdown { color: #383d72; }
/* Navbar dropdown hover  */
#navbar div.dropdown a:hover {
    background: #383d72;
    color: #ffffff;
    border: solid 1px #000000;
}
/* Section header top border */
.col .section {    border-color: #383d72; }
/* Section header color */
.col h1 { color: #383d72; }


/* ~~~~ ADVANCED USERS ONLY BELOW THIS POINT, PLEASE!  ~~~~~ */

/* Logo size */
#logo a {
    width: 450px;
    height: 110px;
}
/* Header size */
#site .inner {    height: 120px; }

/* Custom HTML Area */
#custom {
	width: 370px;
	height: 120px;
}
#custom span {
	display: block;
	padding: 10px;		
}

/* Navigation bar */
#navbar .lining { 
	background-position: 0px -25px;
	height: 31px;
}
#navbar .bumper { 
	height: 31px;
	padding-top: 6px;
}
#navbar .inner { 
	background-repeat: repeat-x;
	background-position: 0px -6px;
	height: 31px;
}
#navbar ul li { 
	margin-top: -6px;
	line-height: 37px; 
}