/*

Theme Name: CAT Wordpress Theme

Theme URI: http://ryanhellyer.net/2008/02/23/aqua-vaccinium-wordpress-theme/

Description: Custom Theme for CAT

Version: 1.0

Author: Stephen Withers

Author URI: http://www.withersdigital.com



*/



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	background-color:#FFFFFF;

}

ol, ul {

	list-style: none;

}

.ninja-forms-form ul li {



	list-style:none !important;



	background: none transparent;



}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* LAYOUT */



body {

	font-family: Arial,Helvetica,sans-serif;

}

strong {

	font-weight:bold;	

}

em {

	font-style:italic;

}

h1, h2, h3, h4 {

}

p {

	font-size: 11px;

	line-height: 1.4em;

	padding: 0 0 1em 0;

	margin-left:0;

}

i {font-style: italic;}

#container {

	width: 100%;

	background-color: #fff;

	background: linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%);

	background: -moz-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* Firefox 3.5+ */

	background: -webkit-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* Chrome 10+, Safari 5.1" */

	background: -ms-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* IE 10+ */

	/* background: -o-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%);  Opera 11.10+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#dcebb8 50%,#026227 100%); /* Opera 11.10+ */

	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0.5, #DCEBB8), color-stop(0, #026227)); /* Chrome -9, Safari 4-5 */

	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#026227', GradientType=0); /* ie7 */

	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#026227'); /* ie8 */

}

#containerImage {

	width: 100%;

	background: transparent url('img/body_tiling_bg.png') bottom left repeat-x;

}

#content {

	position: relative;

	/*z-index: 999;*/

	width: 960px;

	margin: 0px auto;

	background: #fff;

	height: 100%;

	overflow: visible;

	clear: both;

}



#header {

	position: relative;

	width: 100%;

	height: 150px;

	background-color: rgb(255, 255, 255);

	clear: both;

}

#headerContent {

	position: relative;

	max-width: 960px;
	width:100%;

	margin: 0px auto;

	background: #fff;

}


/*
#primaryNavigationContainer {

	width: 960px;

	height: 46px;

	margin: 0px auto;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(1, 1, 1, .2);

    box-shadow:  0px 0px 10px 0px rgba(1, 1, 1, .2);

    clear: both;

}

#primaryNavigation ul li {

	display: block;

	float: left;

}

#primaryNavigation ul li a {

	color: rgb(102, 102, 102);

	text-decoration: none;

	font-size: 13px;

	padding:12px 18px;

	display: block;

}
*/

#searchform {

	float: right;

	padding-right: 20px;

	padding-top: 4px;

}

#searchform input {

	color: #666;

	width: 160px;

	margin-left: 10px;

}

#headerUtilities {

	width: 100%;

	margin: 0px auto;

	display: block;

	height: 25px;

}

#utilityNavigation {

	float: right;

	padding-top: 10px;

	padding-right: 10px;

}

#utilityNavigation ul li {

	width: auto;

	float: left;

	list-style: disc outside none;

	font-size: 11px;

	color: rgb(51, 51, 51);

	margin-left: 20px;

}

#utilityNavigation ul li.first {

	list-style: none;

}

#utilityNavigation ul li a {

	color: rgb(153, 153, 153);

	text-decoration: none;

}

#utilityNavigation ul li a:hover

{

	color: #006227;

}

#mobileLink {

	float: right;

	padding-top: 5px;

	padding-left: 35px;

}

a.mobile:link, a.mobile:visited

{

	font-size: 9px;

	color: #999;

	text-decoration: none;

	background: transparent url(img/mobile_icon.png) no-repeat 0px;

	padding: 0px 10px 5px 15px;

}

a.mobile:hover, a.mobile:visited:hover

{

	color: #006227;

}

#google_translate_element {

	display: block;

    float: right;

    padding-top: 9px;

    min-width: 105px;

    min-height: 20px;

}

.goog-te-gadget img {

	display: none !important;

}

.goog-te-gadget-simple .goog-te-menu-value span {

    text-decoration: none;

    font-size: 9px;

	color: #999;

	padding-right: 5px;

}



a.logo img {

	display: block;

	float: right;

	clear: both;

	padding-top: 5px;

	padding-bottom: 18px;

}

.logo img {
	width: 100%;
}



#footer {

	display: block;

	position: relative;

	width: 100%;

	height: 467px;

	background: url(img/footer_background.png) repeat-x scroll 0px 0px transparent;

	z-index: 0;

}

#footerContent {

	width: 100%;
	max-width: 960px;

	height: 100%;

	background-color: #fff;

	margin: 0px auto;

}

#footer a {

}



#contentBottomGradient {

	width: 100%;

	display: block;

	background: url(img/content_bottom_gradient.png) repeat-x scroll 0px 0px transparent;

	height: 14px;

}

.footer-nav {

	padding-top: 30px;

	padding-left: 30px;

}

.footer-nav ul li a {

	color: #666;

	text-decoration: none;

	display: block;

	margin-bottom: 5px;

}

.footer-nav ul li {

	float: left;

	width: 140px;

	font-size: 13px;

	color: #666;

	font-weight: bold;

	margin-right: 15px;

}

.footer-nav ul li ul {

	float: left;

	display: block;

}

.footer-nav ul li ul li {

	font-size: 10px;

	font-weight: normal;

	padding: 0;

}

.footer-nav ul li ul li a {

	text-decoration: underline;

	color: #888;

}

.footer-nav ul li ul li a:hover {

	color: #666;

}

#footerBranding

{

	width: 100%;

	float: left;

	position: relative;

	border-top: 1px solid #ccc;

	padding-top: 6px;

	margin-top: 20px;

	padding-bottom: 50px;

}

#footerLogo

{

	width: 105px;

	float: left;

	margin-left: 30px;

	margin-right: 53px;

}

.footerAddress

{

	width: 140px;

	float: left;

	margin-top: 5px;

	margin-right: 18px;

	font-size: 11px;

	color: #888; /* changed from 999 for contrast issues */

}

#mobileLink2 {

	float: right;

	padding-right: 30px;

}





/* =Main Layout

-------------------------------------------------------------- */



#content p {

	font-size: 12px;

	color: #666;

	text-align: justify;

}

.gform_wrapper span.gform_description, #gforms_confirmation_message {

    font-weight: normal;

    font-size: 12px;

	color: #666;

	text-align: justify;

}

#postContent .gform_body ul {

	margin-left: 0;

}

#content table

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	border: 1px solid #666;

	color: #666;

}

#content table td

{

	border: 1px solid #000000;

	padding: 5px;

}



#postContent a:link

{

	color: #006227;

}



#postContent h3 a:link

{

	color: #006227;

	text-decoration: none;

}







#postContent ul, #postContent ol

{

	margin-left: 30px;

	margin-bottom: 10px;

	width: auto;

}

#postContent ul li

{

	list-style: disc;

	padding: 0 0 5px 0;

	font-size: 12px;

	color: #666;

	line-height: 1.4em;

}

#postContent ol li

{

	list-style: decimal;

	padding: 0 0 5px 0;

	font-size: 12px;

	color: #666;

	line-height: 1.4em;

}

#postContent h3

{

	margin-top: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #006227;

	width: 100%;

	float: left;

}

#postContent h4 {

	margin-top: 5px;

	margin-bottom: 5px;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	width: 100%;

	float: left;

}



#slideshow_wrap {

	position: relative;

	width: 960px;

	height: 250px;

	overflow: hidden;

}

#slideshow_wrap ul li {

	display: block;

	width: 960px;

	height: 250px;

}

.slide_left {

	position: relative;

	float: left;

	width: 380px;

	height: 250px;

}

.slide_left h2 {

	color: #fff;

	text-decoration: none;

	font-size: 21px;

	font-weight: bold;

	padding: 25px 20px;

}

.slide_left h2 a {

	padding: none;

	color: #fff;

	text-decoration: none;

}

#content .slide_left p {

	position: absolute;

	bottom: 40px;

	color: #fff;

	font-size: 12px;

	padding: 20px;

}

.bx-pager {

	position: absolute;

	bottom: 15px;

	left: 18px;

	z-index: 99;

	width: 250px;

	height: 30px;

}

.bx-pager a {

	display: block;

	background: #CCC;

	float: left;

	padding: 5px 8px;

	margin: 2px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	opacity: .3;

	text-decoration: none;

	color: #fff;

}

.bx-pager a.pager-active, a.bx-pager-link.active {

	opacity: .9;

	background: #fff;

	color: #000;

}

.slide_image {

	position: relative;

	float: right;

	width: 580px;

	height: 250px;

}

.head1 {

	width: 380px;

	height: 250px;

	background-color: #701279;

}

.head2 {

	width: 380px;

	height: 250px;

	background-color: #3184A8;

}

.head3 {

	width: 380px;

	height: 250px;

	background-color: #E58100;

}

.head4 {

	width: 380px;

	height: 250px;

	background-color: #BD2878;

}

.head5 {

	width: 380px;

	height: 250px;

	background-color: #71A421;

}

.head6 {

	width: 380px;

	height: 250px;

	background-color: #8F5E38;

}

.head7 {

	width: 380px;

	height: 250px;

	background-color: #00824C;

}

.head8 {

	width: 380px;

	height: 250px;

	background-color: #B4549F;

}

#home_teaser_container {

	padding-bottom: 5px;

}

#homeLatestNews {

	position: relative;

	width: 950px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	padding: 4px 0 8px 0;

	background: #e5e5e5;

}

.headlineTitle

{

	position: absolute;

	width: 105px;

	left: 0;

	color: #666;

	font-weight: bold;

	font-size: 13px;

	margin-left: 15px;

	padding-right: 10px;

	border-right: 1px solid #ccc;

	line-height: 1.5;

}

ul.headlines

{

	position: absolute;

	width: 580px;

	left:130px;

	top: 0;

	margin: 0;

	padding: 0;

	margin-left: 10px;

	margin-top: 2px;

}

ul.headlines li

{

	width: 600px;

	margin:0px;

	line-height: 1.5;

	padding: 0;

	font-size: 11px;

}

ul.headlines a {

		color: #666;

	text-decoration: none;

}





#homeTripPlanner {

	position: relative;

	width: 376px;

	height: 237px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	background-color: #006227;

}

#homeTripPlanner h3

{

	color: #fff;

	font-size: 29px;

	font-weight: bold;

	margin-top: 20px;

	margin-left: 15px;

}

img#poweredHome {

    position: absolute;

    right: 20px;

    top: 15px;

}

#tripPlanner

{

	width: 350px;

	float: left;

	margin-left: 15px;

	margin-top: 10px;

}

fieldset.coordinates

{

	width: 235px;

	height: 112px;

	float: left;

	padding: 0 10px 10px 0;

	border-top: 1px solid #3F885C;

	border-right: 1px solid #3F885C;

	border-bottom: 1px solid #3F885C;

}

fieldset.time

{

	width: 90px;

	height: 116px;

	float: left;

	padding: 6px 0 0 5px;

	border-top: 1px solid #3F885C;

	border-bottom: 1px solid #3F885C;

}

label.tripPlannerLabel

{

	width: 100%;

	float: left;

	color: #fff;

	font-size: 12px;

	padding-top: 10px;

	padding-bottom: 3px;

}

label.tripPlannerLabel2

{

	width: 100%;

	float: left;

	color: #fff;

	font-size: 12px;

	padding-top: 20px;

	padding-bottom: 3px;

}

input#datepicker {

    color: #000000;

    float: left;

    margin-bottom: 8px;

    text-align: left;

    width: 85px;

}

#tripPlanner input.currentLocation

{

	height: 16px;

	width: 220px;

	float: left;

	padding: 3px 0 2px 4px;

	border: none;

}

#tripPlanner input {

	border: none;

	padding: 3px 0 2px 4px;

	font-size: 12px;

}

#tripPlanner input#tr_date, #tripPlanner input#tr_time {

	height: 17px;

	

}

#tripPlanner label.tripPlannerLabel {

	height: 12px;

}

select.timeSelect

{

	width: 90px;

	height: 16px;

	float: left;

	margin-bottom: 8px;

	font-size: 12px;

}

#tripPlanner select.timeSelect {

	border: none;

	

}



#tripPlanner input[type="submit"]

{

	margin: 0;

	padding-top: 0px;

	padding-left: 10px;

	top:197px;

}

#tripPlanner .plannerBtn

{

	position: absolute;

	bottom: 15px;

	right: 12px;

	width: 217px;

	height: 28px;

	color: #fff;

	text-align: left;

	background: transparent url('http://catchacat.org/_layout/images/home_trip_planner_btn.png') 0 0 no-repeat;

	border: none;

}

#tripPlanner .plannerBtn:hover

{

	background-position: 0 -28px;

}

#innerContentTop

{

	position: relative;

	width: 960px;

	height: 220px;

}

#interiorTripPlanner

{

	position: relative;

	width: 960px;

	height: 110px;

	z-index: 20;

}

#translucentbkgIE

{

	width: 960px;

	height: 110px; /* to match DIVs size          */

	background-color: #ffffff; /* the background */

	filter: alpha(opacity=50);

}

#translucentbkg

{

	width: 960px;

	height: 110px; /* to match DIVs size          */

	background-image: url('http://www.catchacat.org/_layout/images/interior-trip-planner-tiling-bg.png') !important; /* Mozilla only */

	background-color: transparent; /* the background */

}



#opaquetext

{

	width: 960px;

	height: 80px; /* to match DIVs size          */

	background-color: transparent; /* transparent background      */

	position: absolute; /* absolute positioning        */

	z-index: 9999; /* place it over the other DIV */

}

#tripPlannerButton

{

	position: relative;

	top: 0;

	left: 735px;

	z-index: 15;

}

.interiorTPHeader

{

	width: 960px;

	height: 30px;

	background: #ccc;

}

.interiorTPHeadline

{

	width: auto;

	float: left;

	margin-top: 7px;

	margin-left: 10px;

	font-size: 16px;

	color: #666;

	font-weight: bold;

}

.interiorTPExtra

{

	width: auto;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

	font-size: 11px;

	color: #666;

}

#trip_planner_form_id

{

	width: 945px;

	float: left;

	margin-left: 12px;

	margin-top: 10px;

}

#trip_planner_form_id fieldset.coordinates

{

	width: 527px;

	height: auto;

	float: left;

	padding: 4px 0 10px 0;

	border: none;

}

#trip_planner_form_id fieldset.time

{

	width: 410px;

	height: auto;

	float: right;

	border: none;

	padding-top: 3px;

}

#trip_planner_form_id input#tr_date {

    float: left;

    margin-left: 7px;

    margin-right: 6px;

    text-align: left;

    width: 70px;

}

#trip_planner_form_id select.timeSelect {

	height: 20px;

	margin-top: 3px;

}

#tripPlanner input#tr_date {

	width: 85px;

	margin-top: 19px;

	margin-bottom: 10px;

}

#trip_planner_form_id input#tr_time {

	width: 70px;

	float: left;

}

#tripPlanner input#tr_time {

	width: 85px;

}

#trip_planner_form_id label.tripPlannerLabel

{

	width: auto;

	float: left;

	color: #666;

	font-size: 11px;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 3px;

	font-weight: bold;

}

#trip_planner_form_id input.currentLocation

{

	height: 12px;

	width: 160px;

	float: left;

	padding: 3px 0 2px;

	margin-right: 5px;

	

}

#tripPlanner input.currentLocation {

	margin-bottom: 10px;

}

#trip_planner_form_id select.timeSelect

{

	width: 90px;

	float: left;

	margin-right: 8px;

}

select.hidden {

	visibility: hidden;

	width: 1px;

	height: 1px;

	position: absolute;

}

img#poweredSub {

    position: absolute;

    right: 10px;

    top: 9px;

}

#trip_planner_form_id input[type="submit"]

{

	padding-top: 0px;

	padding-left: 10px;

	float: right;

}

#trip_planner_form_id .plannerBtn

{

	width: 90px;

	height: 28px;

	background: transparent url('http://www.catchacat.org/_layout/images/interior-trip-planner-submit.png') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

	font-size: 0;

	display: block;

	line-height: 0;

	margin-right: 10px;

	overflow: hidden;

}

#trip_planner_form_id .plannerBtn:hover

{

	background: transparent url('http://www.catchacat.org/_layout/images/interior-trip-planner-submit.png') no-repeat scroll 0 -28px;

	width: 90px;

	height: 28px;

}

#tripPlannerButton {

	width: 90px;

	

}





.systemStatus {

	position: relative;

	width: 185px;

	height: 237px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	margin-bottom: 6px;

	background-color: #006227;

}

.home_teaser_wrap a {

	position: relative;

	width: 165px;

	height: 217px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	padding: 10px;

	color: #444;

	background-color: #ccc;

	text-decoration: none;

}

.home_teaser_wrap a:hover {

	background-color: #006227;

	color: #fff;

}

.home_teaser_wrap a.bus:hover {

	background-image: url(img/home_teaser_bus.png);

}

.home_teaser_wrap a.arrow:hover {

	background-image: url(img/home_teaser_arrow.png);

}

.home_teaser_wrap a.free:hover {

	background-image: url(img/home_teaser_free.png);

}

.home_teaser_wrap a.map:hover {

	background-image: url(img/home_teaser_map.png);

}

.home_teaser_wrap a.pass:hover {

	background-image: url(img/home_teaser_pass.png);

}

.home_teaser_wrap a.welcome:hover {

	background-image: url(img/home_teaser_welcome.png);

}

.home_teaser_wrap a.wheelchair:hover {

	background-image: url(img/home_teaser_wheelchair.png);

}

.home_teaser_wrap a h3 {

	font-size: 26px;

	font-weight: bold;

	margin-top: 20px;

	margin-left: 10px;

}

#content .home_teaser_wrap p {

	font-size: 11px;

	margin-top: 10px;

	margin-left: 10px;

	padding-right: 10px;

	text-align: left;

	color: inherit;

}

.tinyArrow

{

	position: absolute;

	bottom: 5px;

	right: 10px;

}

#innerContentTop {

    position: relative;

    width: 960px;

    height: 220px;

}

#sidebarNavigation {

	/*position: relative;

	float: left;*/
	display: inline-block;
	vertical-align: top;

	width: 170px;

	margin-left: 0px;

	margin-bottom: 6px;

	margin-top: 6px;

	font-size: 11px;

	font-weight: bold;

	z-index: 1000;

}

#sidebarNavigation ul li {

	width: 170px;

	position: relative;

}

#sidebarNavigation ul li a {

	display: block;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left: 17px;

	color: rgb(102, 102, 102);

	text-decoration: none;

}

#sidebarNavigation ul li ul li {

	

}

#sidebarNavigation ul li a:hover {

	background: #e8f1cd url('img/arrow.png') no-repeat 3px 8px;

	

}



#sidebarNavigation li > a:after {

    color: #888;

    content: ' ▾';

}



#sidebarNavigation  li > a:hover:after {

    color: #444;

    content: ' ▾';

}



#sidebarNavigation li > a:only-child:after {

    content: '';

}

#sidebarNavigation ul li.current_page_item a {

	color:#006227;

	background:#E8F1CD;

}

/* =Sidebar Dropdown

---------------------------------------------------------------*/



#sidebarNavigation ul li ul {

	list-style:none;

	text-align:left;

	width:170px;

	position:absolute;

	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

	z-index:9999 !important;

	top:0px;

}

#sidebarNavigation ul li ul li {

	display: block;	

	float:left;

	margin:0;

	text-align: left;

	width:100%;

	padding-bottom:0;

	padding-left: 0;

	padding-right:0;

	padding-top: 0;

	z-index:9999 !important;

}

.dropmenu li a {

	display: block;

	color: #FFF4E6;

	border-bottom: none;

	font-size: 16px;

	width: 100%;

	padding:5px 5px;

}

.dropmenu li a {

  outline: none;

  border: none; /* eventually, IE specific, not sure */

}

.dropmenu li:hover {



}

.dropmenu li:hover a {

	color:#FFF4E6;

}

#sidebarNavigation ul li:hover ul { /* Display the dropdown on hover */

	position: absolute;

	top: -1px;

	left:170px; /* Bring back on-screen when needed */

	z-index:9999 !important;

}

#sidebarNavigation ul li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

	color:#006227;

	background:#E8F1CD url('img/arrow.png') no-repeat 3px 8px;

}

#sidebarNavigation li:hover ul li a {

	border-top: 1px solid #fff;

	background:none;

	background-color: #c8df8e;

}

#sidebarNavigation li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

	background:#E8F1CD url('img/arrow.png') no-repeat 3px 8px;

	color:#006227;

}

#innerContent {

	/*position: relative;

	float: left;*/
	display: inline-block;

	width: 770px;

	/*margin-left: 10px;*/
	margin-right: 15px;

}

#innerContentHeaderImage

{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	height:220px;

	overflow:hidden;

}

#innerContent h1 {

	width: 100%;

	float: left;

	margin-top: 10px;
	margin-bottom: 10px;

	padding-bottom: 8px;

	font-size: 28px; /*24px;*/

	line-height: 110%;

	font-weight: bold;

	color: #444; /* changed all from #666 for contrast issues */

	border-bottom: 1px solid #999;

}

#postContent {

	display: block;

	position: relative;

	/*float: left;*/

	/*width: 560px;*/

	margin-bottom: 60px;

	padding-top: 10px;

}

.breadcrumbs {

	font-size: 11px;

	padding-top: 10px;

}

.breadcrumbs a {

	padding-right: 5px;

}

.breadcrumbs span {

	padding-right: 5px;

}

.breadcrumbs a:link, .breadcrumbs a:visited

{

	color: #666;

	text-decoration: none;

}

.breadcrumbs a:link:hover, .breadcrumbs a:visited:hover

{

	color: #006227;

}



#rightCol {

	/*float: right;*/
	display: inline-block;

	width: 185px;

	/*margin-bottom: 6px;

	margin-right: 10px;*/
	vertical-align: top;
	margin: 68px 10px 6px 0px;

}

.sidebarTeaser {

	margin: 0;

	width:185px;

	color: #444;

	background: #ccc;

	margin-bottom: 10px;

}

h2.sidebarTeaserTitle {

	font-size: 26px;

	font-weight: bold;

	margin-top: 10px;

}

.sidebarTeaserContent {

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#content .sidebarTeaserContent p {

	font-size: 11px;

	margin-right: 10px;

	padding-top: 10px;

	text-align: left;

}

.sidebarTeaserContent a {

	display: block;

	font-size: 12px;

	font-weight: bold;

	color: #006227;

	text-decoration: none;

}



.postWrap {

	width: 100%;

	float: left;

	clear: both;

	border-bottom: 1px dotted #dfdfdf;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

#postContent h3.postmeta {

	width: 100%;

	float: left;

	margin-top: 5px;

	margin-bottom: 2px;

	font-size: 10px;

	font-style: italic;

	color: #999;

	font-weight: normal;

}

#postContent h2.posttitle {

	margin-top: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #006227;

	width: 100%;

	float: left;

}



#postContent a:link

{

	color: #006227;

	text-decoration: none;

}

#postContent a:visited

{

	color: #5ea57a;

	text-decoration: none;

}

#postContent h3 a:link

{

	color: #006227;

	text-decoration: none;

}

#postContent h3 a:visited

{

	color: #5ea57a;

	text-decoration: none;

}

#postContent a:link:hover, #postContent a:visited:hover, #postContent h3 a:link:hover, #postContent h3 a:visited:hover

{

	color: #093;

	text-decoration: none;

}

a.readmore {

	float: left;

	font-size: 12px;

	color: #006227;

	text-decoration: none;

	background: transparent url(img/document_icon.png) center left no-repeat;

	padding: 7px 0 5px 20px;

	margin-top: 10px;

}

a.readmore:hover {

	text-decoration: underline;

}

.nextprev {

	text-align: center;

	width: 100%;

	float: left;

	clear: both;

	color: #5ea57a;

}

.nextprev p {

	display: inline;

	text-align: center;

	margin-right: 5px;

	font-weight: bold;

	font-size: 18px;

}

#content .nextprev a p {

	color: #5ea57a;

	

	text-decoration: none;

}

#content .nextprev p.disabled {

	color: #CCC;

}



/* =Page-Specitic Layouts

-------------------------------------------------------------- */



/* iOS Overrides */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {



}





/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter, div.aligncenter {

    display:block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float:left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float:left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin:0;

    max-width: 98.5%;

    padding:0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size:11px;

    line-height:17px;

    margin:0;

    padding:0 4px 5px;

}

/* Content widths */
.half{
	max-width: 570px;
}

.full{
	max-width: 770px;
}
/*
#primaryNavigation > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#primaryNavigation ul li.has-sub:hover > a {
	background: #3f3f3f;
	border-color: #3f3f3f;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#primaryNavigation ul li.has-sub:hover > ul,
#primaryNavigation ul li.has-sub:hover > div {
	display: block;
}
#primaryNavigation ul li.has-sub > a:hover {
	background: #3f3f3f;
	border-color: #3f3f3f;
}
#primaryNavigation ul li > ul,
#primaryNavigation ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 153px;
	padding: 10px 0;
	background: #fff;
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#primaryNavigation ul li > ul {
	width: 200px;
}
#primaryNavigation ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#primaryNavigation ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#primaryNavigation ul ul a:hover {
	color: #ffffff;
}
#primaryNavigation > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}

*/

#primaryNavigation,
#primaryNavigation ul,
#primaryNavigation li,
#primaryNavigation a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#primaryNavigation {
  height: 46px;
  display: block;
  /*border: 1px solid;
  border-radius: 5px;*/
  width: 960px;
  /*border-color: #080808;*/
  margin: 0px auto;
  /*padding: 0;*/
  -webkit-box-shadow:  0px 0px 10px 0px rgba(1, 1, 1, .2);
  box-shadow:  0px 0px 10px 0px rgba(1, 1, 1, .2);
  clear: both;
}
#primaryNavigation > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
#primaryNavigation > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#primaryNavigation.align-center > ul {
  text-align: center;
}
#primaryNavigation.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#primaryNavigation.align-center ul ul {
  text-align: left;
}
#primaryNavigation.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#primaryNavigation > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  font-weight: 700;*/
  font-size: 13px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*border-right: 1px solid #080808;*/
  /*color: rgb(102, 102, 102);*/
  padding: 12px 20px;
}
#primaryNavigation > ul > li:first-child > a {
  /*border-radius: 5px 0 0 5px;*/
}
#primaryNavigation > ul > li > a:after {
  content: "";
  position: absolute;
  /*border-right: 1px solid;*/
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  /*border-color: #3c3c3c;*/
}
#primaryNavigation ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#primaryNavigation > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#primaryNavigation > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#primaryNavigation > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}
#primaryNavigation ul li.has-sub:hover > ul,
#primaryNavigation ul li.has-sub:hover > div {
  display: block;
}
#primaryNavigation > ul > li.has-sub > a:hover,
#primaryNavigation > ul > li.has-sub:hover > a {
  background: #E8F1CD;
  border-color: #3f3f3f;
}
#primaryNavigation ul li > ul,
#primaryNavigation ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 36px;
  background: #fff;
  /*border-radius: 0 0 5px 5px;*/
  z-index: 999;
  /*padding: 10px 0;*/
}
#primaryNavigation ul li > ul {
  width: 200px;
}
#primaryNavigation ul ul ul {
  position: absolute;
}
#primaryNavigation ul ul li:hover > ul {
  left: 100%;
  top: 0px;
  /*border-radius: 5px;*/
}
#primaryNavigation ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#primaryNavigation ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);*/
  margin: 0;
  padding: 8px 20px;
}
/*#primaryNavigation,*/
#primaryNavigation ul ul > li:hover > a,
#primaryNavigation ul ul li a:hover {
  background: #E8F1CD url('img/arrow.png') no-repeat 3px 8px;
  /*background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: linear-gradient(top, #3c3c3c 0%, #222222 100%);*/
}
#primaryNavigation > ul > li > a {
color: #000;
}
#primaryNavigation > ul > li > a:hover {
  background: #E8F1CD;
  color: #006227;
}
#primaryNavigation ul ul a:hover {
  color: #006227;
}
#primaryNavigation > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

#rightCol-side{
	display: none;
}
@media all and (max-width: 959px){/*, (max-device-width: 959px) {*/
	#innerContent {
		width: 578px;
	}

	#searchform input {
		width: 112px;
	}

	#primaryNavigation > ul > li > a {
		padding: 12px 12px;
	}

	#content{
		width: 768px;
	}

	.footerAddress {
		width: 134px;
	}

	#socialmedia{
		width: 170px !important;
	}

	.slideshow_slide .bx-window {
		height: 250px !important;
		width: 960px !important;
	}

	img{
		max-width: 100%;
		height: auto;
	}

	#headerContent, #footerContent{
		width: 100%;
		margin: 0 auto;
	}

	#interiorTripPlanner, #translucentbkg, #opaquetext, .interiorTPHeader, #trip_planner_form_id{
		width: 100%;
	}
	
	#trip_planner_form_id{
		margin-left: 0px;
	}

	#tripPlannerButton{
		left: 618px;
	}

	#innerContentTop{
		width: auto;
	}

	#slideshow_wrap{
		width: 768px;
	}

	#homeLatestNews{
		width: 758px;
	}
}
@media all and (min-width: 775px) and (max-width: 800px){
	/*slideshow*/
	.slideshow_slide .bx-window {
		width: 768px !important;
		height: 181px !important;
	}
	.bx-pager{
		bottom: 6px;
	}
	#slideshow_wrap {
		width: 768px;
		height: 181px;
	}
	.bx-wrapper, .bx-window {
		width: 768px !important;
	}
	.slide_left{
		height: 180px;
		width: 350px;
	}
	.slide_image{
		width: 418px;
		height: 180px;
	}
	.head1, .head2, .head3, .head4, .head5, .head6, .head7, .head8{
		height: 180px;
		width: 351px;
	}

	#content .slide_left p{
		padding: 12px;
	}
	#slideshow_wrap ul li{
		height: 181px;
		width: 768px;
	}
}
@media all and (max-width: 768px){/*, (max-device-width: 768px) {*/
	#innerContent {
		width: 558px;
	}

	#innerContentHeaderImage img {
		width: 768px;
		height: auto;
	}

	#header{
		height: auto;
	}

	#primaryNavigation {
		display: none;
	}

	/*unhide right column in left side column*/
	#rightCol-side{
		display: inline-block;
		margin-top: 10px;
	}

	#rightCol{
		display: none;
	}

	#sidebarNavigation{
		width: 185px;
		margin-right: 5px;
	}

	.sidebarTeaser {
		width:100%;
	}

	h2.sidebarTeaserTitle {
		font-size: 20px;
	}

	#sidebarTeaserContent img{
		width: 100%;
	}

	#tripPlannerButton {
		left: 546px;
	}

	#content{
		width: 768px;
	}

	#innerContentTop{
		height: 176px;
		width: auto;
	}

	#postContent{
		width: 559px;
	}

	.footer-nav ul li{
		width: 112px;
		margin-right: 10px;
	}

	#footerLogo{
		margin-right: 15px;
	}

	.footerAddress{
		margin-right: -15px;
	}

	#socialmedia{
		margin-left: 0px !important;
	}

	#homeLatestNews{
		width: 758px;
	}

	ul.headlines {
		width: 494px;
	}

	ul.headlines li {
		width: 100%;
	}

	/*slideshow*/

	.slideshow_slide .bx-window {
		height: 189px !important;
		width: auto !important;
	}

	.bx-wrapper, .bx-window{
		width: 768px;
	}

	.bx-pager {
		bottom: 12px;
	}

	#slideshow_wrap{
		height: 185px;
		width: 100%;
	}

	#slideshow_wrap ul li {
		width: 100%;
		height: auto;
	}

	.slide_left {
		width: 40%;
		height: 169px;
	}

	.head1, .head2, .head3, .head4, .head5, .head6, .head7, .head8{
		width: 100%;
		/*height: 169px;*/
	}

	.slide_image {
		width: 60%;
		height: auto;
	}

	.slide_image img {
		width: 500px;
		height: 207px;
	}

	#content .slide_left p{
		bottom: 5px;
	}

	.full{
		max-width: 546px;
	}

	.half{
		max-width: 546px;
	}

	#searchform {
		display: none;
	}

	#trip_planner_form_id fieldset.coordinates{
		width: 45%;
		margin-left: 5px;
	}

	#trip_planner_form_id fieldset.time{
		width: 42%;
		margin-right: 47px;
	}

	#trip_planner_form_id label.tripPlannerLabel{
		width: 92px;
	}

	#trip_planner_form_id input.currentLocation{
		height: auto;
	}

	#wprmenu_bar{
		z-index: 100;
	}
}

@media all and (max-width: 759px) {
	#innerContent {
		width: 430px;
	}

	#innerContentHeaderImage img {
		width: 640px;
		height: auto;
	}

	#content{
		width: 640px;
	}

	#tripPlannerButton {
		left: 450px;
	}

	#tripPlannerButton img {
		width: 165px;
	}

	#innerContent h1{
		font-size: 24px;
		margin-left: 0px;
	}

	.full{
		max-width: 416px;
		padding-left: 14px;
	}

	.half{
		max-width: 418px;
	}

	.breadcrumbs{
		margin-left: 0px;
	}

	#postContent{
		width: 100%;
	}

	.systemStatus{
		display: none;
	}
	#homeLatestNews {
		width: 629px;
	}
}

@media all and (max-width: 700px){/*, (max-device-width: 700px) {*/
	#innerContent {
		width: 314px;
	}

	#innerContentHeaderImage img {
		width: 480px;
		height: auto;
	}

	#homeLatestNews{
		width: 480px;
	}

	#tripPlannerButton {
		left: 322px;
	}

	#tripPlannerButton img {
		width: 135px;
	}

	#tripPlanner input.currentLocation{
		width: 312px;
	}

	fieldset.coordinates{
		width: 328px;
	}

	fieldset.time{
		width: 90px;
	}

	#tripPlanner{
		width: 450px;
	}

	#homeTripPlanner{
		width: 465px;
	}

	.home_teaser_wrap a h3{
		font-size: 22px;
	}

	.home_teaser_wrap a{
		width: 151px;
		height: 185px;
		padding: 0px;
	}

	.systemStatus{
		display: none;
	}

	#sidebarNavigation{
		width: 141px;
	}

	.sidebarTeaser img{
		max-width: 109px;
		height: auto;
	}

	#innerContentTop{
		height: 110px;
	}

	#content{
		width: 480px;
	}

	#innerContent h1{
		font-size: 20px;
	}

	.footer-nav ul li{
		width: 139px;
		margin-right: 10px;
	}

	.footer-nav ul{
		min-height: 110px;
	}

	#footerLogo{
		margin-right: 45px;
	}

	.footerAddress{
		margin-right: 8px;
	}

	#socialmedia{
		margin: 10px 0px 0px 28px !important;
		width: 232px !important;
	}

	.slide_image{
		display: none;
	}

	.slide_left{
		width: 480px;
	}

	.head1, .head2, .head3, .head4, .head5, .head6, .head7, .head8{
		width: 480px;
	}

	#homeLatestNews {
		width: 474px;
	}

	ul.headlines {
		width: 334px;
	}

	#footerContent {
		width: 480px;
	}

	#sidebarNavigation ul li {
		width: 141px;
	}

	.half{
		max-width: 300px;
		margin-left: 14px;
	}

	.full{
		padding-left: 0px;
		max-width: 314px;
	}

		#trip_planner_form_id{
		margin-top: 0px;
	}

	#trip_planner_form_id label.tripPlannerLabel{
		width: 89px;
	}

	#trip_planner_form_id input.currentLocation{
		width: 114px;
	}

	#trip_planner_form_id input#tr_time{
		width: 60px;
	}

	#trip_planner_form_id select.timeSelect{
		width: 82px;
	}

	#trip_planner_form_id fieldset.time{
		width: 51%;
		margin-right: 0px;
	}

	#trip_planner_form_id fieldset.coordinates{
		width: 46%;
	}
}

@media all and (max-width: 479px) {
	#innerContent {
		width: 289px;
		margin-left: 15px;
	}

	#innerContentHeaderImage img {
		width: 319px;
		height: auto;
	}

	#tripPlannerButton {
		left: 215px;
		top: -2px;
	}

	#tripPlannerButton img {
		width: 85px;
	}

	#tripPlanner input.currentLocation{
		width: 180px;
	}

	fieldset.coordinates{
		width: 190px;
	}

	fieldset.time{
		width: 74px;
	}

	#tripPlanner{
		width: 290px;
	}

	#tripPlanner input#tr_date{
		width: 70px;
	}

	#tripPlanner input#tr_time {
		width: 70px;
	}

	select.timeSelect{
		width: 74px;
	}

	#homeTripPlanner{
		width: 308px;
	}

	/*hide right column in left side column*/
	#rightCol-side{
		display: none;
	}

	#rightCol{
		display: block;
		width: 319px;
	}

	#sidebarNavigation{
		width: 141px;
		display: none;
	}

	.sidebarTeaser img{
		max-width: 100%;
		height: auto;
	}

	#content, #footerContent, #headerContent{
		width: 320px;
	}

	#innerContentTop{
		height: 73px;
	}

	.footer-nav ul li{
		width: 125px;
		margin-right: 10px;
	}

	#footerLogo{
		margin-right: 31px;
	}

	.footerAddress{
		margin-top: 0px;
	}

	#socialmedia{
		width: 220px !important;
	}

	.goog-te-gadget-simple .goog-te-menu-value span {
		font-size: 8px;
	}

	#utilityNavigation ul li {
		max-width: 48px;
		list-style: none;
		margin-left: 14px;
	}

	#homeLatestNews{
		display: none;
	}

	.head1, .head2, .head3, .head4, .head5, .head6, .head7, .head8{
		width: 320px;
	}

	.slide_left {
		width: 320px;
	}

	#slideshow_wrap ul li {
		width: 320px;
	}

	.full, .half{
		margin-left: 15px;
		max-width: 290px;
	}

	#translucentbkg{
		height: 185px;
	}

	#trip_planner_form_id fieldset.coordinates{
		width: 100%;
	}

	#trip_planner_form_id input.currentLocation{
		width: 193px;
	}

	#trip_planner_form_id fieldset.time{
		width: 100%;
	}

	#trip_planner_form_id .plannerBtn{
		margin-top: 5px;
	}
}