/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: Sitename
  AUTHOR: Tim Jensen
  CREATED: 31/01/05
  COMMENTS: Stylesheet for BERT.
*/

/** DEFAULT LAYOUT DIV styles */
#frame { width: 760px; height: 100%; clear: both; border:1px solid #999999;}
#header { width: 100%; height: 92px;}
#columnMain { float: right; width: 380px; height:400px;}
#columnLeft { float: left; width: 150px; height: 400px; background:#CCCCCC;}
#columnRight { float: right; width: 140px; height: 400px; background:#CCCCCC;}
#enclose { float: left; width: 530px;}
#footer { padding:1 0 0 0px; float:left; width:100%; height:17px; background:#999999; color:#FFFFFF;}
#utilities { padding: 0 5 0 12px; color: #999999; float:right;}

#homeStrip{	width:760px; height:180px; background: URL(../../images/redundancy_trust.jpg) no-repeat;}
#innerStrip{ width:760px; height:112px; background: URL(../../images/redundancy_trust_inner.jpg) no-repeat;}

#innerStripBEWT{ width:760px; height:112px; background: URL(../../images/redundancy_trust_BEWT.jpg) no-repeat;}

#homeNews{ width: 300px; float: left; padding: 0 0 0 20px; list-style-image: url("../../images/custom_bullet.gif");}
html>body #homeNews{ width:280px; padding: 0 0 0 20px;}  /* Firefox Code */
#workers{ width: 230px; height: 264px; float: right; padding: 90 0 0 35px; background: URL(../../images/Workers_Image.jpg) no-repeat;}
html>body #workers{ width: 195px; height: 184px;} /* Firefox Code */
#employers{ width: 230px; height: 264px; float: right; padding: 90 0 0 10px; background: URL(../../images/Employers_Image.jpg) no-repeat;}
html>body #employers{ width: 220px; height: 184px;} /* Firefox Code */

#content {float: left; width: 760px; height: 300; padding: 0 20 0 10px; list-style-image: url("../../images/custom_bullet.gif");}
html>body #content {width: 730px;} /* Firefox Code */
#content img { margin: 0 15 15 15px;}
#contentS {float:left; width: 530px; height:300px; padding: 0 20 0 10px; list-style-image: url("../../images/custom_bullet.gif");}
html>body #contentS {width: 500px;} /* Firefox Code */
#contentS img { margin: 15px;}

#relatedInfo {float:right; width:230px; height:100%; padding: 10 10 0 0px;}
html>body #relatedInfo {width:220px;}


/* MAIN MENU NAVIGATION styles */
#nav{ clear: both; width: 760px; padding:0px; margin:0px; background-color: #990033; border-bottom: 4px solid #000000;}
#nav img{ margin: 0 -2 -4 -1px;	padding: 0px;}
#nav ul { padding: 0px; margin: 0px; height: 20px;}
#nav ul li { list-style: none; display: inline; padding: 0px; margin: 0px; border: 0px;}
#nav ul li a { border-right: 1px solid #FFFFFF; padding: 0 6 6 6; margin: 0 -3 0 0px; height: 20px; background: #990033; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; text-transform:uppercase; color: #FFFFFF;}
html>body #nav ul li a { height:20px;}
#nav ul li a#current { color: #FFFFFF; background: #990033;}
#nav li a:hover{ background: #660E21;} /* CC3399 */


/** MISCELLANEOUS LAYOUT DIVS */
.innerStrip{ width:100%; height:75;	background: #FFFFFF; border-bottom: 2px solid #000000;}
.floatLeft{	float: left;}
.floatRight{ float: right; clear:right;	margin: 0px; padding: 0px;}

#search{ float:right; margin-top:145px; width:160px; height:25px; bottom:0px; padding:10 0 0 20px}
html>body #search{ width:140px; height:15px;}
#searchInner{ float:right; margin-top:75px; width:160px; height:25px; bottom:0px; padding:10 0 0 20px}
html>body #searchInner{ width:140px; height:15px; margin-top:0px;}

#pageInfo {float:left; width:500px; padding:50 0 0 10px;}
#pageTitle {float: left; padding:0 5 0 40px;}
#pageTitle h1 {text-transform:uppercase; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 24px;}
#sectionMenu {float: left; width: 120px; margin: 2 0 0 0px;}
#pageBlurb {float: left; width:500px; clear:both; padding:0 0 0 10px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/** LINK styles */

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

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

/* FOOTER links */
#footer a {
	margin: 0px;
	padding: 0 5 0 5px;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}
/** Utilities */
#utilities a {
	font-size: 10px;
	margin: 2 2 0 0;
	text-transform: uppercase;
	color: #999999;
}


/** 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 #F7A300;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #F7A300;
}
.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: #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;
}

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

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #660E21; /*333399*/
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660E21; /*333399*/
	padding: 0px;
	margin: 5 0 10 0;
}
h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660E21; /*333399*/
	padding: 0px;
	font-weight: normal;
	margin: 10 0 5 0;
}
p,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	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: #666666;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 1 0 1 0px;
	border: 1px solid #CCCCCC;
	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 #CCCCCC;
}
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: #2F2923;
	background-color: #E5E5D3;
	border-top-color: #F0F0E6;
	border-right-color: #919186;
	border-bottom-color: #606059;
	border-left-color: #EAEADC;
	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: #F7A300;
	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:#999999;
	color: #FFFFFF;
}