/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: ABP Allboards
  AUTHOR: James McIntosh
  CREATED: 14/10/05
  COMMENTS: Stylesheet for ABP Allboards.
*/

/** DEFAULT LAYOUT DIV styles */
#frame {  margin-left: 20px; width: 760px; height: 100%; background: #FFFFFF;}

#leftBorder { float: left; width: 16px;}
#centreColumn { float: right; width: 760px;}
#rightBorder { float: right; width: 16px;}

#header { width: 760px; height: 147px;  border-bottom: 5px solid #FF7418;}
#columnMain { float: left; padding: 10px  0px 0px 15px; width: 585px; }
#columnMain img {padding: 20px;}
#columnMain ul li {list-style-image: url("../../images/red_arrow.gif");}
.columnMain_home { float: left;  background: #000000; color: #FFFFFF; padding: 0px 0px 0px 6px;}
html > body .columnMain_home { float: left;  background: #000000; color: #FFFFFF; padding: 5px 0px 0px 5px; clear: all;}						 
.columnMain_home p { color: #FFFFFF;}
.columnMain_home ul li {list-style-image: url("../../images/red_arrow.gif"); font-size: 14px;}
.column_products {
				  width: 590px;
				  padding: 5px 0px 0px 0px;
				  clear: all;
}					
#columnLeft { float: left; width: 150px;}
#columnLeft img{ padding: 0px;}

#enclose { float:left; width:760px;}
#footer { bottom: 0px;  /*width: 558px;*/ background: #FFFFFF; width: 760px;}


.homenavbox ul li {list-style-image: url("../../images/red_arrow.gif"); font-size: 14px;}

/*html>body #footer{ height: 13px; width: 558px; padding: 6 35 2 185px;}*/
#utilities { padding: 0 0 0 0px; color: #07367A; float:right;}

#quickLink { /*width: 96px;*/ /*text-align: right;*/ align: center;}
#quickLinks { /*width: 480px;*/}

#quickLinkText { float: right; text-align: right; width: 86px; margin: 2px; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 1;}
#quickLinkText a { font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000;}
#quickLinkText a:hover { text-decoration: underline;}

#search { width:100px; padding-left: 8px; color: #FFFFFF;}
#partnerswitch { background-color: #000000;}

/* MAIN MENU NAVIGATION styles */
.nav_firefox{}
html>body .nav_firefox{
	width: 150px;
	padding: 2 0 0 0px;
	margin: 0 0 0 0px;
	background-color: #FF3418;
	min-height: 22px;
	height: auto;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	line-height: 26px;
}



#nav{
	/*clear: both;*/
	width: 150px;
	padding-left: -8px;
	margin:-0px;
	background-color: #FF0000; /* #000000 */
	height: auto;
	min-height: 320px;
	
}
#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-bottom: 1px solid #FFFFFF;
 padding: 6 8 6 12;
 margin: 0 -3 0 0px;
 height: 20px;
 width: 150px;
 text-align: left;
 background: #FF3418;
 font: 12px Arial, Helvetica, sans-serif; 
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
}

html>body #nav ul li a {
	height:20px;
	padding: 5px 8px 5px 11px;
	
}
#nav ul li a#current {
	color: #FFE3D1;
	}
#nav li a:hover{
	color: #FFE3D1;
	text-decoration: underline;
}


/** LINK styles */

.products {
	padding: 5px 0 20px 0;
	list-style-image: url("../../images/red_arrow.gif");
		font-size: 14px;
	
}

.products ul{
	padding: 5px 0 5px 0;
		font-size: 14px;
	
	list-style-image: url("../../images/red_arrow.gif");
}

.products li{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3418;
	font-size: 14px;
}

.products li a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF3418;
}

.products li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF3418;
}

#sub_products {
	list-style-image: url("../../images/bullet_dash.gif");
	color: #000000;
	font-size: 3px;
}

#sub_products  a:link{
	list-style-image: url("../../images/bullet_dash.gif");
	color: #000000;
	font-size: 10px;
}

#sub_products  a:visited{
	list-style-image: url("../../images/bullet_dash.gif");
	color: #000000;
	font-size: 10px;
}

#sub_products  a:hover{
	color: #000000;
	font-size: 10px;
}

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

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

/* FOOTER links */
#footer a {
	margin: 0px;
	padding: 0px;
	/*text-transform: uppercase;*/
	font-size: 9px;
	color: #545454;
}
#footer a:hover {
	text-decoration: underline;
}

#footerLeft { 
	float:left;
	font-size: 9px; 
	color: #545454;
}
#footerLeft a {
	color: #FF0000;
}
#footerLeft a:hover {
	color: #C70B0B;
}
#footerRight {
	float: right;
	font-size: 9px; 
	color: #545454;
}

/** Utilities */
#utilities a {
	font-size: 9px;
	margin: 2 2 0 0;
	text-transform: uppercase;
	color: #07367A;
}


/** INCLUDE TEMPLATE styles */

#quoteAuthor {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #545454;
	text-align: right;
}
#innerQuoteText {
	font-family: Arial, Helvetica, sans-serif;
	font-style: none;
	font-size: 14px;
	color: #264A83;
	padding: 1 0 1 0px;
}


/* 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 #07367A;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #07367A;
}
.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: #07367A;
}
.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-image: url("../../images/bg.gif")
}

/*div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}*/

#blackHeading{
	background: #000000;
	font-weight: bold;
	padding: 5px;
}

#blackHeading_inner{
	background: #000000;
	font-weight: bold;
	padding: 5px;
	text-indent: 5px;
	color: #FFFFFF;
	font-size: 14px;
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	
	font-weight: normal;
	background: #000000;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	padding: 0px;
	margin: 15 0 15 0;
}
h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	padding: 0px;
	margin: 10 0 5 0;
}
p,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 8px 0px;
}
ul{
	margin: 0 0 0 26;
	padding: 4 5px;
		font-size: 12px;

}
li{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3418;
}

li a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3418;
}

li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3418;
}

li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3418;
}

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 #AAAAAA;
	vertical-align: top;
}
input.lge{
	width: 185px;
}
input.med{
	width: 110px;
}
input.sml{
	width: 100px;
}
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: #3A4907;
	background-color: #CDD3A5;
	border-top-color: #F0F0E6;
	border-right-color: #727A2E;
	border-bottom-color: #5E6717;
	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: #07367A;	
	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;
}