/*This is the core style sheet of the site.*/

head {
	height: 100% 
}

body {
font-size: 1.5em;
margin: 0em;
background-repeat: repeat-y;
height: 100%;
padding: 0em;
}

#maincontainer{
	
}

#header {
border-bottom: 1px #000000 solid;
height: 130px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
font-size: 1.8em;
text-align: center;
font-weight: bold;
background-repeat: repeat-x;
background-image: url('/images/banner_bg.jpg');
background-color: #e7f7ff;
color: #060d9b;
}

#contentwrapper{
float: left;
width: 100%;
}

@media screen and (min-width: 768px)
{
    #responsive_ad{
     display: none;
    }
    
    #rightcolumn{
    float: left;
    width: 250px; /*Width of right column in pixels*/
    margin-left: -250px; /*Set margin to -(RightColumnWidth)*/
    display: block;
    }

    #main-text {
    border-top: 1px;
    border-left: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    border-right: 1px #000000 solid;
    margin-right: 250px;
    padding: 10px;
    background-color: #ffffff;
    }
}

@media screen and (max-width: 767px)
{
    #rightcolumn{
        display: none;
    }
    
    #responsive_ad{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 2px;
    }

    #main-text {
    border-top: 1px;
    border-left: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    border-right: 1px #000000 solid;
    padding: 10px;
    background-color: #ffffff;
    }
}

#app{
    background-color: #ffffff;
    text-align: center;
    font-size: 0.8em;
}

#gooutdoors{
    background-color: #ffffff;
    text-align: center;
    font-size: 0.8em;
    width: 100%;
    margin-top: 5px;
}

.dialog{
	font-size:0.2em;
}

#main-text-dialog {
padding-top: 10px;
align: center;
}

h1 {
font-size: 1.2em;
font-style: italic; 
}

h2 {
font-size: 1.1em;
text-align: left;
font-style: italic;
clear: both;
border-width: 1px;
border-style: solid;
padding: 10px;
}

h3 {
font-size: 1.0em;
text-align: left;
font-style: italic;
}

p {
font-size: 0.8em;
text-align: justify;
line-height: 1.3em; 
margin-top: 2px;
}

li{
	font-size: 0.8em;
	text-align: left;
	line-height: 1.3em;
}

footer.footer {
font-size: 0.7em;
text-align: center;
}

a {}

a:link {
text-decoration: none; }

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}

input.contact, textarea.contact, #search_box {
        width: 65%;
        padding:0; 
        margin:0 
    }
    
    input.captcha{
        width: 75px;
    }

select, textarea {
border: 1px solid #1d0ac1;
}

textarea {
  overflow: auto;
}

form {
margin: 0;
padding: 0;
}

form fieldset {
clear: both;
padding: 10px;
}

form div {
clear: left;
display: block;
margin: 5px 0 0 0;
padding: 1px 3px;
}

form div label {
display: block;
float: left;
width: 25%;
padding: 3px 5px;
margin: 0 0 5px 0;
text-align: right;
}

.form_instruction{
font-size: 0.7em;
}

form div.optional label, label.optional, form span.optional label {
font-weight: normal;
font-size: 0.8em;
}

form div.required label, label.required {
font-weight: bold;
font-size: 0.8em;
}

span.modtext{
font-size: 0.8em;
}

div.errorMessage, span.errorMessage, div.errorNotice{
font-size: 0.8em;
color: #fb0015;
}

div.formErrorMessage, span.formErrorMessage{
font-size: 0.8em;
display: inline;
}

div.warningMessage, div.warningNotice{
font-size: 0.8em;
color: #ff6f00;
}

div.successMessage, div.successNotice{
font-size: 0.8em;
color: #219b12;
}

div.message, div.normalNotice{
font-size: 0.8em;
color: #fb0015;
}

img{
border-style: none;
}

div.nojavascript{
display: block;
}

.yesjavascript{
display: none;
}

.fb-like{
	margin-top: 2px;
	margin-bottom: 2px;
	valign: middle;
}

div.map_canvas_full{
	width:100%;
	height:450px;
}

div.route_wrapper{
	width: 100%;
	border: 1px solid black;
    overflow: hidden;
}

div.routes ul {
	list-style: none;
	margin-left: 0;
	list-style-image: url('/images/foot.gif');
	}
	
div.routes h3{
	margin-left: 5px;
}

@media screen and (min-width: 768px)
{
    div#area_details{
        margin-left: 52%;
    }
    
    div#gallery{
        float: left;
        width: 50%;
        height: 375px;
    }       
    
    div.map_canvas_section{
        width:50%;
        height:300px;
        float: left;
    }
    
    div.routes{
        float: right;
        width: 50%;
    }
    
    div#route_map{
        margin-left: 52%;
    }
    
    div#weather_widget{
        margin-left: 52%;
        margin-top: 5px;
    }
    
    div#about_photo{
        margin-left: 52%;
        margin-top: 18px;
    }
}

@media screen and (max-width: 767px)
{
    div#area_details{
        clear: both;
        margin-left: 5px;
    }
    
    div#gallery{
        width: 100%;
        height: 375px;
    } 
    
    div.map_canvas_section{
        width:100%;
        height:300px;
    }
    
    div.routes{
        clear: both;
        margin-left: 5px;
    }
    
    div#route_map{
        clear: both;
    }
    
    div#weather_widget{
        clear: both;
        margin-top: 5px;
    }
    
    div#about_photo{
        display: none;
    }
    
}

div.area_wrapper{
	width: 100%;
	border: 1px solid black;
	min-height: 375px;
}

div.route_wrapper{
	width: 100%;
	border: 1px solid black;
}

div.map_canvas_route{
	height:300px;
}

div#peak_list{
	width: 100%;
}

div.peak{
	width: 100%;
}

div.peak_number{
	display: inline-block;
	font-size: 0.8em;
	width: 20px;
}

div.peak_image{
	display: inline-block;
	width: 20px;
}

div.peak_height{
	display: inline-block;
	font-size: 0.8em;
	width: 50px;
}

div.peak_name{
	display: inline;
	font-size: 0.8em;
}

table.translations{
	font-size: 0.8em;
	border: 1px solid black;
	border-collapse:collapse;
}

table.translations td, table.translations th{
	border: 1px solid black;
	padding: 3px;
}

table.route_description{
	font-size: 0.8em;
	border: 1px solid black;
	border-collapse:collapse;
}

table.route_description td, table.route_description th{
	border: 1px solid black;
	padding: 10px;
}

table.translations td.route{
	width: 371px;
}

table.translations td.date{
	width: 61px;
}

label.error {
color: red;
margin-top: 0px;
width: 500px;
float: right;
}

iframe.quiz_iframe{
	
}

div.quiz{
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid black;
	width: 500px;
}

span.question_number{
	font-size: 0.8em;
}

div#quiz_answers{
	width: 100%;
}

div#quiz_results{
	width: 100%;
}

p.results_text{
	text-align: center;
}

div#photostream{
	margin-top: 2px;
	margin-bottom: 2px;
}

.navbar { background-color: #E7F7FF}
.navbar .navbar-nav>.active>a:hover,.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background-color: #EEFBC8}
.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus { background-color: #EEFBC8}
.dropdown-menu>li, .dropdown-menu { background-color: #E7F7FF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #EEFBC8}
.navbar { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar { border-color: #080808}
.navbar .navbar-brand { color: #FFFFFF}
.navbar .navbar-brand:hover { color: #FFFFFF}
.navbar .navbar-nav>li>a { color: #2D17DC}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { color: #2D17DC}
.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus { color: #2D17DC}
.navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav>.active>a:focus { color: #2D17DC}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #2D17DC}
.navbar .navbar-nav>.dropdown>a .caret { border-top-color: #2D17DC}
.navbar .navbar-nav>.dropdown>a:hover .caret { border-top-color: #2D17DC}
.navbar .navbar-nav>.dropdown>a .caret { border-bottom-color: #2D17DC}
.navbar .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #2D17DC}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li {
  background-color: #E7F7FF; 
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #2D17DC;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #EEFBC8;
    color: #2D17DC;
}

body{
	background-color: #e7f7ff;
	color: #000000;
}

body{
background-image: url('/images/main_bg.gif');
}


h1{
	text-align: left;
    color: #060d9b;
}

h2, form fieldset{
	border-color: #1d0ac1;
    color: #060d9b;
}

form fieldset legend {
	color: #000000;
}

hr.separator{
	color: #1d0ac1;
}

.addthis_sharing_toolbox{
    margin-top: 5px;
}