@import "design.css";
@import "layout.css";

html { background: #6E99F6 none; color: black; }
body { background: #A6BDF9 none; color: inherit; }

#container { background: white; }
#container, #skiplinks { border-color: #1B2B80; }

#header a { background: #E3E9FC none; color: #C3D2FA; }

#skiplinks { background: #E3E9FC none; color: #C3D2FA; }
#skiplinks a { color: black; }
#header :link:hover, #header :visited:hover,
#resources :link:hover, #resources :visited:hover { background:  #A6BDF9; }

/* Main Content */
#content h1 { background: #F8F9FC none; color: gray; }
#content h1 a { color: inherit; background: transparent; }
#content h2 { border-color: #FFC71E; border-top-color: transparent; }

/* Resources */
#resources { background: #FFC71E; color: black; }
#resources h2 { background: #4663A2; color: white; }
#resources>div { background: #EFF3FE none; color: black; }
#resources a { color: black; }

#resources h3 { background-color: #FFE699; }
#resources>div:hover h3 { background-color: #D7E1FC; }

/* Site Navigation */
#sitenav a { background: #4663A2; color: #DCE8FF; border-color: #A2B6EA; }
#sitenav a:hover,
#sitenav a:focus { border-color: #FFE69A; background: #FFC100; color: white; }
#sitenav a:active { border-color: #B78B00; background: #FFD556; color: white; }

#sitenav li:hover>ul { border-color: #A2B6EA; }

address { background: #F8F9FC; color: black; }
p object.photo { float: right; margin-left: 15px; }

#ie-degrade { background: #D3DEFC none; color: black; }