/*
    Copyright Notice ========================================================  
  
This file contains proprietary information of Alpine Internet Solutions. 
    Copying or reproduction without prior written approval is prohibited.   
  
Copyright (c) 2000-2006 ================================================= 

    Purpose: Site style definitions  
  
    @format.tab-size 4  
    @format.use-tabs true  
	
*/

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

/* zeroes margins and padding for all elements, eliminating cross-browser ambiguity */
/* ...currently commented out to make the templates easier to understand
...uncomment before starting design production */
* { 
margin: 0;
padding: 0;
}

body {
background: #90a2ad;
color: #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
text-align: center;
}

/* Semantic Content Styles */

/*	-------------------------------- 
	Unused for Adventure Office Content

 	h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	h3 {font-size: 16px;}
	h4 {font-size: 12px;}
	h5 {font-size: 11px;}
	h6 {font-size: 9px;}

	p {font-size: 12px;} 
---------------------------------- */

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {
color: #f00; 
text-decoration: underline;
}
a:hover {
color: #aaa; 
text-decoration: none;
}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {}
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;}
select {}
option {}
textarea {}

/* Layout Styles */
/* -------------------------------- */

div#wrapper {
margin: 7px auto 0 auto;
text-align: left;
width: 780px;
} 

div#headerTop {
height: 4px;
background: transparent url(../images/design/logo_top_01.gif) no-repeat;
background-position: 100px 0 !important;
background-position: 100px 9px;
}

div#headerWrapper {
overflow: hidden;
width: 780px;
height: 189px;
background: transparent url(../images/design/key_header_01.jpg) top left no-repeat;
}

div#header h1 {
position: absolute;
padding: 8px 0 0 44px;
}

div#header h1 a { 
display: block;
width: 180px;
height: 180px;
background: transparent url(../images/design/logo_sun_country_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}

div#contentWrapper {
width: 780px;
background: transparent url(../images/design/bg_main_01.gif) top left repeat-y;
}

div#contentMark {
background: transparent url(../images/design/bg_content_01.jpg) no-repeat;
background-position: 140px 0;
}

div#colNav {
height: 30px;
background: transparent url(../images/design/logo_bottom_01.gif) no-repeat;
background-position: 84px 0;
}

div#main {
min-height: 500px;
width: 760px;
margin-left: 10px;
}

/* -----------------------
	unused
div#colOne {
float: left;
width: 244px; 
min-height: 500px;
height: 500px;
}


html>body div#colTwo {
height: auto;
}
-------------------------- */

div#sidebar {
/*background-color: #FFD65D;*/
/*min-height: 500px;*/
/*background: #ffd65d url(../images/design/bg_sidebar_01.gif) bottom left no-repeat;*//*244*/
}

div#colTwo {
float: right;
width: 100%;/*516*/
min-height: 500px;
}

html>body div#colTwo {
height: auto;
}

/* Content Area Styles */
/* -------------------------------- */

div#content {
}
/*	-------------------------------- 
	Unused for Adventure Office Content

div#content p, div#content li {
font-family: verdana, arial;
font-size: 11px; 
line-height: 1.3em;
color: #000000;
}
div#content p {
padding: 5px 25px 5px 25px;

}
div#content p a, div#content li a {
color: #c30000;
text-decoration: underline;
}
div#content p a:hover, div#content li a:hover {
text-decoration: none;
}
div#content li {}

div#content ul, div#content ol {
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#content li {
padding: 0 0 5px 0;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
font-family: arial, verdana;
color: #000000;
line-height: 1.3em; 
padding: 5px 5px 5px 25px;}

div#content h1 {font-size: 18px;}
div#content h2 {font-size: 16px;}
div#content h3 {font-size: 14px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 11px;}
div#content h6 {font-size: 10px;}

div#content a {}
div#content a:hover {}

div#content form {}

div#content input {}
div#content select {}

----------------------------- */


/* sidebar styles */

div#sidebar p, div#sidebar li {
font-family: verdana, arial;
font-size: 11px; 
line-height: 1.3em;
color: #000000;
}
div#sidebar p {
padding: 5px 11px 5px 11px;

}
div#sidebar p a, div#sidebar li a {
color: #c30000;
text-decoration: underline;
}
div#sidebar p a:hover, div#sidebar li a:hover {
text-decoration: none;
}
div#sidebar li {}

div#sidebar ul, div#sidebar ol {
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#sidebar li {
padding: 0 0 5px 0;
}

div#sidebar h1, 
div#sidebar h2, 
div#sidebar h3, 
div#sidebar h4, 
div#sidebar h5, 
div#sidebar h6 {
line-height: 1.3em; 
padding: 5px 5px 5px 20px;
}

div#sidebar h5 {
padding: 0;
margin: 5px 0 5px 14px;
}
div#sidebar h5 a {
display: block;
width: 210px;
height: 24px;
background: transparent url(../images/design/sign_up_newsletter_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}
div#sidebar h5 a:hover {
background: transparent url(../images/design/sign_up_newsletter_02.gif) top left no-repeat;
}

div#sidebar h6 {
display: block;
width: 225px;
height: 11px;
background: transparent url(../images/design/call_now_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
padding: 0;
margin: 5px 0 5px 7px;
}

div#sidebar h1 {font-size: 16px;}
div#sidebar h2 {font-size: 15px;}
div#sidebar h3 {font-size: 14px;}
div#sidebar h4 {font-size: 12px;}
div#sidebar h5 {font-size: 11px;}
div#sidebar h6 {font-size: 10px;}

div#sidebar a {}
div#sidebar a:hover {}

div#sidebar form {}

div#sidebar input {}
div#sidebar select {}

/* footer styles */

div#footer {
height: 90px;
clear: both;
background: transparent url(../images/design/bg_footer_01.gif) bottom left no-repeat;
}
div#footer p {
font-family: verdana, arial;
font-size: 10px;
color: #000000;
text-align: center;
padding: 3px 0 2px 0;
}
div#footer a {}
div#footer a:hover {}

/* Navigation Styles */
/* -------------------------------- */

div#topNav {
height: 30px;
width: 760px;
background: #7dcbb7 url(../images/design/logo_bottom_01.gif) no-repeat;
background-position: 74px 0;
margin-left: 10px;
}
div#topNav ul {
padding: 8px 0 0 260px;
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
margin: 0 0 0 10px;
}

div#topNav ul li a {
font-family: arial, verdana;
font-size: 12px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 0 10px 0 0;
}

/* "currently on" and "hover" states */

div#topNav ul li a:hover,
div#topNav ul li:hover a,
div#topNav ul li.sfhover a,
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #000000;
}
div#topNav ul li a:hover,
div#topNav ul li.sfhover a {
color: #ffffff;
}

div#topNav ul ul {
padding: 0;
position: absolute;
left: -9999px;
width: 214px;
z-index: 100;
border-top: 2px solid #000000;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-bottom: 1px solid #000000;
/* background-color: #f00; */
}

div#topNav ul ul ul {
margin: -1.9em 0 0 148px;
}
div#topNav ul ul li {
display: inline;
float: none;
margin: 0;
}
div#topNav ul ul li a {
display: block;
padding: 5px;
width: 204px;
text-transform: none;
background: transparent url(../images/design/bg_nav_01.gif) top left repeat-x;
border-bottom: 1px solid #000000;
}
div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
width: 204px;
background-color: #f6f6f6;
color: #ffffff;
}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul,
div#topNav li:hover ul ul ul,
div#topNav li.sfhover ul ul ul,
div#topNav li:hover ul ul ul ul,
div#topNav li.sfhover ul ul ul ul {
left: -9999px;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul,
div#topNav li li li:hover ul,
div#topNav li li li.sfhover ul,
div#topNav li li li li:hover ul,
div#topNav li li li li.sfhover ul {
left: auto;
}

div#footerNav {
padding: 2px 0 4px 0;
}
div#footerNav ul {
list-style: none; 
text-align: center;
}
div#footerNav ul li {
font-family: verdana, arial;
font-size: 10px;
display: inline; 
/* padding: 0 3px 0 3px; */
}
div#footerNav ul li a {
color: #000000;
text-decoration: none;
}
div#footerNav ul li a:hover {
text-decoration: underline; 
}

div#breadcrumbs {
padding: 0;
padding-top: 8px;
margin-bottom: 10px;
font-size: 10px;
}
div#breadcrumbs ul {
list-style: none;
display: inline;
margin: 0 0 0 21px;
}
div#breadcrumbs ul li {
display: inline;
background: url(../images/design/arrow_01.gif) center right no-repeat;
padding: 2px 10px 4px 4px;
text-indent: -18px;
}
div#breadcrumbs li.current {
background: 0;
}
div#breadcrumbs ul li a {
font-family: verdana, arial;
font-size: 10px;
color: #000000;
text-decoration: none;
}
div#breadcrumbs ul li a:hover {
text-decoration: underline;
}

/* Search Results Styles */
/* these are good basic styles, and are rarely customized */
/* -------------------------------- */

div#searchResults {}
div#searchResults ol {}
div#searchResults ol li {}

div.searchResult {}
div.searchResult a {}
div.searchResult span.description {}
div.searchResult span.updated {}
div.searchResult span.location {}
div.searchResult span.score {}

div#searchRelated {float: right; clear: right; width: 150px;}
div#searchRelated span.description {}

/* Print and Email Styles */
/* styles for "print this page" and "email this page" container, links */
/* -------------------------------- */

div#pande {}
div#pande p {
padding: 0 4px 0px 4px;
text-align: center;
}
div#pande p a {
font-family: verdana, arial;
font-size: 10px;
color: #000000;
text-decoration: none;
}
div#pande p a:hover {
text-decoration: underline;
}

/* Common Styles */
/* aside from .current, .designed and .powered, these are never changed.  never ever. */
/* -------------------------------- */

.current {}
.powered {
text-align: center; 
padding: 6px;
}
.designed {}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/* Debugging Styles */
/* heavy-handed spacing and bordering styles for diagnosing display problems. absurdly useful */
/* -------------------------------- */

/* 
td {margin: 2px; padding: 2px; border: 1px solid #c00;}
li {margin: 2px; padding: 2px; border: 1px solid #0c0;}
div {margin: 2px; padding: 2px; border: 1px solid #00c;}
*/