@charset "utf-8";
/* Bohlsen Events */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* HTML */
html, body { background:#333 url(../images/bg.png) fixed; }
strong { font-weight:bold; }
em { font-style:italic; }
a { text-decoration:none; color:inherit; }
h2 { text-align:center; padding:8px 0; background-image:url(../images/dkGrdTop.png); background-position:top; background-repeat:repeat-x; }

/* Structure */
#container { font-family:Arial, Helvetica, sans-serif; }
#header { height:54px; background:#546385 url(../images/controlBG.png) center repeat-x; border-bottom:solid 1px rgba(0,0,0,.25); }
	#header h1 { max-width:152px; margin:0 auto; line-height:20px; padding:7px 4px; text-align:center; font-size:16px; font-weight:bold; color:#FFF; text-shadow:0px -1px 0px rgba(0,0,0,.35); }
#nav { height:54px; width:100%; position:absolute; top:0; }
#pages { position:relative; }

/* Pages */
.page { width:100%; display:none; position:absolute; top:0; color:#FFF; }
.page ul { }
.page ul li { border-bottom:solid 1px rgba(0,0,0,.25); border-top:solid 1px rgba(255,255,255,.25); }
.page ul li ul { display:block; margin-left:62px; float:left; }
.page ul li h3.mobT { display:block; padding:8px 10px; text-shadow:0px 2px 3px rgba(0,0,0,.5); font-weight:bold; font-size:14px; line-height:16px; }
.page ul li p.mobD { margin:0 10px 8px 15px; font-size:12px; text-shadow:none; color:#CCC; line-height:14px; }
.page ul li p.mobD a { display:inline-block; padding:6px; margin:-6px; text-shadow:0px 2px 3px rgba(0,0,0,.6); text-decoration:underline; }
.page ul li p.mobD a:active { position:relative; top:1px; text-shadow:0px 1px 2px rgba(0,0,0,.6); }
.page ul li h3.desktop { display:none; }
.page ul li ul li { border:none; }

#home { display:block; }
	#home h2 { background:none; padding:10px 0; font-size:24px; font-weight:bold; text-shadow:0px -1px 0px rgba(0,0,0,.35); color:rgba(255,255,255,.65); }
	#home ul { }
	#home ul li { }
	.page#home ul li ul { margin-left:96px; }
	#home ul li .rstrnt { display:block; float:left; padding:6px 10px; margin:4px -96px 4px 0; width:75px; font-weight:bold; font-size:14px; text-shadow:0px -1px 1px rgba(0,0,0,.35); color:rgba(0,0,0,.75); border-right:solid 1px rgba(0,0,0,.25); }

.date { display:block; float:left; width:50px; padding:2px 5px; margin:3px -62px 3px 0; text-align:center; font-size:24px; font-weight:bold; text-shadow:0px -1px 2px rgba(0,0,0,.35); color:rgba(136,136,136,.85); border-right:solid 1px rgba(0,0,0,.25); clear:left; }
.date .day { display:block; margin:5px 0 0; text-transform:uppercase; font-size:14px; }

.page ul.actions { height:24px; background:#BBB url(../images/controlBG.png) repeat-x center; text-align:center; border-bottom:solid 1px rgba(0,0,0,.25); border-top:solid 1px rgba(255,255,255,.25); }
.page ul.actions li { border:none; display:block; float:left; text-align:center; line-height:24px; }
.page ul.actions li a { padding:0 10px; display:block; font-weight:bold; font-size:12px; border-right:solid 1px rgba(0,0,0,.25); border-left:solid 1px rgba(255,255,255,.25); text-shadow:none; margin:0; line-height:24px; }
.page ul.actions li a:active { background:rgba(0,0,0,.25); border-left:solid 1px rgba(0,0,0,.3); border-right:solid 1px rgba(255,255,255,.5); text-shadow:none; }

#r1 ul.actions, #r1 h2 { background-color:#9d7046; }
#r4 ul.actions, #r4 h2 { background-color:#ea7124; }
#r3 ul.actions, #r3 h2 { background-color:#003373; }
#r2 ul.actions, #r2 h2 { background-color:#00529b; }
#r5 ul.actions, #r5 h2 { background-color:#D95936; }

/* Nav */
#nav ul { height:100%; position:relative; }
#nav ul li { width:70px; height:48px; margin:2px; line-height:46px; display:block; float:left; font-size:13px; text-align:center; border-left:solid 1px rgba(0,0,0,.25); border-right:solid 1px rgba(255,255,255,.25); border-top:solid 1px rgba(0,0,0,.25); border-bottom:solid 1px rgba(255,255,255,.25); -webkit-border-radius:4px; border-radius:4px; }
#nav ul li a { display:block; height:44px; padding:1px; font-weight:bold; color:#FFF; border-right:solid 1px rgba(0,0,0,.25); border-left:solid 1px rgba(255,255,255,.25); border-bottom:solid 1px rgba(0,0,0,.25); border-top:solid 1px rgba(255,255,255,.25); -webkit-border-radius:4px; border-radius:4px; color:rgba(255,255,255,.85); background:rgba(0,0,0,.08); text-shadow:0px -1px 0px rgba(0,0,0,.35); }
#nav ul li a:active { background:rgba(0,0,0,.25); border:solid 1px rgba(0,0,0,.3); padding:2px 1px 0px; }

#nav ul li#more { float:right; line-height:18px; }
#nav ul li#more a { padding:5px 0; height:36px; }
#nav ul li#more a:active { padding:6px 0 4px; }

#nav ul li#more ul { display:none; position:absolute; top:55px; left:0; width:100%; height:auto; z-index:300; background:#546385 url(../images/dkGrdTop.png) top repeat-x; -webkit-box-shadow:0 2px 5px rgba(0,0,0,.5); box-shadow:0 2px 5px rgba(0,0,0,.5); }
#nav ul li#more ul li { float:none; text-align:center; border:none; -webkit-border-radius:0; border-radius:0; margin:0; width:auto; height:auto; line-height:normal; }
#nav ul li#more ul li a { width:auto; height:auto; -webkit-border-radius:0; border-radius:0; border:none; border-bottom:solid 1px rgba(0,0,0,.25); border-top:solid 1px rgba(255,255,255,.25); line-height:normal; padding:16px 0; }
#nav ul li#more ul li a:active { border:none; border-top:solid 1px rgba(0,0,0,.3); border-bottom:solid 1px rgba(255,255,255,.5); padding:17px 0 15px; }

#app { font-size:12px; padding:5px 5px; border-bottom:solid 1px rgba(0,0,0,.25); border-top:solid 1px rgba(255,255,255,.25); background:#546385 url(../images/dkGrdTop.png) top repeat-x; }
#app a { display:block; min-height:25px; background:url(../images/iPhoneOutline.png) no-repeat 5px 0; padding-left:30px; }
#app #instructions { display:none; padding-top:5px; margin-left:30px; line-height:16px; }

/* Clearfix */
.clearfix:after, .page>ul>li:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
