/* -- Structure -- */

body { margin:0; padding:0; }
#container { width:960px; margin:0 auto; }
#primary { width:628px; float:left; margin-bottom:7px; }
#secondary { width:310px; float:right; margin-bottom:7px; }
#header { position:relative; }
#footer { clear:both; margin-top:7px; }

/* -- Styling -- */

body { background-color:#000033; }
#header { background-color:#000047; }
#logotype { display:block; padding:44px 0 0 19px; }
#logo { position:absolute; top:16px; right:31px; }
#wrapper { background-color:#d9dae0; background-image:url(/images/site/back.gif); background-repeat:repeat-x; padding:7px; }
#wrapper.spurs { background-color:#b8ecfe; background-image:url(/images/site/back-spurs.gif); }
#copyright { margin:20px; }

.box { background-repeat:no-repeat; margin-bottom:9px; padding-top:6px; }
.box .i { background-repeat:no-repeat; background-position:bottom left; padding-bottom:6px; }
.box .ii { background-color:#FFF; padding:6px 12px; }
#primary .box { background-image:url(/images/site/left-top.gif); }
#primary .box .i { background-image:url(/images/site/left-bottom.gif); }
#secondary .box { background-image:url(/images/site/right-top.gif); }
#secondary .box .i { background-image:url(/images/site/right-bottom.gif); }
#primary .box.first { background-image:url(/images/site/left-top-first.gif); }
#secondary .box.first { background-image:url(/images/site/right-top-first.gif); }

#menu { height:30px; margin-top:20px; }
#menu li { float:left; background-image:url(/images/site/tab-left-on.gif); height:30px; margin-right:2px; }
#menu li a { display:inline-block; background-image:url(/images/site/tab-right-on.gif); background-position:top right; background-repeat:no-repeat; height:22px; padding:8px 17px 0 17px; text-decoration:none; font-size:14px; font-weight:bold; color:#FFF; letter-spacing:1px; }
#menu li.last { background-image:url(/images/site/tab-left.gif); }
#menu li.last a { background-image:url(/images/site/tab-right.gif); }

#submenu { padding:2px 0 12px 10px; }
#submenu li { display:inline; }
#submenu li a { color:#FFF; display:inline-block; margin-right:30px; font-size:14px; font-weight:normal; text-decoration:none; }
#submenu li.active a,
#submenu li a:hover { color:#33ccff; }
.spurs #submenu li.active a,
.spurs #submenu li a:hover { color:#333333; }

/* -- Typeography -- */

body { font-family:arial; font-size:13px; color:#444444; }
h1 { font-size:22px; font-weight:normal; margin-bottom:12px; color:#222; }
h2 { font-weight:normal; margin-bottom:12px; color:#222; font-size:16px; }
h2 span { display:inline-block; padding-left:12px; color:#666; font-weight:normal; }
h3 { font-weight:bold; margin-bottom:12px; color:#222; }
h3 span { display:inline-block; padding-left:12px; color:#444; font-weight:normal; }
p { margin-bottom:12px; }
a { color:#33ccff; text-decoration:none; }
a:hover { text-decoration:underline; }

#secondary h1 { font-size:19px; }
#copyright { font-size:10px; color:#888; text-align:center; }

#secondary ul li { border-bottom:1px solid #AAA; margin-bottom:4px; padding:4px 0; }
#secondary ul li a { color:#666; text-decoration:none; }
#secondary ul li.on a { color:#000; }
#secondary ul li a:hover { color:#000; }

#secondary ul.small li { border-bottom-style:none; margin-bottom:4px; padding:4px 0; }
#secondary ul.small li a { color:#666; text-decoration:none; }
#secondary ul.small li.on a { color:#33ccff; }
#secondary ul.small li a:hover { color:#33ccff; }

#secondary ul.small li a.link { color:#33ccff; text-decoration:none; }

.f p { margin:1em 0; }
.f2 h2 { font-size:18px; color:#32b0e4; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #e3e0dd; }
.f2 ul { margin:0; list-style-type:disc; padding-left:1.5em; }
.f2 li { margin:1em 0; }

ul.gallery li { width:25%; float:left; margin-bottom:12px; text-align:center; }

p.pager { float:right; position:relative; top:-12px; }
p.pager a { display:inline-block; width:26px; height:28px; text-decoration:none; }
p.pager a span { visibility:hidden; }
p.pager a.prev { background-image:url(/images/site/prev.gif); }
p.pager a.prev:hover { background-image:url(/images/site/prev-hover.gif); }
p.pager a.next { background-image:url(/images/site/next.gif); margin-left:12px; }
p.pager a.next:hover { background-image:url(/images/site/next-hover.gif); }
p.pager a.no-prev { background-image:url(/images/site/prev-no.gif); }
p.pager a.no-next { background-image:url(/images/site/next-no.gif); margin-left:12px; }

p#flash_notice { padding:20px; margin:0 0 1em 0; background-color:#FFF; color:#00a651; font-weight:bold; text-align:center; border:2px solid #00a651; }

/* ---- SPURS variant ---- */

.spurs #header { background-image:url(/images/site/spurs-header.jpg); }
.spurs #logotype { padding:14px 0 0 17px; }
.spurs #menu { margin-top:14px; }
.spurs #menu li.last a { background-image:url(/images/site/tab-right-spurs.gif); }