@import url(/stylesheets/elements.css);
@import url(/stylesheets/classes.css);

body { font-family: tahoma, arial, sans-serif; font-size: 14px; margin: 0; color: #222; text-align: center; /* ie container centering hack */ }

a.icon, a img { border: none !important; }
td form { margin: 0; }

h1, h2, h3, h4 { font-weight: normal; line-height: 1.2em; font-family: Georgia, Serif; padding: 10px 0; margin: 0; }
	h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
h1 { font-size: 2.3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }

h2 a { line-height: 1.4em; }
p { margin: 0; padding: 10px 0 5px; }
label:hover { cursor: pointer; color: #fff; }
td, th { padding: 8px; }
#header-middle, #menu-middle, .submenu-middle, #pre-content-middle, #content-middle, #footer-middle { margin: 0 auto; width: 900px; }
#wrapper-outer { margin: 0 0 20px 0; }
#wrapper-inner {  }
	  .top-logo #header-outer { clear: both; }
		#header-inner { width: 900px; margin: 0 auto; text-align: left; }
		  #logo { margin-right: 10px; float: left; }
		    #logo h1 { padding: 15px; margin: 0; }
		#menu-outer { clear: both;  background: center -244px repeat-x; height: 102px; }
			#menu-middle { height: 102px; margin: 0 auto; padding: 0 15px; }
			  .inline-logo #menu-middle { height: 102px; }
			    .inline-logo #logo { float: left; margin: 26px 3px 0 -52px; }
			#menu-inner { list-style: none; padding: 0; margin: 0; height: 102px; font-size: 1.1em; float: left; }
		    #menu-inner #logo { float: left; display: block; height: 102px; position: relative; top: -58px; }
		      #menu-inner #logo a { padding: 0 !important; }
			#menu-inner li { display: block; float: left; margin: 0 5px 0 0; font-family: Georgia, Serif; }
				#menu-inner li a { display: block; float: left; line-height: 68px; padding: 36px 12px 0; text-decoration: none; }
					#menu-inner li.selected { background: no-repeat left top;  }
						#menu-inner li.selected a { background: no-repeat right -102px; text-shadow: -1px -1px 1px #222222; }
		.submenu-outer { min-height: 12px; background: #00476b repeat-x center -205px; border-bottom: 1px solid #fff; font-family: Georgia, Serif; }
		.submenu-middle { height: 39px; background: repeat-x center -205px; }
		.submenu-inner { list-style: none; padding: 0; margin: 0; font-size: .95em; }
			.submenu-inner li { display: block; float: left; }
				.submenu-inner li a { display: block; float: left; line-height: 39px; padding: 0 13px; text-decoration: none; color: #fff; text-shadow: -1px -1px 1px #222222;  }
				.sidebar .submenu-inner li a { color: #005685; text-shadow: 0 1px 3px #FFFFFF; }
				  .sidebar .submenu-inner li a:hover { color: #E5A900; }
				.submenu-inner li a:hover { color: #ffda7d; }
					.submenu-inner li.selected a { color: #fff; }
	#pre-content-outer { background: #fff8e4; }
		#pre-content-middle {  width: 900px; margin: 0 auto; }
			#pre-content-inner { text-align: left; padding: 0 15px; }
				#crumb { margin: 0; font-size: .85em; line-height: 2.5em; }
	#banner { margin: 0; }
		#banner-content {  }
			#banner-content h1 {  }
			#banner-content a {  }
				#banner-content a:hover {  }
	#content-inner, #footer { line-height: 1.7em; }
	#home #smoothGallery { height: 300px !important; width: 550px !important; margin: 0 0 20px 0; }
	#content-outer { background: #fff8e4; text-shadow: 0 1px 3px #FFFFFF }
		#content-middle { width: 900px; margin: 0 auto; text-align: center }
		#content-inner { min-height: 600px; padding: 0 15px 20px; text-align: left; }
		  #main-column ul { margin-left: 0; padding-left: 20px; }
  		  .star-list li { list-style-image: url(/system/files/19/large/star-bullet.png);}
			.with-side-column #main-column, .with-side-columns #main-column { float: left; width: 550px; }
			.with-side-column-2 #main-column { float: left; width: 705px; }
			#side-column { float: right; width: 300px;}
      #side-column-2 { float: left; margin: 0 15px 0 0; width: 150px; }
			  .with-side-columns #side-column { width: 150px; }
				.sidebar-box { margin: 0 0 40px; width: 100%; }
					.sidebar-box h1 { font-size: 1.8em; }
					.sidebar-box h2 { font-size: 1.4em; line-height: 1em; margin: 0; }
						.sidebar-box h2 a { text-decoration: none; }
					.sidebar-box-content { margin: 0; }
						.sidebar-box-content p { margin: 0; font-size: .9em; }
						.sidebar-box ul { list-style: none; margin: 0; padding: 0; line-height: 2em; }
							.sidebar-box ul.categories a { font-size: 1.2em; text-decoration: none; }
							.sidebar-box a:hover { color: #fff; }
              .sidebar .submenu-inner { height: inherit; }
              .sidebar .submenu-inner li { float: none; }
              .sidebar .submenu-inner li a { float: none; line-height: 1.4em; padding: 5px; }
              .sidebar ul.submenu-inner ul { margin: 0 0 0 10px; padding: 0; }
	#error, #notice { font-size: 1.2em; color: #fff; padding: .5em .75em; font-weight: bold; }
	#error { background: #b00; }
	#notice { background: #0b0; }
	#errorExplanation { border: 2px solid #f00; padding: 0; margin: 20px 0; color: #f00; }
	#errorExplanation p { padding: 0 10px; }
	#errorExplanation h2 { color: #fff; background-color: #f00; padding: 8px; margin-top: 0; }
	
	#footer-outer { height: 160px; clear: both; background: #0F4469; color: #fff; }
	#footer-inner { padding: 15px; text-align: left; font-size: .85em; margin: 0 auto; height: 100px; }
		#footer-inner img {float: right; }
			#footer-inner div {width: 550px; }
		#footer-inner a { color: #ECF2F9; }
  		#footer-inner a:hover { color: #ffda7d; }
		#footer-menu { list-style: none; margin: 0; padding: 0; line-height: 30px; width: 100%; display: block; height: 30px; }
			#footer-menu li { display: block; float: left; margin: 0 20px 0 0; }
	#smoothGallery { width: 880px !important; height: 650px !important; z-index: 999; }
	#smoothGallery a { border: none !important; }
	#smoothGallery a:hover { background: none; }

	#google-map { width: 248px; height: 300px; overflow: hidden; margin-top: 10px; border: 1px solid #77a8c7; }

/* Basic Classes used throughout the site */
.date { color: #737373; font-size: .9em; display: block; margin: 3px 0 0 !important; padding: 0 !important; }
a.red:hover { background: #f00 !important; color: #fff !important; }
a.red { border-bottom: 2px solid #f00 !important;}
span.hmenu { margin-right: 1em; }
.full-width { width: 100%; }
.strike { text-decoration: line-through; color: #777; }
.icon { vertical-align: baseline; }
.top { vertical-align: top; }
.endrow { margin-right: 0 !important; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.noborder { border: none; }
.nopad { padding: 0; }
.item-for-box { margin-bottom: 10px; }
.item { margin-bottom: 4px; }
.item h2 { margin-bottom: 5px; }
.item .blurb { margin-top: 2px; }
.tag-clound { }
	.tag-cloud li { display: block; float: left; clear: none !important; margin: 0 5px; }  
		.tag-cloud li a { text-decoration: none; }
		.cloud1 { font-size: .8em; }
		.cloud2 { font-size: 1.1em; }
		.cloud3 { font-size: 1.3em; }
		.cloud4 { font-size: 1.6em; }
		.cloud5 { font-size: 1.7em; }
.panel-overlay h2 { font-size: 1.4em; }
.events h3 { margin-bottom: 10px; }
.recent_events li { margin-bottom: 10px !important; }

a, #menu-inner a { color: #005685; }
  a:visited { color: #00466A; }
  a:hover { color: #e5a900; }
#menu-inner li.selected a { color: #fff; }
  #menu-inner a:hover { color: #e5a900; }
h1, h2, h3, h4, h5 { color: #005685; }

#banner-outer { background: url(/system/files/18/original/homepage_banner_bg.jpg) no-repeat center; height: 325px; border: 1px #f1ac00 solid; border-left: 0; border-right: 0; }
#banner-middle { width: 900px; margin: 0 auto; }
#banner-inner { text-align: left; color: #004e78; font-size: 1.2em; }
#banner-text { width: 550px; text-shadow: 1px 1px 0 white, -1px -1px 0 rgba(0,0,0,.4); }
#banner-text h1 span { font-size: 1.8em; margin: 0 0 8px; display: block; }
#banner-text h1 { border-bottom: 0; margin-bottom: 0; padding-top: 40px; }
#banner-text p { margin: 0; padding: 0; font-size: 1.4em; }
#action-buttons { text-align: right; }

#banner-inner #screenshots { float: right; position: relative; right: -10px; top: -30px; margin-bottom: -36px; z-index: 1000; width: 325px; height: 387px; background: url(/system/files/17/large/screenshots.png) no-repeat center; }

#menu-outer, #menu-inner li.selected, #menu-inner li.selected a, .submenu-outer, .submenu-middle { background-image: url(/system/files/16/original/sprite.gif);  }