@import url('http://fonts.googleapis.com/css?family=Permanent+Marker');

body {
  background-color: #fff;
  color: #222;
  font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
}
h1,h2 {
  font-family: Gerogia, "Times New Roman", "Nimbus Roman No9 L", serif;
}

h1,h2,h3 { line-height: 1.35em; }
h1 { font-size: 20pt; }
h2 { font-size: 18pt; }
h3 { font-size: 14pt; font-style: italic; }
.billboard {
  font-size: 28pt;
  line-height: 1.25em;
}

address, p, .p, pre, blockquote, li, dl, dd, blockquote {
  line-height: 1.5em;
}

a:link, a:visited {
  color: #069;
  text-decoration: underline;
}
a:hover, a:active {
  color: #00f;
}

.error { color: #c00; }

.group { /* for float sets */
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.center { text-align: center; }
.right { text-align: right; }

.buffer {
  margin-top: 12pt;
}
.buffer-double {
	margin-top: 24pt;
}

.no-buffer {
  /* used to prevent auto padding/margin of <h*> or <p> */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

table.shrinkwrap {
  /* used to center block level elements */
  margin-left: auto;
  margin-right: auto;
}

.small-font {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
}

.float-moat-right {
	float: right;
	padding: 0 0 24pt 24pt;
}

h1.puzzle,
h2.puzzle {
  background: url('/media/icon-puzzle.png') left center no-repeat;
  line-height: 48px;
  padding-left: 55px;
}

.shadow {
  border: 1px solid #CCC;
  -moz-box-shadow: 3px 3px 5px #8f8f8f;
  -webkit-box-shadow: 3px 3px 5px #8f8f8f;
  box-shadow: 3px 3px 5px #8f8f8f;
}
img.shadow {
  margin-bottom: 5px;
}

.article {
  font-family: "Times New Roman", Times, serif;
  font-size: 13pt;
  margin: 12pt auto 25px;
  padding: 5.5pt 5% 12pt;
  width: 70%;
}

.slideshow {
  position:relative;
}
.slideshow img {
  position: absolute;
  top: 0;
}


.sticky-note {
  background: url('/media/sticky-note.png') top center no-repeat;
	font-family: 'Permanent Marker', 'Comic Sans MS', cursive, TSCu_Comic, sans;
  font-size: 20px;
  height: 150px;
  width: 250px;
}

.nav ul {
  list-style-type: none;
  overflow: hidden;
  padding: 0 0 0 20px;
  margin: 5.5pt 0;
}
.nav-upper ul {
  background: #fff url('/media/nav-bg.png') repeat-x;
}
.nav-lower ul {
  background: #fff url('/media/nav-bg-x.png') repeat-x;
}
.nav li {
  float: left;
  font-size: 16pt;
  font-weight: bold;
  line-height: 48px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.nav li.tab a {
  display: block;
  font-weight: bold;
  outline: 0;
  padding: 0 30px;
  text-decoration: none;
}
.nav li.tab a:hover,
.nav li.tab a:active {
	color: #069;
	text-decoration: underline;
}
.nav-upper li.current {
  background: #fff url('/media/tab-current-right.png') no-repeat right;
}
.nav-upper li.current a {
  background: transparent url('/media/tab-current-left.png') no-repeat left;
}
.nav-upper li.passive {
  background: #fff url('/media/tab-passive-right.png') no-repeat right;
}
.nav-upper li.passive a {
  background: transparent url('/media/tab-passive-left.png') no-repeat left;
}
.nav-lower li.current {
  background: #fff url('/media/tab-current-right-x.png') no-repeat right;
}
.nav-lower li.current a {
  background: transparent url('/media/tab-current-left-x.png') no-repeat left;
}
.nav-lower li.passive {
  background: #fff url('/media/tab-passive-right-x.png') no-repeat right;
}
.nav-lower li.passive a {
  background: transparent url('/media/tab-passive-left-x.png') no-repeat left;
}

.nav li.icon {
  background: left center no-repeat;
  float: right;
  padding-left: 52px;
  padding-right: 25px;
}
.nav li.phone {
  background-image: url('/media/icon-phone.png');
}
.nav li.email {
  background-image: url('/media/icon-email.png');
}