@charset "utf-8";

/* CSS styles for dunkeldlodges.co.uk by alano design, copyright 2009-2011, all rights reserved */

@media all {

html { height:100%; min-height:100%; margin-bottom: 1px; }
body { width:100%; padding:0; margin:0; text-align:center; color : #000; 
		font : 76% Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; line-height: 1.4em; }
a:link, a:visited	{ color: blue; text-decoration: underline; background-color: inherit; }
a:active, a:hover { color: red; background-color: inherit; text-decoration: underline; }
h1 { font-size:30px; padding: 0 0 0 30px; margin: 0; display: inline; width: 600px; line-height: 6px; height: 6px;}
h2 { font-size:120%; }
h3 { font-size:114%; margin-top: 22px; margin-bottom: 8px; }
p { margin-top: 4px; }

input, textarea { width: 300px; margin: 0 1em 0 0;}
table {	border-collapse: collapse; border-spacing:0; }
td { border: 1px solid black; margin: 0 20px; padding: 0 10px; vertical-align: top; }
th { border: 1px solid black; margin: 0 20px; padding: 0 10px; }
tr { padding:0 10px; margin:0 10px; }
ol { margin:0; padding: 0; list-style: none; }
ul { margin:0; padding: 0; list-style: none; }
li { margin:0 0 0.55em 0; padding: 0; list-style: none; }
ul.bulleted li { list-style: disc; list-style-position:inside; }
#activities_list li { list-style: disc; list-style-position:inside; line-height: 1.3em; }

label { display: block; width: 75px; padding-right: 20px; margin-bottom: 10px; float: left; }
input { width: 300px; float: left; margin-bottom: 10px; }
form br { clear: left; }

#feedback { }
#feedback tr td { border: none; }
#feedback_receipt { border: thin solid black; background-color: #D9FFDA; }
#feedback_receipt h3 { margin: 1em; }
#feedback_receipt p { margin: 1em; }

#mailChooserBlock { background-color: yellow; }
#mailChooserBlock label { width: 200px; margin: 0; padding: 0; }
#mailChooserBlock input { width: 20px; margin: 0; padding: 0; }
#submitform { margin-top: 2em; }

#inforequest { }
#inforequest tr td { border: none; }

/* Classes */

.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 1.2em; }

/* Block styles */

#attractions { float: left; width: 380px; margin: 0; padding: 0; }
#banner { top:0; width:100%; height:90px; margin:0; padding: 25px 0 0 0; background-color:#0f4f01; color:#FFFBE5; border-bottom:1px solid black; }
#content { border-left:1px solid black; min-height:100%; height:auto !important; float: right; width:600px; padding : 10px; background-color:#FFFBE5; } 
#footer { padding: 3px 0 3px 10px; clear: both; bottom: 0; background-color:#0f4f01; color:#FFFBE5; border-top:1px solid black; }
#footer img { float: right; border: none; margin: -6px 0 0 0; padding: 0; }
#mapping { float: right; width: 200px; margin: 0 0 0 1em; padding: 0; }
#menubar { min-height:100%; height:auto !important; float: left; width: 170px; margin:0; padding :0; 			background-color:#E1F3E5; }
#menubar #currentpage a { background: #0f4f01; color: #FFFBE5; }
#menubar #currentownerpage a { background: #008A00; color: #FFFBE5; }

#nav {clear:both; margin: 10px; padding: 10px; }
#wrapper { width:800px; margin:0 auto; padding:0; text-align:left; background-color: #E1F3E5; border:1px solid black; }
#members_left { float: left; width: 65%; }
#members_right { width: 30%; float: right; }

/* Blocky specifics */

#banner a img { border:none; }
#banner img { float:left; margin: -15px 15px 0 30px; }
#banner p { padding: 0; margin: 0 0 -12px 178px; line-height: 16px; height: 16px; }
#content img  {	border: 1px solid black; }
#footer a:link, #footer a:visited { color: #FFFFFF; background-color:#0f4f01; }
#footer a:hover, #footer a:active { color: yellow; background-color:#0f4f01; }
#banner a {	background-color:#0f4f01; color:#FFFBE5; }
#menubar a { display:block; padding: 6px 2px 6px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; 
		font-weight: bold; }
#menubar a:link, #menubar a:visited	{ color: black; text-decoration:none; color:#000000; background-color: #FFFFFF; }
#menubar a:active, #menubar a:hover { color: red; background-color:#FFFFFF; text-decoration:none; }
#menubar ul {margin: 10px 0; padding: 0 0 0 5px; }
#menubar ul li { background-color:white; border:1px solid black; margin: 3px; padding: 0; width: 160px; list-style-type:none; text-align: center; }
#menubar ul li.ownersubpage { border-left: 20px #0f4f01 solid; width: 140px; }
#sidebar { margin: 1em; }
#nav ul li { display: inline; border-right: 1px solid black; padding: 0 0.5em 0 0.25em;	}

#map_canvas {width:600px; height:400px;}

.update { color: red; font-weight: bold; background-color: white; }
.photocredit { float: right; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em; font-style:italic;  }
.smallcaption { font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em; font-style:italic;  }
.hilton {border: none; float: left; margin: 0 0.8em 0.4em 0; }
.top_cleared { clear: both; padding-top: 1em; }	
.right100 {float: right; width: 100px;}
.noborder {border: none;}
.right400 {float: right; width: 400px; margin: 0 0 1em 2em; padding: 0;}

/* Survey */

div.form_left {width: 302px; float: left; }
div.form_left input { float: left; margin-bottom: 3px; }
div.form_right {width: 100px; float: right; }
div.form_right input { width: 50px; float: left; margin-bottom: 3px; }
div.votingform { clear: both; margin: 0.4em 0; padding: 0.4em 0 0.4em 0; float: left; }
div.form_left input { float: left; margin-bottom: 3px; }
div.votingform label { display: block; width: 100%; padding-right: 20px; margin-bottom: 10px; }
div.votingform input { width: 100%; float: margin-bottom: 2px; clear: both; }
.hidden { display: none; }

input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; } 
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { clear:both;margin: 5px 0; padding: 5px;  background-color: #FF3300; color : #FFF; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; }
fieldset { padding: 1em; margin-bottom: 0.5em; background-color: #fefcf4;}
label { font-weight: bold; }
.form-row { clear: both; padding: 0.5em; }
.field-label {  }
.field-widget {  }
#survey_content { background-color:#FFFBE5; padding: 0 0 0 40px; margin: -10px 0 0; }

iframe { border:1px solid black; }
}

@media print {

html { 	margin: 0; border: none; }
body  { margin: 0; width: auto; padding: 0; float: none; background-image: none; background: transparent none; border: none;
	color : #000;  font: 11pt  "Times New Roman", Times, serif; }

#attractions  { float: left; width: 380px; margin: 0; padding: 0; } 
#banner { width: auto; margin: 0 5%; padding: 10pt 0 36pt 0; float: none; border: none; color: black; background-image: none;
   	background: transparent none; }
#content { width: auto; margin: 0 5%; padding: 0; float: none; border: none; color: black; text-align: justify; background-image: none;
   	background: transparent none; } 
#footer a, a:link, a:visited, a:hover, a:visited { color: #000;	text-decoration: none; 	}
#dunkeldping  { float: right; width: 200px; margin: 0 0 0 1em; padding: 0; }
#menubar { display: none; }
#footer { margin: 0; padding: 0; }
#wrapper { margin:0 auto; width: auto; padding:0; border: none; background: transparent none; }
#banner h1 { color: black; font-size: 18pt; margin: 0; }
#banner img { float:left; margin: 0; padding: 0 2em 0 0; }
#banner p { margin: 10pt 0 0 0; padding: 0; }
#footer a img { display: none; }

}