@charset "utf-8";
body {
	background-color: #0c3452;
	font-family: "Palatino Linotype", serif;
/*	font-size: 12px; rely on Foundation? */
	color: #FFFFFF;
}
h1, h2, h3, h4, h5 {
	color: #FFFFFF;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size: 14px;
}

.borderaround {
/* border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
border-bottom-color: #FFFFFF;
border-right-color: #FFFFFF;  */

border: 1px solid #FFFFFF;

}

.borderleft {
border-color: #1b4161 #1b4161 #1b4161 white; 
}

.bordernone {
	/* border-color:  #1b4161 #1b4161 #1b4161 #1b4161; 
	/* border: 1 1 1 1; */
	border: 0px;
}
.bordertop {
	/* border-color: #FFFFFF #1b4161 #1b4161 #1b4161; */
}

a , a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	border: 1px;
	border-color: #FFFFFF; /* #1b4161;*/
}
a:hover, a:active{
	color: #778AE3;
	border: 1px;
	border-color: #778AE3;

}
a: active {

}
.imglink {
	border: 1px;
	border-color: #FFFFFF;
}
.imglink:hover {
	border-color: #778AE3;
}

.my-menu-item {
	/*float: left; */
	text-align: center;
	/*width: 20%;*/
}
.myheader-image {
	margins: 0 auto 0 auto;
	text-align: center;
}
.mymenubar {
	background-color:green;
}
.mycenter {
	margin: 0 auto 0 auto inherit;
}

.mypicbox, .mypicboxright, .mypicboxcenter {
	font-size: smaller;
	color: #CCCCCC;
	float: left;
	padding: 0 5px 0 5px;
	/*background-color:#E6E9EC;*/
}
.mypicboxright {
	float: right;
}
.mypicboxcenter {
	margin: 0 8% 0 8%; /* note: this is for pics 500px wide */
}
.picbox {
/*	background-color:#AECBFF;
	background-color:#FFFFFF; */
	color:#000033;
	color:#DDDDDD;
	padding: 5px 15px 5px 10px;
	height:auto;
	width: auto;
	overflow:visible;
	font-size: smaller;
	font-style:italic;
}
/* //STUFF FOR FOUNDATION - SCSS version

// Background color for the top bar
$topbar-bg-color: $oil;
$topbar-bg: $topbar-bg-color;

// Height and margin
$topbar-height: rem-calc(45);
$topbar-margin-bottom: 0;

// Controlling the styles for the title in the top bar
$topbar-title-weight: $font-weight-normal;
$topbar-title-font-size: rem-calc(17);

// Style the top bar dropdown elements
$topbar-dropdown-bg: $oil;
$topbar-dropdown-link-color: $white;
$topbar-dropdown-link-bg: $oil;
$topbar-dropdown-link-bg-hover: $oil;
$topbar-dropdown-link-weight: $font-weight-normal;
$topbar-dropdown-toggle-size: 5px;
$topbar-dropdown-toggle-color: $white;
$topbar-dropdown-toggle-alpha: 0.4;

// Set the link colors and styles for top-level nav
$topbar-link-color: $white;
$topbar-link-color-hover: $white;
$topbar-link-color-active: $white;
$topbar-link-color-active-hover: $white;
$topbar-link-weight: $font-weight-normal;
$topbar-link-font-size: rem-calc(13);
$topbar-link-hover-lightness: -10%; // Darken by 10%
$topbar-link-bg: $topbar-bg;
$topbar-link-bg-hover: $oil;
$topbar-link-bg-color-hover: $charcoal;
$topbar-link-bg-active: $primary-color;
$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
$topbar-link-font-family: $body-font-family;
$topbar-link-text-transform: none;
$topbar-link-padding: $topbar-height / 3;
$topbar-back-link-size: $h5-font-size;
$topbar-link-dropdown-padding: 20px;
$topbar-button-font-size: 0.75rem;
$topbar-button-top: 7px;

$topbar-dropdown-label-color: $monsoon;
$topbar-dropdown-label-text-transform: uppercase;
$topbar-dropdown-label-font-weight: $font-weight-bold;
$topbar-dropdown-label-font-size: rem-calc(10);
$topbar-dropdown-label-bg: $oil;

// Top menu icon styles
$topbar-menu-link-transform: uppercase;
$topbar-menu-link-font-size: rem-calc(13);
$topbar-menu-link-weight: $font-weight-bold;
$topbar-menu-link-color: $white;
$topbar-menu-icon-color: $white;
$topbar-menu-link-color-toggled: $jumbo;
$topbar-menu-icon-color-toggled: $jumbo;
$topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon

// Transitions and breakpoint styles
$topbar-transition-speed: 300ms;
// Using rem-calc for the below breakpoint causes issues with top bar
$topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
$topbar-media-query: $medium-up;

// Divider Styles
$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);

// Sticky Class
$topbar-sticky-class: ".sticky";
$topbar-arrows: true; //Set false to remove the triangle icon from the menu item */

/* FOR MENUBAR */
.topbar-bg-color {
	background-color:#CCFF00 !important;
}

.topbar-bg {
	background-color:#F9C !important;
}
.top-bar {
	background-color:#993399 !important;
}
.top-bar-section {
	background-color: #096 !important;
}
.top-bar-section.right {
	background-color:#CC99FF !important;
}
.contain-to-grid {
	background-color:#66FF66 !important;
}
.top-bar-section li {
	background-color:#993333 !important;
}
.title-area.name {
	background-color:#FFFF66 !important;
}
.top-bar-section ul {
	background-color:#030 !important;
}

/* New for Foundation - From CCRentals */
.mypanel {
/*	background-color: #FFF6D5;
	background-color:#1A4160;
	border: none; */
	background-color:#2D71A8;
	background-color:#0c3452;
	color: #FFFFFF !important;
	border: thin 2px !important;
	border-color: #FFFFFF !important;
}

.myblockquote {
	border: none;
	color: #FFFFFF !important;
}

.button {
	background-color:#0c3452 !important;
}
.button:hover {
	background-color:#FFCC33;
	background-color:#000033 !important;
	color: #000000 !important;
	color: white !important;

}
.contain-to-grid, .top-bar, .top-bar li , .title-area li, .mymenu, .mymenu li {
	background-color: #993300;
	background-color: #C69 !important; /* works for main bar, but not menu items */
	background: #C69 !important;
	background: #0c3452 !important;
	color: red !important; /* no effect */
}
/*
 .name, .top-bar-section li, .top-bar-section ul, .left ul, .left li, .right li {
	background-color: #0c3452;
}
.top-bar-section  {
	background-color: #0c3452 !important;
}

.top-bar-section.left li, .top-bar-section .left li {
	background-color: #0c3452;
}
.top-bar-section.left ul, .top-bar-section .left ul {
	background-color: #0c3452;
}
*/
.top-bar a:hover, .dropdown a:hover, .has-dropdown a:hover, .active a:hover, .top-bar-section a:hover, h1 a:hover {
	color: #000000 !important; /* borrowed from hospice... */
	color: white !important;
	background-color: #000033 !important; /* these work */
}
.top-bar li:hover , .name li:hover {
	background-color:#FFCC33;
	background-color:#000033 !important;
	color: #000000 !important;
	color: white !important;
}	
/*.contain-to-grid .top-bar {
	background-color:#FFCC33;
	background-color:#000033;
	color: #000000;
}*/

.top-bar   {
	background: #0c3452 !important;
	font-weight:bold !important;
}
.top-bar-section ul li {
	background: #0c3452 !important;
	font-weight:bold !important;
}
.top-bar-section li:not(.has-form) a:not(.button):hover  {
	background: #000033 !important;
	color: white;
}

@media only screen and (min-width: 40.063em) {
.top-bar   {
	background: #0c3452 !important;
	font-weight:bold !important;
}	
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #0c3452 !important;
	font-weight:bold !important;
}	
/*.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #0c3452 !important;
}	*/

.mytable {
	background-color:#0FF !important;
}

.innerarea {
	background-color:#1A4160 !important;
	background-color:#205077 !important;
}

}