/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: DDH Graham
  AUTHOR: Cherie Proctor
  CREATED: 28/10/05
  COMMENTS: Stylesheet for DDH Graham.
*/

/** DEFAULT LAYOUT DIV styles */
#frame { width: 900px;}
#header {width: 900px; height:116px; background: url("../../images/header.jpg") no-repeat top left;}
#header img {margin: 0 0 -4 0px;}
html>body #header img {margin: 0 0 0 0px;}
#search {padding-top:70px; padding-left:670px; color:#FFFFFF;}

#whiteSpace {
	height: 20px;
	background: #FFFFFF;
}

#contentArea {
	margin: 21 0 21 0px;
	background: url("../../images/bg_dots_home.gif") repeat-y top left;
}
#contentAreaInner {
	margin: 21 0 21 0px;
	background: url("../../images/bg_dots_inner.gif") repeat-y top left;
}

#enclose { float:left; width:675px;}
#columnLeft {float: left; width: 183px; padding: 0 18 0 18px;}
html>body #columnLeft { width: 146px;}

#columnMain {float: right; width: 480px; padding: 0;}
html>body #columnMain { width: 480px;}
#columnMain img { border: 2px solid #2B3560; margin: 5 10 5 10px;}

#columnRight {float: right; width: 140px; padding: 0 20 0 20px;}
html>body #columnRight { width: 180px;}


#subNav { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #333;
}
#subNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;

}
#subNav li {
	border-bottom: 1px solid #192A58;
	margin: 0;

}
#subNav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	padding: 8 7 8 7px;
	background-color: #FFFFFF;
	color: #192A58;
	text-decoration: none;
	width: 100%;

}
#subNav ul li a#current {
	background: #E3E8EF;
}
#subNav li a:hover {
	background: #E3E8EF;
	text-decoration: none;
	color: #192A58;

}

#login { font: 14px Arial, Helvetica, sans-serif; color: #192A58; background: url("../../images/horiz_dots.gif") repeat-x bottom left;padding-bottom:10px}
#buttonLink {
	background: #1C2C5B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px;
	margin:0px;
	height: 12px;
}
#buttonLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;

}
#buttonLink a:hover {
	text-decoration: underline;
}
#buttonLink p {
	margin: 0px; padding: 3 0 3 0px; color: #FFFFFF;
}
#quickLinks ul li { 
	list-style-image: url("../../images/quick_bullet.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #192A58;
	margin: 0 0 0 -13px;
	padding: 0 0 7 0px;
}

/** Quick Link Left Styles */
.QuickLinkLeft {background: url("../../images/horiz_dots.gif") repeat-x top left; padding-top:10px; margin:0;}
#quickLinksHeader {
	list-style: none;
	height: 19px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #1C2A58;
	padding: 0;
	font-weight:bold;
}
html>body #quickLinksHeader{ width: 201px;}
#quickImageLeft {}
.quickSummaryLeft{
	float: left; 
	width: 139px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #696768;
	padding:  2 4 2 4px;
}


#newsHome {background: url("../../images/horiz_dots.gif") repeat-x top left;}
#newsHome p, #newsHome td {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #696768;padding: 4 0 0 0px;}
#newsIndent  { margin: 0 0 0 13px;}
#newsIndent a {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #192A58;padding: 4 0 0 0px;}

.quickEntryBox { 
	width: 250x; 
	height: 89px; 
	margin: 0px;
	padding-bottom: 10px;
	background: url("../../images/horiz_dots.gif") repeat-x bottom left;
}
html>body .quickEntryBox { width: 185px; height:100px;}
#quickHeader { 
	width: 185px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #1C2A58;
	padding: 1 0 0 5px;
	font-weight: bold;
}
html>body #quickHeader { width: 185px;}
#quickHeader a { color: #1C2A58; font-size: 11px;}
.quickSummary { 
	float: left; 
	width: 180px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #696768;
	padding:  0 4 2 4px;
}
html>body .quickSummary { width: 185px;}

#quickImage { float: left;}

#columnMainInner {
	float: right; 
	width: 715px; 
	padding: 0 20 0 20px;
	
}
html>body #columnMainInner { width: 677px;}
#columnMainInner img { border: 2px solid #2B3560; margin: 5 10 5 10px;}

#footer { 
	width: 900px; 
	height: 50px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background: url("../../images/footer_bg.gif") repeat-x top left;
	padding: 30 0 0 0px;
}
#footerLeft { float: left;}
#footerRight { float: right;}

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

/* MAIN MENU NAVIGATION styles */
#nav{
	clear: both;
	width: 900px;
	margin: 0px;
	background-color: #4B5D6C;
	border-top: 2px solid #192A58;
	border-bottom: 2px solid #192A58;
}
html>body #nav { padding: 5 0 0 0px;}
#nav img{
	margin: 0 -2 -4 -1px;
	padding: 0px;
}
#nav ul {
	padding: 0px; 
	margin: 0px;
    height: 27px;
}
#nav ul li {
	list-style: none;
	display: inline;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}
#nav ul li a {
	padding: 5 10 0 30;
	margin: 0 -3 0 0px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #FFFFFF;
}
#nav ul li a#current {
	color: #CCCCCC;
}
#nav li a:hover{
	color: #CCCCCC;
}


/** LINK styles */

/* STANDARD LINK styles */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #192A58;
	text-decoration: none;
}
a:link {
	color: #192A58;
}
a:visited {
	color: #192A58;
}
a:active {
	color: #192A58;
}
a:hover {
	color: #192A58;
	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: 0 3 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696768;
}
#footer a:hover {
	text-decoration: underline;
}
#footerRight a { color: #92191D;}

/** 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: 320px;
	border: 1px solid #4B5D6C;
	clear: both;
}
.formHeading{
	width: 320px;
	height: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #4B5D6C;
	padding: 1 5 0 5px;
}
.formRow{
	width: 310px;
	height: 18px;
	margin: 5 2 5 2px;
	clear: both;
}
.fieldName{
	width: 80px;
	float: left;
	padding: 3 2 3 2px;
	text-align: right;
}
.field{
	width: 220px;
	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: #F7A300;
}
.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;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #8E999E;
	padding: 0 0 0 25px;
	margin: 0px;
	font-weight: bold;
	background: url("../../images/header_arrow.gif") no-repeat top left;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #192A58;
	font-weight: bold;
	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: #696768;
	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: 12px;
	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: #666666;
	border: 0px;
	height: 18px;
	padding: 0px;
	margin: 1 0 1 0px;
	border: 1px solid #192A58;
	vertical-align: top;
}

input.lge{
	width: 182px;
}
input.med{
	width: 140px;
}
input.sml{
	width: 90px;
}
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 #CCCCCC;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}
input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #192A58;
	padding: 0 1 0 2px;
	height: 19px;
}
input.imageButton{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #656565;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	border: 1px solid #CCCCCC;
}

/** 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 {
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 1px;
}
#noBorder img{
	border: 0px;
}
#noGap {
	margin-top: -15px;
	margin-bottom: -1px;
	border-bottom: 1px solid #192A58;
}
#noBorder img { border: none;}

#staffProfile {
	background: url("../../images/horiz_dots.gif") repeat-x bottom left;
}

/** IMPORTANT DOWNLOADS styles */
#idownloads {width: 425px; background:#E2E9F0; border:2px solid #333366;}
#idownloads ul li { 
	background: url("../../images/downloadbullet.gif") no-repeat top left #668BAF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin:7px;
	padding: 7px 0 7px 50px;
}
#idownloads ul {list-style:none;padding:0;margin:0;}
#idownloads a,#idownloads a:link {color:#FFFFFF;}

#downloads {width: 280px; }
#downloads ul li { 
	background: url("../../images/zenithbullet.gif") no-repeat left #E2E9F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C2A58;
	margin:5px;
	padding:5px 0 7px 20px;
}
#downloads ul {list-style:none;padding:0;margin:0;}
#downloads a,#downloads a:link {color:#1C2A58;}

/* Popup Date Picker (Calendar) */
#datePicker img {border:0px;}

.spacer { margin-top: 7px;}