/*
 * CSS File for Super Bee
 * (equal) full-height 3 column technique is based on perfect 3 column
 * layout by Matthew James Taylor
 * http://matthewjamestaylor.com/blog/perfect-3-column.htm
 */
 
/* bof resets */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
        margin           : 0;
        padding          : 0;
        border           : 0;
        font-size        : 100.1%;
        font-weight      : inherit;
        font-style       : inherit;
        font-family      : inherit;
        text-align       : left;
        vertical-align   : baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	xborder-collapse  : collapse;
	xborder-spacing   : 0;
}
ol, ul {
	list-style       : none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

em {
	font-style : italic;
}
/* eof resets */
 
body {
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	font-size        : 1em; /* approximately 16 px ... browser default */
	font-family      : "Arial Rounded MT", Arial, Verdana, Sans-Serif;
	color            : #222;	
	background       : #fff;
        line-height      : normal;
        font-weight      : normal;
        font-variant     : normal;
        font-size-adjust : none;
}

/* bof typography */
h1 {
	font-size        : 1.75em;	/* 28 */
	line-height      : 1em;		/* 28/28 */ 
        margin           : .25em 0;	/* 1/4 the line-height */
}
h2 {
	font-size        : 1.5em;	/* 24 */
        line-height      : 1.16667em;	/* 28 / 24 */
        margin           : .291667em 0;
}
h3 {
	font-size        : 1.375em;	/* 22 */
        line-height      : 1.27273em;	/* 28/22 */
        margin           : .318182em 0;
}
h4 {
	font-size        : 1.25em;	/* 20 */
	line-height      : 1.4em;	/* 28 / 20 */
	margin           : .35em 0;           
}
h5 {
	font-size        : 1.125em;	/* 18 */
        line-height      : 1.4em;	/* 28 / 20 */
        margin           : 0.35em 0;
}
h6 {
	font-size        : 1em;		/* 16 */
        line-height      : .75em;	/* 28/16 */  
	margin           : .4375em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family      : Arial, Verdana, Helvetica, 'Bitstream Vera Sans', Sans-Serif;
	color            : #0066cc;
	font-weight      : bold;
	margin-top:1.3em;
} 

a {
	color : #0066CC; font-weight:bold;
}

.sans {
	font-family      : Verdana, Helvetica, 'Bitstream Vera Sans', Arial, Sans-Serif
}
.serif{
	font-family      : Georgia, 'Times New Roman', Serif;
}

  
pre, code {
        font-size        : 16px;
        font-size        : 120%;    /* Other Browsers */
        *font-size       : 100%;    /* IE */
	line-height      : 1.125em; /* 18/16 */
        padding          : 0 1.125em;
        padding          : 0 1em;
        display          : block;
        overflow         : auto;
}
pre, code, tt {
	font-family : "Courier New", Courier, monospace
}

ul, ol {
	font-size           : inherit; /* 16 */
        line-height         : 1em;
        margin              : 1.2em 0 0 1.2em;
        padding             : 0;
	list-style-position : outside;
	list-style-image    : none;
}
ul {
	list-style-type     : disc;
}
li {
	font-size           : .750em; /* 12 */
        padding             : .125em 0;
	line-height         : 1.5em;
}
li ul, li ol {
        margin              : .125em 0 .125em 1em; /* 2 */
        padding             : 0;
}
/*
 * to prevent text size inheritance problem, set font size of the
 * `first child` to 1em (body base font size = 16px)
 */
ul li, ol li {
        font-size           : 1em;
}

table {
	line-height         : 1.125em;
        margin              : 1.2em 0;
        padding             : 0;
        xborder-spacing      : .0625em;
        xtable-layout        : fixed;
        width               : 100%;
}
tr {

}
th,
td {
	padding             : .25em 0;
}

strong, bold, b {
	font-weight         : bold;
}
/* eof typography */

/* bof main DOM structure */
#header {
	clear:both;
	float:left;
	width:100%;
	background:transparent url('header_5x5.jpg') repeat;
	height: 11.3125em; /* 181 */
}
	#header img {
		width : 48.75em; /* 780 */
		height: 11.3125em; /* 181 */
		margin:0; padding:0;
	}
	#header #header_address {
		position:absolute; top:1em; left:12.8em; color:#0066CC; color:#666; font-weight:bold; visibility:hidden;
	}

#qwcs {
	clear:both;
	float:left;
	width:100%;
	background:#0171B5;
	color:#fff;
	margin:0; padding:0;
	line-height:2.3em;
}
	#qwcs p {
		margin:0 0 0 9em;
		padding-right:.5em;
		background:#222;
		text-align:right;
		color: #FADA1B;
		font-size: 1.5em;
		font-family: Arial, Verdana, Sans-Serif;
	}
	
	
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background-image: url('right_5x5.jpg');
	background-repeat: repeat;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-12em;	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:25.5em;		/* Left column width + right column width */
	background:#0171b5;	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:13.5em;		/* Width of left column */
	padding-bottom:1em;	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:1em 13em 1em 14.5em;		/* Centre column side padding: */
				/* Left padding = left column width + centre column left padding width */
				/* Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
	#content {
		font-size: .8125em;
		font-family: Arial, Verdana, Sans-Serif;
	}
	
	.col1 p {
		line-height:1.375em;
		margin:.6875em 0;
	}
	.col1 td p,
	.col1 td h4 {
		margin:0;
	}

.holygrail .col2 {
	float:left;
	float:right;		/* This overrides the float:left above */
	width:13em;		/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:.25em;		/* Width of the left-had side padding on the left column */
}
	#nav ul {
		list-style-image: none;
		list-style-position:outside;
		list-style-type:none;
		font-family: Arial, Verdana, Sans-Serif;
		margin-left:.5em;
	}
	
	#nav ul li {
		background: transparent url('arrow_orange.jpg') no-repeat top left;
		padding-left:1.3em; line-height:1.25em;
	}
	
	#nav ul li a {
		color: #fff; font-weight:bold; text-decoration:none;
	}
	
	#nav ul li a:hover {
		color:#F8C107;
	}
	
	#nav ul li#tl_active {
	}
	
	#nav ul li#tl_active a#tl_on {
		color:#F8C107; text-decoration:underline;
	}
		/* sub level */
		#nav ul.sub_pages {
			margin-top:.5em
		}
		#nav ul li#active ul.sub_pages li.sub,
		#nav ul li#tl_active ul.sub_pages li.sub {
			background:none;
			background-image:none;
			padding-left:0;
			line-height:normal;
		}
		#nav ul li#tl_active ul.sub_pages li.sub a {
		}
		#nav ul li#tl_active ul.sub_pages li.sub a#on {
			color:#222;
		}
		#nav ul li#active ul.sub_pages li.sub a:hover#on {
			color:#F8C107;
		}
	
	#nav ul li#active a#on {
		text-decoration:underline;
		color:#F8C107;
	}
	
	#nav ul li#active a:hover#on {
		color:#FFF;
	}
	
	#certified {
		text-align:center;
	}
	
	#certified img {
		width : 5em;
		height: 5em;
	}
	
.holygrail .col3 {
	float:left;
	float:right;		/* This overrides the float:left above */
	width:11.5em;		/* Width of right column content (right column width minus left and right padding) */
	margin-right:.75em;	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
	#testimonial {
		font-size:.8125em;
		margin:1em .25em 1em .5em; color:#0171b5;
		padding:0 0 1.5em 0; font-weight:bold;
		border-bottom:.125em solid #0171b5;
	}
	
/* Footer styles */

/* van picture */
#superbee-van {
	position:absolute; z-index:1000; left:0; bottom:0em; width: 18.75em; height: 10em; xoverflow:hidden;
}

#footer-blue {
	clear:both; position:relative; line-height:1.625em; height:1.625em; background:#0171B5;
}

#footer-blue-filler {
	width:12em;height:1.625em; margin:0; padding:0; float:right;display:inline; background:#F8C107;
}

#footer-blue-right {
	float:right; display:inline; height:1.625em;width:2.375em; margin:0;padding:0;
}

#footer-blue span a {
	background: transparent url('/css/arrow_white.jpg') left center no-repeat;
	padding-left:1.2em;
}

#footer-black {
	clear:both; position:relative; line-height:2.375em; height:2.4em; /* height:2.375em; */
	display:block;
	background:#27282B;
	color: #FADA1B;
}

#footer-black-filler {
	width:12em; height:2.375em; margin:0; padding:0; float:right; display:inline; background:#F8C107;
}

#footer-black-right {
	float:right; display:inline; height:2.375em; width:2.375em; margin:0; padding:0;
}

#footer-black span {
	font-size:1.3em; font-weight:bold; float:right;
}
#footer-black-left {
	background: #0171B5; float:left; width: 13.5em;
}

#footer-blue a, #footer-blue {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	text-align:right;	
	position:relative;
}

#footer p {
	text-align:right;
	margin-right:1em;
	padding: 1em 0;
}
/* eof main DOM structure */

/* bof Common items */
.float_left      { float:left;  display:inline; }
.float_right     { float:right; display:inline; }
.left_aligned    { text-align:left; }
.right_aligned   { text-align:right; }
.clear_left      { clear:left;  }
.clear_right     { clear:right; }
.clear           { clear:both; }
.clearfix:after  { content:".";display:block;height:0;clear:both;visibility:hidden; }
* html .clearfix { height:1%; }
.clearfix        { display:block; }
.bolded          { font-weight:bold; }
.highlight       { background:rgb(255,255,204); background:#FFF1A8; }
/* eof Common items */

.vertical-navigation {
        margin:0; padding:0;
}

ul li.highlight { background:none; }
#nav ul li.highlight a { color:#000; }
#nav ul li.highlight ul a { border:none; background:transparent; color:#FFF; }
                
ul li.haschildren ul { display:none; }
ul li.haschildren a { color:orange; }

ul li.hasvisiblechildren ul { display:block; }
ul li.highlight ul { display:block; }

ul li.highlight li.haschildren ul { display:none; }
ul li.hasvisiblechildren ul li.haschildren ul { display:none; }

ul li.hasvisiblechildren ul li.highlight ul { display:block; }
ul li.hasvisiblechildren ul li.hasvisiblechildren ul { display:block; }

/* styles (1) */
li.hasvisiblechildren a { font-weight:bold; }
/* styles (a), (b), (c) */
li.hasvisiblechildren ul a { font-weight:normal; }
/* styles (1), (4) */
li.hasvisiblechildren li.highlight a { font-weight:bold; color:orange; }
/* styles (2) */
li.hasvisiblechildren li.hasvisiblechildren a { font-weight:bold; }
/* styles (4), (5) when (3) is highlighted OR styles (3), (4), (5) */
li.hasvisiblechildren li.hasvisiblechildren ul a { font-weight:normal; }
/* styles (3), (4), (5) highlighted */
li.hasvisiblechildren li.hasvisiblechildren ul li.highlight a { font-weight:bold; }
/* styles (3), (4), (5) when (2) is requested */
ul li.hasvisiblechildren li.highlight ul li a { font-weight:normal; }

.holygrail .colleft {
	padding-bottom:7em
}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}	
table.lined td {border-bottom:1px solid #ccc;}

/*
.col2 #nav li.highlight a:active,
.col2 #nav li.highlight a:visited {
        xcolor:#000;
}*/