/* --- Global Styles --- */

html, body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    height: 100%;
}

body 
{
    background: #344256 url(images/page_bg_fade_summer.jpg) no-repeat center top;
	width: 100%;
}
/*{body winter 
    background: #344256 url(images/page_bg_gradient-blue-winterBIG2.jpg) no-repeat center top;
	width: 100%;
	}
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#siteWrapper
{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    background: #fff;
}

#footerNav, #footerCont 
{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
	padding: 15px;
	padding-right: 15px;
}

#footerCont 
{
    color: #fff;
}

#slogan 
{
    position: absolute;
    top: 165px;
    left: 380px;
}

#slogan2 
{
    position: absolute;
    top: 0px;
    left: 520px;
}

#checkButton 
{
    position: absolute;
    top: 255px;
    left: 805px;
}

.content_blueBG 
{
    padding: 5px;
    background: #5b7aa7 url(images/blue_bg2.gif) repeat-x bottom left;
}

.content_blueBG2
{
    padding: 10px;
    background: #5b7aa7 url(images/blue_bg2.gif) repeat-x bottom left;
    min-height: 170px;
    color: #d0e1fe;
    font-size: small;
}

.content_blueBG2 img
{
    border: 2px solid white;
}

#plantripBox 
{
    border: 1px solid #adbdd3;
    padding-bottom: 35px;
	/* this extra large padding is important! It keeps the border of this div below the check availability button */
	background: #7a94b8;
}

#plantripBox h2 {
    margin: 0px;
	background: #5b7aa7;
    font-family: Georgia;
    color: #fff;
    font-size: 14pt;
    font-weight: normal;
    padding: 3px 7px 5px 7px;
	border-bottom: 1px solid #adbdd3;
}

.plantriptxt ul, .plantriptxt {
	margin: 0px;
	padding: 0px;
}

.plantriptxt {
	padding-top: 5px;
}

.plantriptxt li {
	list-style: none;
}

.plantriptxt a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	display: block;
	height: 18px;
}

.plantriptxt a:hover {
	color: #ECECEC;
	background: #5b7aa7;
}


/* --- Main Nav --- */

#mainNav 
{
    padding: 5px;
    background: #d1e2ff url(images/nav_bg.gif) repeat-x bottom left;
}

#mainNavCont 
{
    border: 1px solid #e8f1ff;
} 


#mainNavCont ul {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    color: #38497b;
}

#mainNavCont li {
    list-style: none;
    line-height: 32px;
    margin: 0px !important;
    text-transform: uppercase;
}

#mainNavCont li span 
{    
}

#mainNavCont a {
    text-decoration: none;
    display: block;
    color: #38497b;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    padding-left: 20px;
}

#mainNavCont .on a {
    color: #b08d23;
    background: url(images/nav_hover.gif) repeat-x top left;
}

#mainNavCont a:hover {
    color: #3376ce;
    background: url(images/nav_hover.gif) no-repeat left 1px;
}

/* this class must be after the #mainNavCont a:hover to work correctly */

#mainNavCont .on a:hover {
    
}

/* *** end nav styles *** */


.blueBar 
{
    height: 44px;
    background: url(images/bluebar_bg.gif) repeat-x bottom left;
    text-align: center;
    font-family: Georgia;
    font-size: 16pt;
    color: #fff;
    letter-spacing: 1px;
}

.content {
    padding: 15px;
}
h1 {
    font-family: Georgia;
    color: #3e5e8b;
    font-size: 18pt;
    font-weight: normal;
	border-bottom: 1px dotted #888888;
}

h2 {
    font-family: Georgia;
    color: #666666;   /*#98a9c1*/
    font-size: 16pt;
    font-weight: normal;
}

h3{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #3e5e8b;
    font-size: 12pt;
    font-weight: bold;
}

/* *** footer nav styles *** */

#footerNav ul {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    color: #38497b;
}

#footerNav li {
    list-style: none;
    margin: 0px !important;
    float: left;
    padding-right: 15px;
}

#footerNav li span 
{    
}

#footerNav a {
    text-decoration: none;
    display: block;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    padding: 3px 7px 3px 7px;
    border: 1px solid transparent;
	font-weight: bold;
}

#footerNav .on a {
    color: #b08d23;
    background: url(images/nav_hover.gif) repeat-x top left;
}

#footerNav a:hover {
    color: #214271;
    background: #fff;
    border: 1px solid #77a8eb;
}

/* this class must be after the #mainNavCont a:hover to work correctly */

#footerNav .on a:hover {
    
}

/* *** end nav styles *** */

table.rates td {
	padding: 3px !important;
}

table.rates td {
	text-align: center;
    vertical-align: middle; 
}

table.rates th {
	background-color: #cccccc;
	text-align: center;
	font-weight: bold;
	padding: 3px;
}
.blueleft {
	background-color: #4d6d9a;
}
.red {
	color: #FF0000;
}
.wh {
	color: #FFFFFF;
}

#hugeGallery img{
	border: none;
}