/*****************************
  COMMENTS: Stylesheet for Freemasons.
*/

/** DEFAULT LAYOUT DIV styles */
#frame {  margin-left: 20px; width: 760px; border: 1px solid #000000; background: #FFFFFF url("../../images/main_bg.gif") repeat-y bottom left;}
#frameInner {  margin-left: 20px; width: 760px; border: 1px solid #000000; background: #FFFFFF url("../../images/mainInner_bg.gif") repeat-y bottom left;}
#header { width: 760px; height: 90px; background:#CCCCCC; height: 138px; background: #3B488D url("../../images/nav_bg.jpg") no-repeat bottom left;}
#header img { margin: 0 0 -1 0px;}
#columnLeft { float: left; width: 156px; min-height:412px;}
#enclose { float:right; width:604px;}
#columnMain { float: left; width: 447px; padding: 15 10 0 5px;}
html>body #columnMain { width: 432px;}
#columnMain img { margin: 15 0 15 0px;}
#columnMainInner { float: left; width: 589px; padding: 15 10 0 5px;}
html>body #columnMainInner { width: 574px;}
#columnMainInner img { margin: 15 15 15 15px;}
#columnRight { float: right; width: 157px; padding: 10 8 10 9px;}
html>body #columnRight { width: 140px;}
#footer { padding-top: 1em;}
#footerLeft { float: left; width: 603px; padding: 0 0 0 156px;}
html>body #footerLeft { width: 447px;}
#footerRight { float: right; width: 157px; text-align: center;}
#utilities { padding: 0 5 0 12px; color: #FF9933; float:right;}

#advert { width: 140px; padding: 10 8 8 8px; color: #003366; }
html>body #advert { width: 124px;}
#advertImg { text-align: center;}

#map td {
	margin: 0px;
	padding: 0px;
}
#map img {
	margin: 0px;
	padding: 0px;
}

.searchAgain { padding: 7px; }
.lodgeResultsHead { font-size: 14px; color: #FFFFFF; font-weight: bold; }
.tableHead { font-size: 14px; font-style: italic; }
.regionHead { font-size: 14px; font-weight: bold; }
#lodgeResults {
	/*text-transform: capitalize;*/
}
#lodgeResults td{
	padding: 5 5 5 5px;
}
/* MAIN MENU NAVIGATION styles */
#nav{
	clear: both;
	width: 604px;
	height: 25px;
	padding: 0px;
	margin:0 0 0 156px;
	/*background-color: #000000;*/
}
html>body #nav{
	margin: 3 0 0 156px;
}
#nav img{
	margin: 0 -2 -4 -1px;
	padding: 0px;
}
#nav ul {
	border-left: 1px solid #FFFFFF;
	padding: 0px; 
	margin: 2 0 0 0px;
    height: 25px;
}
html>body #nav ul {
	padding: 2 0 0 0px;
	height: 22px;
}
#nav ul li {
	list-style: none;
	display: inline;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}
#nav ul li a {
	border-right: 1px solid #FFFFFF;
	padding: 2 6 6 6;
	margin: 1 -3 0 0px;
	height: 25px;
	/*background: #000000;*/
	font: 14px Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #FFFFFF;
}
#nav ul li a#current {
	color: #FFFFFF;
	background: #808BBB; 
}
#nav li a:hover{
	background: #808BBB; 
}


/** LINK styles */

/* STANDARD LINK styles */
a {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #B69115;
}
a:link {
	color: #B69115;
}
a:visited {
	color: #B69115;
}
a:active {
	color: #B69115;
}
a:hover {
	text-decoration: underline;
}

/* BREADCRUMB LINK styles */
#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9933;
	margin: 0 0 10 0px;
}
#breadcrumbs a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #FF9933;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* FOOTER links */
#footer a {
	margin: 0px;
	padding: 0px;
	text-transform: none;
	font-size: 11px;
	color: #003366;
}
#footer a:hover {
	text-decoration: underline;
}
#footerLeft a{
	color: #C50E0E;
}
#footerLeft a:hover{
	color: #A40F0F;
	text-decoration: underline;
}
/** Utilities */
#utilities a {
	font-size: 9px;
	margin: 2 2 0 0;
	text-transform: uppercase;
	color: #FF9933;
}


/** INCLUDE TEMPLATE styles */

/* CALENDAR */
.calendarRow{ 
	clear:both;
}
.calendarDayHeading{ 
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>;
	color:<cfoutput>#developer.lightColour#</cfoutput>;	
	width: 81px;
	height: 25px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: #000000; /*<cfoutput>#developer.keylineDarkColour#</cfoutput>;*/
	color:<cfoutput>#developer.lightColour#</cfoutput>;
	width: 81px;
	height: 85px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay_away{
	background-color: #003366; /*<cfoutput>#developer.headingsColour#</cfoutput>;*/
	color: #FFFFFF;
}
.calendarDay_home{
	background-color: #E0C46D; /*<cfoutput>#developer.linkColour#</cfoutput>;*/
	color: #FFFFFF;
}
.calendarDay_home a:link{
	color: #FFFFFF;
}
.calendarDay_home a:visited{
	color: #FFFFFF;
}
.calendarDay_home a:hover{
	color: #FFFFFF;
}
.calendarDay_away a:link{
	color: #FFFFFF;
}
.calendarDay_away a:visited{
	color: #FFFFFF;
}
.calendarDay_away a:hover{
	color: #FFFFFF;
}
/* CONTACT FORM */
#contactForm{
	width: 290px;
	border: 1px solid #1B265C;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #1B265C;
}
.formRow{
	width: 280px;
	height: 18px;
	margin: 5 2 5 2px;
	clear: both;
}
.fieldName{
	width: 80px;
	float: left;
	padding: 3 2 3 2px;
	text-align: right;
}
.field{
	width: 190px;
	float: right;
	padding: 2px;
	text-align: left;
}
.formHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}
.tableHeading{
	height: 20px;
	background: #1B265C;
}
.tableHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}

/* SELECTOR STYLES */
/* -------------------------------------------------------------------------------------- */

body{
	padding:0px;
	margin:0px;
	background: #003366;
color: #003366;
}

div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #11245F;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B408D;
	padding: 0px;
	margin: 5 0 10 0;
}
h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B408D;
	padding: 0px;
	margin: 10 0 5 0;
}
p,td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
ul{
	margin: 0 0 0 26;
	padding: 4 5px;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
img{
	border:0px;
	margin: 0px;
	padding: 0px;
}

/** FORM styles */
form{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
form.searchBox{
	padding: 0px;
	margin: 0 0 1 0px;
	border: 0px;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 2 0 1 0px;
	border: 1px solid #000000;
	vertical-align: top;
	background-color: #FFFFFF;
}
input.lge{
	width: 140px;
	color: #666666;
	background-color: #FFFFFF;
}
input.med{
	width: 126px;
	color: #666666;
	background-color: #FFFFFF;
border: 1px solid #003366;
}
.medbodytext{
border: 1px solid #003366;
}
input.sml{
	width: 70px;
	color: #666666;
	background-color: #FFFFFF;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 180px;
	border: 0px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #D9B74E;
	background-color: #FFFFFF;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #E0C46D;
	border-top-color: #D9B74E;
	border-right-color: #D9B74E;
	border-bottom-color: #D9B74E;
	border-left-color: #D9B74E;
	padding: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
input.imageButton{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background: #1B265C;
	border: 1px solid #CCCCCC;
}

/** MISCELLANEOUS styles */

.boxBacking {
	background-color:#FFFFFF;
}
.boxHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#FFFFFF;
	color: #FFFFFF;
}
.searchHeading {
	font-size: 14px;
	font-weight: bold;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}