/* 
-----------------------------------------------
\\\ 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 {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup  */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* 
-----------------------------------------------
\\\ General
----------------------------------------------- */

input { 
line-height: 1; 
}

body { 
background: #ccc url(/images/pattern.png);
color: #333; 
font: normal 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 
text-align: center; 
}

#container_outer {
	width: 100%;
	background: #fff;
	text-align: center;
}

#container {
width: 978px;
margin: 0 auto;
text-align: left;
margin-top: 23px;
position: relative;
}

#main {
	float: left;
	width: 978px;
	display: inline;
	background: url(/images/page_top.png) no-repeat 0 0;
	position: relative;
	padding-bottom: 32px;
}

.clearboth {
	clear: left;
	height: 1px;
} 

p, ul, ol, li {
	margin-bottom: 12px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a:link, a:visited  {
	text-decoration: none;
	color: #215ea0;
}

a:hover {
	color: #215ea0;
	text-decoration: underline;
}

.mark_small {
	float: left;
	width: 101px;
	height: 10px;
	line-height: 10px;
	margin: 8px 5px 0 0;
	text-indent: -5000px;
	background: url(/images/mark_small.png) no-repeat scroll 0 0;
}

#footer .mark_small {
	margin: 6px 6px 0 0;
}

.mark_small a {
	display: block;
	line-height: 10px;
}


/* 
-----------------------------------------------
\\\ Masthead
----------------------------------------------- */
#masthead {
	float: left;
	position: relative;
	width: 888px;
	height: 110px;
}

#mark {
	position: absolute;
	top: 15px;
	left: 23px;
	width: 113px;
	height: 116px;
	line-height: 116px;
	text-indent: -5000px;
	background: url(/images/mark.gif) no-repeat scroll 0 0;
}

#mark a {
	display:block;
	height:116px;
}

#mark a:hover {
		background: url(/images/mark.gif) no-repeat scroll 0 -116px;
}

#printmark {
	display: none;
}

#home_page #mark a:hover {
		background: url(/images/mark.gif) no-repeat scroll 0 0;
		cursor: default;	
}

#nav {
	position: absolute;
	top: 4px;
	left: 150px;
	width: 803px;
	height: 477px;
	z-index: 10;
}

.sub #nav {
	height: 357px;
}

.inner #nav {
	height: 67px;
}

#nav ul {
	float: left;
	position: relative;
	width: 802px;
}

#nav ul li {
	height: 477px;
	float: left;
	width: 100px;
	position: relative;
	background: url(/images/nav_rule.png) top left no-repeat;
}

.sub #nav ul li {
	height: 357px;
}

.inner #nav ul li {
	height: 76px;
	overflow: hidden;
}

#nav ul li a {
	display: block;
	height: 67px;
	line-height: 67px;
	width: 100px;
	background: url(/images/nav.gif) no-repeat 0 0;
	text-indent: -5000px;
}

.point_hov {
	height: 410px;
	position: absolute;
	width: 100px;
	top: 67px;
	left: 0;
	z-index: 12;
	background-color: red;
}

li.section_here a {
	cursor: default;
}

.sub .point_hov {
	height: 289px;
}

#nav ul li a:hover, #nav ul li#nav1 a.section_here  {
	background: url(/images/nav.gif) no-repeat 0 -67px;
}

#nav1 .point_hov {
	background: url(/images/nav_hover.png) no-repeat 0 0;
}

#nav ul li#nav2 a {
	background: url(/images/nav.gif) no-repeat -100px 0;
}

#nav ul li#nav2 a:hover, #nav ul li#nav2 a.section_here  {
	background: url(/images/nav.gif) no-repeat -100px -67px;
}

#nav2 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -100px 0;
}

#nav ul li#nav3 a {
	background: url(/images/nav.gif) no-repeat -200px 0;
}

#nav ul li#nav3 a:hover, #nav ul li#nav3 a.section_here  {
	background: url(/images/nav.gif) no-repeat -200px -67px;
}

#nav3 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -200px 0;
}

#nav ul li#nav4 a {
	background: url(/images/nav.gif) no-repeat -300px 0;
}

#nav ul li#nav4 a:hover, #nav ul li#nav4 a.section_here  {
	background: url(/images/nav.gif) no-repeat -300px -67px;
}

#nav4 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -300px 0;
}

#nav ul li#nav5 a {
	background: url(/images/nav.gif) no-repeat -400px 0;
}

#nav ul li#nav5 a:hover, #nav ul li#nav5 a.section_here {
	background: url(/images/nav.gif) no-repeat -400px -67px;
}

#nav5 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -400px 0;
}

#nav ul li#nav6 a {
	background: url(/images/nav.gif) no-repeat -500px 0;
}

#nav ul li#nav6 a:hover, #nav ul li#nav6 a.section_here  {
	background: url(/images/nav.gif) no-repeat -500px -67px;
}

#nav6 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -500px 0;
}

#nav ul li#nav7 a {
	background: url(/images/nav.gif) no-repeat -600px 0;
}

#nav ul li#nav7 a:hover, #nav ul li#nav7 a.section_here  {
	background: url(/images/nav.gif) no-repeat -600px -67px;
}

#nav7 .point_hov {
	background: url(/images/nav_hover.png) no-repeat -600px 0;
}

#nav ul li.last, #nav ul li.last a {
	width: 102px;
}

#nav ul li#nav8 a {
	background: url(/images/nav.gif) no-repeat -700px 0;
}

#nav ul li#nav8 a:hover, #nav ul li#nav8 a.section_here  {
	background: url(/images/nav.gif) no-repeat -700px -67px;
}

#nav8 .point_hov {
	width: 102px;
	background: url(/images/nav_hover.png) no-repeat -700px 0;
}

#loader {
	background:url(/images/nav_hover.png) no-repeat;
    margin-left:-10000px;
}

/* 
-----------------------------------------------
\\\ Home
----------------------------------------------- */
#feature {
	float: left;
	display: inline;
	width: 818px;
	height: 410px;
	line-height: 410px;
	text-indent: -5000px;
	margin: 71px 0 0 134px;
	background: url(/images/home/big_galeria.jpg) 0 0;
	position: relative;
}

#home_content {
	float: left;
	width: 802px;
	display: inline;
	margin: 20px 0 0 149px;
	font-size: 15px;
	line-height: 22px;
	background: url(/images/home/home_bg.png) repeat-y 0 0;
}

#home_intro {
	width: 478px;
	float: left;
	display: inline;
	margin-top: -5px;
}

#home_intro p:last-child {
	margin-bottom: 0;
}

#home_side {
	width: 276px;
	float: left;
	margin-left:46px;
	font-size: 13px;
}

#home_side h2, #home_intro h2 {
	width: 212px;
	margin: 1px 0 4px;
	height: 14px;
	line-height: 14px;
	text-indent: -5000px;
	background: url(/images/home/events_head.png) no-repeat scroll 0 0;
}

#home_side h2 {
	margin-bottom: 0;
}

#signup_outer {
	width:300px;
	float: left;
	border-right: 1px solid #D3D3D3;
}

#signup {
	background: url(/images/signup_box.png) no-repeat 0 0;
	float: left;
    height: 30px;
}

#signup #email {
	float: left;
	border: none;
	background: transparent;
	width: 184px;
	padding: 3px 0 4px;
	margin: 3px 7px 0 38px;
}

#social {
	float: left;
	width: 152px;
	margin-left: 12px;
	display: inline;
	padding-top: 2px;
}

#contact #social {
	float: none;
	margin-left: 0;
	padding-bottom: 8px;
}

#social p {
	margin-bottom: 0;
	line-height: 19px;
}

#social p a {
	display: block;
	padding-left: 28px;
	height: 20px;
	background: url(/images/social.png) no-repeat 0 0;
	margin-bottom: 6px;
}

#social #twitter a {
	background: url(/images/social.png) no-repeat 0 -20px;
}

#mailing_list {
	width: 478px;
	border-top: 1px solid #d3d3d3;
	font-size: 13px;
}

#home_intro h2.mailing {
	background: url(/images/home/mailing.png) no-repeat scroll 0 0;
	margin: 15px 0 6px;
}

.point {
	margin-bottom: 16px;
}

.point dt, .point dd {
	padding-left: 33px;
	line-height: 20px;
}

.point dt {
	font-weight: bold;
	padding-top: 3px;
	background: url(/images/manicule.png) no-repeat scroll 0 1px;
}

.point dt .date {
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 18px;
	display: block;
}

.point dd {
	margin-bottom: 6px;
}

.point dd p {
	margin-bottom: 0;
}

.point .more {
	background-image: none;
	font-size: 11px;
	padding-top: 4px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
}

/* 
-----------------------------------------------
\\\ Top-Level Section
----------------------------------------------- */
.section h1 {
	width: 812px;
	height: 289px;
	float: left;
	display: inline;
	margin: 71px 0 0 140px;
	line-height: 289px;
	text-indent: -5000px;
	background: url(/images/sub/our_story.jpg) no-repeat scroll 0 0;
}

.section h1#events_head {
	background: url(/images/sub/events.jpg) no-repeat scroll 0 0;
}

.section h2 {
	width: 180px;
	height: 11px;
	line-height: 11px;
	margin: 2px 0 7px;
	text-indent: -5000px;
	background: url(/images/sub/events_sub.png) no-repeat scroll 0 0;	
}

ul#subnav, #enterprises_outer {
	width: 88px;
	float: left;
	display: inline;
	margin: 17px 0 0 152px;
	padding-right: 10px;
}

#enterprises_outer {
	width: 188px;
}

#contact ul#subnav {
	border-right: none;
}

#contact ul#subnav li {
	display: none;
}

#subnav  {
	list-style-position: outside;
}

#subnav li#inside {
	width: 88px;
	height: 10px;
	line-height:10px;
	text-indent: -5000px;
	background: url(/images/sub/inside.png) no-repeat scroll 0 0;
	margin-bottom: 7px;
}

#subnav li, #enterprises_outer li {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 6px;
}

#subnav li a, #enterprises_outer li a {
	color: #4471a0;
	display: block;
}

#enterprises_outer ul li ul li {
	padding-right: 8px;
}

#open_blurb {
	width: 199px;
	float: left;
	margin: 15px 0 0 152px;
	display: inline;
}

#open_blurb p {
	padding-right: 18px;
	font-size: 16px;
	line-height: 23px;
	font-style: italic;
	color: #444;
}

#twocol {
	float: left;
	width: 603px;
	background: url(/images/sub/rules.png) repeat-y scroll 0 0;
	margin-top: 17px;
}

#content {
	float: left;
	display: inline;
	width: 489px;
	margin: 14px 0 0 13px;
}

#archive #content {
	width: 389px;
}

#our_enterprises.section #content {
	width: 389px;
    border-left: 1px solid #ddd;
	margin-left: 0;
}

#our_enterprises.section #content p {
	margin-left: 20px;
}

#our_enterprises.section #content p:last-child {
	margin-bottom: 0;
}

#twocol #content {
	margin-top: 0;
}

#content.narrow {
	width: 361px;
	margin: 0 20px;
	position: relative;
}

.open {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	text-decoration: none;
}

#sidebar {
	float: left;
	display: inline;
	width: 183px;
	margin: 14px 0 0 18px;
}

#twocol #sidebar {
	margin-top: 0;
}

#sidebar h4 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	margin: 4px 0 0;
}

#sidebar_blurb {
	border-left: 1px solid #ddd;
	padding-left: 14px;
}

.sidephoto_out {
	width: 183px;
	padding-top: 13px;
	background: url(/images/sub/photo_top.png) no-repeat scroll 0 0;
}

.sidephoto {
	width: 183px;
	padding-bottom: 14px;
	background: url(/images/sub/photo_bottom.png) no-repeat scroll bottom left;
}

.sidephoto img {
	display: block;
	margin: 0 0 0 14px;
}

#sidebar_photo p {
	width: 153px;
	margin: 4px 0 0 14px;
	font-size: 12px;
	line-height: 15px;
	color: #555;
}

#sidebar p {
	font-size: 12px;
}

#content ul {
	margin-left: 14px;
}

#content ol {
	margin-left: 17px;
}

#content ul li {
	margin-bottom: 3px;
	list-style-type: square;
}

#content ol li {
	margin-bottom: 3px;
	list-style-type: decimal;
}

#sidebar_photo p strong, #inner_photo p strong {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
}

#inner_photo p {
	font-size: 12px;
	line-height: 17px;
	color: #555;
}

/* 
-----------------------------------------------
\\\ Events
----------------------------------------------- */
#book_head {
	background: url(/images/sub/events_sub.png) no-repeat scroll 0 -11px;	
}

#event_listing.point dd {
	margin-bottom: 8px;
}

#event_listing.point .more {
	border-top: 1px solid #ccc;
	margin: 14px 33px 0;
	padding-left: 0;
	padding-top: 5px;
	font-weight: normal;
}

#side_listing.point {
	margin-top: 3px;
	font-size: 12px;
}

#side_listing.point dt {
	background: url(/images/arrow.png) no-repeat scroll 0 1px;
	padding-top: 1px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#side_listing.point dt, #side_listing.point dd {
	padding-left: 27px;
}

#rss {
	position: absolute;
	top: 0;
	right: 4px;
	width: 49px;
	height: 16px;
	line-height:16px;
	text-indent: -5000px;
	background: url(/images/feed.png) no-repeat scroll 0 0;
}

#rss a {
	display: block;
	height: 16px;
}

/* 
-----------------------------------------------
\\\ Inner
----------------------------------------------- */
.inner ul#subnav {
	width: 98px;
	float: left;
	display: inline;
	margin: 156px 0 0 25px;
	padding-right: 0;
	border-right: none;
}

.inner ul#subnav li#inside {
	display: none;
}

.inner ul#subnav li.here a {
	color: #111;
	background: url(/images/here_bg.png) repeat-y 0 0;
	padding: 3px 5px 3px;
	cursor: default;
}

.inner ul#subnav li.here a:hover {
	text-decoration: none;
}

.inner ul#subnav li.backto {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
}

.inner #content {
	width: 478px;
	margin: 116px 0 0 29px;
}

#events_and_news #content {
	width: 578px;
}

.inner h1 {
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 7px;
}

#inner_photo {
	float: left;
	width: 300px;
	display: inline;
	margin: 156px 0 0 20px;	
}


/* 
-----------------------------------------------
\\\ Footer
----------------------------------------------- */

#footer {
width: 978px;
float: left;
display: inline;
background: url(/images/page_bottom.png) no-repeat 0 0;
padding-top: 20px;
font-size: 12px;
color: #111;
}

#footer a {
	color: #333;
}

#footer span {
	color: #666;
}

#footer p {
	margin-left: 149px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .inner h1 {
    font-family: Verdana;
    visibility: hidden;
  }

  .sIFR-active #sidebar h4 {
    font-family: Verdana;
    visibility: hidden;
  }
}