/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: Royal Arch
  AUTHOR: Cherie Proctor
  CREATED: 18/07/05
  COMMENTS: Stylesheet for Royal Arch.
*/

/** DEFAULT LAYOUT DIV styles */
#header { width: 780px; height: 109px; background:#DD3615; border: #552F0C 1px solid;}
html>body #header { width: 778px; height: 107px;}
#headerGap { width: 780px; height: 20px;}

#frame { width: 780px;}
#menu { width: 780px; height: 25px; background:#663471;}
html>body #menu { height: 27px;}

#contentHome { float:left; width:780px; background:#FBF0B3; border: #552F0C 1px solid; padding: 15 15 5 15px;}
html>body #contentHome { width: 748px;}

#content { float:left; width:780px; background:#FBF0B3; border: #552F0C 1px solid; padding: 15 15 5 15px;}
html>body #content { width: 748px;}
#content img { margin: 10 15 10 15px; border: #552F0C 1px solid;}

#footer { padding-top: 1em; font: 10px Arial, Helvetica, sans-serif;}
#footerLeft { float: left;}
.footerRight { float: right;}

#utilities { padding: 0 5 0 12px; color: #FF9933; float:right;}

/* MAIN MENU NAVIGATION styles */
#nav{
	clear: both;
	padding: 0px;
	margin: 0px;
	border-top: #552F0C 1px solid;
	border-left: #552F0C 1px solid;
	border-right: #552F0C 1px solid;
	/*background-color: #663471;*/
}
html>body #nav {
	padding: 5 0 0 0px;
}
#nav img{
	margin: 0 -2 -4 -1px;
	padding: 0px;
}
#nav ul {
	padding: 0px; 
	margin: 0px;
    height: 25px;
}
#nav ul li {
 list-style: none;
 display: inline;
 padding: 0px; 
 margin: 0px;
 border: 0px;
}
#nav ul li a {

 border-right: 1px solid #512600;
 padding: 5 7 6 7px;
 margin: 0 -3 0 0px;
 height: 25px;
 background: #663471;
 font: 12px Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #FFFFFF;
}
#nav ul li a#current {
	color: #FFFFFF;
	background: #552360; 
}
#nav li a:hover{
	background: #552360; 
}


/** LINK styles */

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

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

/* FOOTER links */
.footerRight a {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #663471;
}

.footerRight a:hover {
	text-decoration: underline;
}

#footerLeft a {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #A72323;
}

#footerLeft a:hover {
	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: 70px;
	height: 25px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: <cfoutput>#developer.keylineDarkColour#</cfoutput>;
	color:<cfoutput>#developer.lightColour#</cfoutput>;
	width: 70px;
	height: 70px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay_away{
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>;
}
.calendarDay_home{
	background-color: <cfoutput>#developer.linkColour#</cfoutput>;
}
.calendarDay_home a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
.calendarDay_away a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
/* CONTACT FORM */
#contactForm{
	width: 290px;
	border: 1px solid #552360;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #552360;
}
.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: normal;	
	color: #FFFFFF;	
}
.tableHeading{
	height: 20px;
	background: #552360;
}
.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: 17 0 0 0px;
	background: #FAF4D5 url("../../images/main_bg.gif") repeat-x top left;
}

/*div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #512600;
}*/

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #970E0E;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #005D9E;
	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: #512600;
	margin: 0 0 8 0px;
	padding: 0px;
}
ul{
	margin: 0 0 0 26;
	padding: 4 5px;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #512600;
}
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: #666666;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 1 0 1 0px;
	border: 1px solid #552F0C;
	vertical-align: top;
}
input.lge{
	width: 140px;
}
input.med{
	width: 110px;
}
input.sml{
	width: 70px;
}
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 #552F0C;
}
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: #512600;
	background-color: #CFA021;
	border-top-color: #E5CA92;
	border-right-color: #6D4209;
	border-bottom-color: #6D4209;
	border-left-color: #E5CA92;
	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: #552360;
	border: 1px solid #552F0C;
}

/** MISCELLANEOUS styles */

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

.headerTable {
	background: #663471;
	color: #FFFFFF;
	padding: 2 5 2 5px;
}

.tableTD {
	color: #512600;
	padding: 2 5 2 5px;
	border-left: 1px solid #663471;
}

.tableBottomLine {
	border-top: 1px solid #663471;
}

.tableLastBorder {
	border-left: 1px solid #663471;
}

.table {
	border-right: 1px solid #663471;
}

#homeImage {
	float: left;
}

#crestLogo {
	float: right;
	padding: 0 15 15 15px;
}