/*********************************************************
 * Copyright 2009 Institute for Sport, Tourism and Outdoor Leaders
 * All rights reserved.
 *
 * This site has been hand-developed by Jason Moss.
 *  - www.jdmlabs.com           |  web
 *  - jason.moss@gmail.com  |  mail
 *  - +1-403-850-1496           |  voice
*********************************************************/
article, aside, div, footer, header, img, nav, section { display: block }
* { margin: 0; padding: 0; border: 0; text-decoration: none }
* a:link, * a:visited { padding: 0 .1em .1em .1em; color: #00669b }
* a:hover, * a:focus, * a:active { outline: none; text-decoration: underline; background: #ffd32e; color: #000; cursor: pointer }
h1, h2, h3, h4, h5, h6, p, dl, ul { font-weight: normal }
img { border: 0; vertical-align: middle; text-align: center; text-decoration: none }
abbr { padding-bottom: .1em; border-bottom: .1em dotted #000; cursor: help }

/* Set-up & Layout
**************************************/
html { padding: 0 0 1em; background: #f4f4ef; font: normal normal normal 95%/1.5em arial,sans-serif; color: #444; cursor: default }
body { clear: both; background: transparent url( '/assets/images/ui/body-bg.png' ) repeat-x 0 0 }
#page { display: block; clear: both; width: 970px; margin: 0 auto; padding: 0; text-align: center }
#page_titlebar, #page_header, #page_navbar, #page_content, #page_footer { display: block; clear: both; width: 100%; margin: 0 auto; padding: 0; border: 0; background: transparent; text-align: left }

/* Styles
**************************************/
 /* page titlebar */
#page_titlebar { height: 24px }
  #page_titlebar ul { display: block; float: right }
  #page_titlebar ul li { display: inline; float: left }
#page_titlebar ul li a:link, #page_titlebar ul li a:visited { display: block; margin: 0; padding: .2em .5em; font-size: 85%; color: #8aaae6 }
#page_titlebar ul li a:hover, #page_titlebar ul li a:focus, #page_titlebar ul li a:active { background: #000; text-decoration: underline; color: #fff }
#page_titlebar ul li.current-page a { text-decoration: underline; color: #fff }
#page_titlebar ul li a span { display: inline-block; margin: 0; color: #555 }
#page_titlebar ul li.h-divider { display: block; margin: .1em .3em; color: #555 }

 /* page header */
#page_header { height: 176px }
  #page_header h1 { display: block; float: left; width: 250px; height: 146px; margin: -5px 0 0 30px; background: transparent url('/assets/images/ui/istol-logo.png') no-repeat 0 0 }
  #page_header h1 a:link, #page_header h1 a:visited, #page_header h1 a:hover, #page_header h1 a:focus, #page_header h1 a:active { display: block; width: 100%; height: 100%; background-color: transparent; text-align: center; font-size: 130%; color: #fff }
  #page_header h1 a span { display: none }
#page_header ul.main-menu { display: block; float: right; margin: 36px 0 0 0 }
  #page_header ul.main-menu li { display: inline; float: left }
  #page_header ul li a:link, #page_header ul li a:visited { display: block; margin: 0; padding: .6em 1em .7em; font-size: 120%; color: #999 }
  #page_header ul li a:hover, #page_header ul li a:focus, #page_header ul li a:active { background: #26261f; text-decoration: underline; color: #fff }
  #page_header ul li.h-divider { display: block; margin: .6em .2em; color: #444 }
  #page_header ul li.current-page { /*-moz-border-radius: .5em; */background: transparent url('/assets/images/navigation/main-menu-active.png') no-repeat 0 0; color: #fff }
  #page_header ul li.current-page a { color: #fff }
#page_header h2 { display: block; clear: both; margin: 0; text-align: center; font-size: 110%; color: #999 }

 /* page navbar */
#page_navbar { clear: both; height: 30px; margin: 1px auto 40px }
#page_navbar ul.breadcrumb { display: block; float: left; width: 55% }
  #page_navbar ul.breadcrumb li { display: inline; float: left }
  #page_navbar ul li a:link, #page_navbar ul li a:visited { display: block; margin: 0; padding: .4em 1em; background: transparent; font-size: 85%; color: #999 }
  #page_navbar ul li a:hover, #page_navbar ul li a:focus, #page_navbar ul li a:active { text-decoration: underline; color: #fff }
  #page_navbar ul li.bc-sub { display: block; width: 150px; margin: .1em 0 0 1.1em; padding: 0; border: 0; background: transparent url('/assets/images/navigation/breadcrumb-sub.png') no-repeat 0 50%; text-align: center }
  #page_navbar ul li.bc-sub a { color: #fff }
  #page_navbar ul li.you-are-here { display: block; margin: 0; padding: .2em 3em 0 2em; border: 0; background: transparent url('/assets/images/navigation/you-are-here.png') no-repeat 0 50% }
  #page_navbar ul li.you-are-here span { display: block; margin: .3em 0 0; padding: .2em 0 .5em; border: 0; letter-spacing: .1em; font-size: 70%; color: #ddd }
#page_navbar dl.quick-connect { display: inline; float: right; margin: 0 3.5em 0 0 }
  #page_navbar dl.quick-connect dt, #page_navbar dl.quick-connect dd { display: inline; float: left }
  #page_navbar dl dt, #page_navbar dl dd span, #page_navbar dl dd a:link, #page_navbar dl dd a:visited { display: block; margin: .2em 0 0; padding: .4em .5em .4em; font-size: 80%; color: #ddd }
  #page_navbar dl dd a:hover, #page_navbar dl dd a:focus, #page_navbar dl dd a:active { background: #303027; text-decoration: underline; color: #fff }
  #page_navbar dl dt { color: #8aaae6 }

/* Content */
#page_content { margin: 2em auto }
#page_content section.content { display: block; float: left; width: 58%; margin: 0; padding: 1em .5em }
  section.content h3 { display: block; margin: 0 0 1.5em 1em; padding: 0; line-height: 1.5em; font-style: italic; font-size: 175%; color: #00669b }
  section.content article p { display: block; margin: 0 0 1em; padding: 0; line-height: 1.4em }
  section.content article a:link, section.content article a:visited { padding: 0 .1em }

 /* aside - login form */
#page_content aside.sidebar { display: block; clear: right; float: right; width: 35%; margin: 0; padding: 1em; border: .1em solid #e6e6da; background: #f0f0e9 }
  aside.sidebar p { display: block; margin: .2em auto 1em; font-style: italic; font-size: 90%; color: #666 }
  aside.sidebar img { width: 250px; height: 170px; margin: 0 auto 1.5em; padding: .2em; border: .2em solid #828271; background: #fff }
  aside.sidebar hr { display: block; width: 90%; margin: 1em auto; background: #e6e6da }
.sidebar section.utrac-login { width: 16em; margin: 2em auto 0; padding: 1em; border: .2em solid #e6e6da; background: #f4f4ed }
  .sidebar section.utrac-login a h4 { display: block; margin: 0 auto 1em; text-align: center; font-size: 150%; color: #00669b }
  .sidebar section.utrac-login a p { display: block; font-size: 80% }
  .sidebar section.utrac-login a:hover, .sidebar section.utrac-login a:focus, .sidebar section.utrac-login a:active { background: transparent }

/* Footer */
#page_footer { margin: 0 auto; padding: 1.5em 0; font-size: 75%; color: #555 }
  #page_footer footer { clear: right; float: left; width: 60%; margin-bottom: 2em; padding-top: 1em; border-top: .1em solid #ddd }
  #page_footer nav.footer-links { float: right; margin: 1.5em 0 0 }
  #page_footer nav.footer-links ul li { display: inline; float: left }
  #page_footer ul li a:link, #page_footer ul li a:visited { display: block; margin: 0; padding: .4em 1em .5em }
  #page_footer ul li.h-divider { display: block; margin: .4em 0; font-size: 120%; color: #999 }

/* Miscellaneous */
.b { font-weight: bold }
.i { font-style: italic }
#ie_notice, .hidden { display: none }