/* --------------------------------------------------
Stonebrook Print & Design
-------------------------------------------------- */

/* --------------------------------------------------
/*
/*		TABLE OF CONTENTS
/*
/*              0. Reset
/*		1. General Styles
/*		2. Layout Styles
/*		3. H1, H2, H3, H4, H5 Styles
/*		4. Paragraph Styles
/*		5. List Styles
/*		6. Link Styles
/*		7. Table Styles
/*		8. Definition List Styles
/*		9. Image Styles
/*		10. Blockquote Styles
/*		11. Tooltip Styles
/*

-------------------------------------------------- */

/* 0. RESET
-------------------------------------------------- */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-weight: inherit; */
	font-style: inherit;
	/* font-size: 100%; */
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5em;
	color: #000;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 1. GENERAL STYLES
-------------------------------------------------- */

body {background: #fff;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-size: 12px;line-height: 1.75em;color:#666;}
acronym {cursor:pointer;border-bottom:1px dashed #888;}

/* 2. LAYOUT STYLES
-------------------------------------------------- */

#wrapTop {background: #fff  no-repeat bottom left;height: 31px;margin: 0 auto;width: 975px;}
#wrapMid {background: #fff  repeat-y top left;width: 975px;margin: 0 auto;overflow: hidden;}
#wrapBottom {background: #fff no-repeat top left;margin: 0 auto;overflow:hidden;padding: 40px 0 0 0;width: 975px;}

#leftColumn {float:left;width:210px;}
#rightColumn {float:left;padding:0 30px;width:725px;}

#masthead {height:180px; border-top:2px solid #ec8819; background:#fff;}
#banner {margin:0 10px;}
#box {padding:3px 10px 0 10px;}
#xpromo {padding-top:2px;}
#xpromo #p_left {float:left; padding:0 15px 0 5px;}
#xpromo #p_right {float:right;padding-right: 5px;}
#xpromo #p_mid {padding: 0 40px; display: block;}
#xpromo #p_links {display: inline;}

.footerLinks {color:#888; text-align: center; width:100%;}
.footerLinks a {padding:0 20px;}
p.centre {text-align:center}
img.center {display: block;margin-left: auto;margin-right: auto;}

/* column container */
.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:#fff;    	/* Right column background colour */
}

/* home page 200px left and right columns + 5px padding with fluid centre + 10px padding */
.home .holygrail .colmid, .news .holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-210px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.home .holygrail .colleft, .news .holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:420px;         	/* Left column width + right column width */
    background:#fff;    	/* Left column background colour */
}
.home .holygrail .col1wrap, .news .holygrail .col1wrap {
    float:left;
 width:50%;
 position:relative;
 right:210px;        	/* Width of left column */
 padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.home .holygrail .col1, .news .holygrail .col1 {
    margin:0 220px;     	/* 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;
}
.news .holygrail .col1 {margin-top:5px;}
.home .holygrail .col2, .news .holygrail .col2  {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:5px;         	/* Width of the left-had side padding on the left column */
}
.home .holygrail .col3, .news .holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* sub pages 150px left, 200px right columns + 5px padding with fluid centre + 10px padding */

.sub .holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-210px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.sub .holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:370px;         	/* Left column width + right column width */
    background:#fff;    	/* Left column background colour */
}
.sub .holygrail .col1wrap {
    float:left;
 width:50%;
 position:relative;
 right:160px;        	/* Width of left column */
 padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.sub .holygrail .col1 {
    margin:5px 220px 0 170px;     	/* 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;
}
.sub .holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:150px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:5px;         	/* Width of the left-had side padding on the left column */
}
.sub .holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}
.col2 .news {
	background:#d5ecf5 url(/theme/newspapers.png) no-repeat bottom left;
	padding-bottom:67px;
}
.col3 .online {
	background:#d5ecf5;
	margin-right:6px;
}
.user_form {margin:0 15px;}

/* 3. H1, H2, H3, H4, H5 STYLES
-------------------------------------------------- */

div#branding { position:relative; }
div#branding h1 { float:left; margin:0 0 10px 15px; width:224px; height:125px; background:url(/theme/planyourfleet.png) no-repeat top left; text-indent:-9999em; }
div#branding h2 { float:right; margin:0 15px 15px 0; width:380px; height:90px; background: #fff url(/theme/freephone.png) no-repeat center; text-indent:-9999em; padding:2px; }
div#branding h1 a { display:block; width:100%; height:100%; }
div#branding h1 a:hover,
div#branding h1 a:focus { background:none; }
div#branding h2 a { display:block; width:100%; height:100%; }
div#branding h2 a:hover,
div#branding h2 a:focus { background:none; }

.col1 h2.welcome {font-size:50px;line-height:48px; font-family: Arial, helvetica, sans-serif; color:#00afdc; margin:0;}
.col2 h3, .col3 h3 {font-size:16px; font-family: Arial, helvetica, sans-serif; color:#006699; margin:0 5px; padding:5px 0;text-align:center;}
.col1 h2 {color:#006699; margin-bottom:5px;}

/* 4. PARAGRAPH STYLES
-------------------------------------------------- */

p {margin: 10px 0;}
p.abstract {font-size: 14px;line-height: 1.5em;}
p.backNext {margin-top:50px;}

p.intro {font-size:24px;line-height:42px;}
.grey {color:#959595;}
.aboutus {float:right; color:#006699; font-size:14px;}
.news_source {font-style:italic;}
.news_date {margin-left:10px}
.color-666 {color:#666;}
.feed {
background: transparent url(http://www.flexx-plan.com/themes/site_themes/flexxplan/rss14.png) no-repeat;
margin-bottom:1.5em;
margin-left:18px;
}
.feed a {
margin-left:20px;
}

/* 5. LIST STYLES
-------------------------------------------------- */

ol {line-height:1.5em;margin-left:40px;}
ol li {list-style:decimal;margin-bottom:8px;}
.col1 ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 18px; /* 2em */
}

.col1 ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

.col1 ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: square outside;
}

.bullets {line-height:1.5em;margin: 15px 0 10px 40px;}
.bullets li {list-style-type:square;margin-bottom: 15px;padding:0!important;}
.bullets li span {color:#043aa6;font-weight:bold;}

.inline li {display:inline;}
.inline38 li {display:inline;margin:0 38px;}

.buttonLinks li {margin-bottom: 15px;}

ul#nav { margin:2px 5px 5px 5px; list-style:none; background:#ec8819; overflow:hidden; height:30px; clear:both; position:relative; width:940px;color:#fff;}
ul#nav li { float:left; margin:0; height:30px; color:#fff; }
ul#nav li a {float: left; margin: 0; font-size: 12px;line-height:30px; font-weight: normal; text-decoration: none; color: #fff; text-align:center;}
ul#nav li a:hover {background: #C16E10;}
ul#nav li a.cur {background:#00afdc;}
ul#nav li.w117 a {width:117px}
ul#nav li.w121 a {width:121px}

#menu {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 0px;
}

#menu ul li a {
    display: block;
    min-height: 24px;
    padding: 5px 8px 0px 8px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #1D2829;
    background: #d6eff7 url('/theme/menu_mid.gif') no-repeat top left;
}

* html #menu ul li a {
    height: 24px;  /* IE eats goat poo */
}

#menu ul li.first a {
    background-image: url('/theme/menu_head.gif');
}

#menu ul li.last a {
    background: url('/theme/menu_foot.gif') no-repeat bottom left;
}

#menu ul li.warm a {
    background: #80706B url('/theme/menu_mid_warm.gif') no-repeat top left;
    color: white;
}

#menu ul li a:hover {
	background:#006699;
    color: #fff;
}

#menu ul li.warm a:hover {
    color: black;
}

#menu ul li.first a,
#menu ul li.last a {
    color: #fff;
}

#menu ul li.first a:hover,
#menu ul li.last a:hover {
    color: #ff9226;
    color: black;
}

#menu ul li.sub {
    border-bottom: 0px;
}

#menu ul li.sub ul {
    border: 0;
    margin: 0;
    padding: 0;
}

#menu ul li.sub ul li {
    border: 0;
    margin: 0;
}

* html #menu ul li.sub li {
    border: 1px solid #EEECEC;    /* IE blows goats */
}

#menu ul li.sub ul li a,
#menu ul li.sub ul li.first a,
#menu ul li.sub ul li.last a {
    display: block;
    margin: 0;
    padding: 0 4px;
    min-height: 25px;
    font-size: 11px;
    line-height: 25px;
    text-decoration: none;
    color: #3A5153;
    border-top: 1px solid white;
    border-left: 1px solid #DFDBDA;
    border-right: 1px solid #DFDBDA;
    border-bottom: 1px solid #DFDBDA;
    background-color: #EEECEC;
    background-image: none;
}

#menu ul li.sub ul li a.warm {
    background: #DFDBDA url('/theme/menu_warm.gif') no-repeat top left;
    border-top: 1px solid white;
    border-bottom: 1px solid #BFB7B5;
    color: #1D2829;
    font-weight: bold;
}

#menu ul li.sub ul li a:hover {
    color: #2B2F12;
    background: #DFDBDA url('/theme/menu_roll.gif') no-repeat top left;
    border-top: 1px solid white;
    border-bottom: 1px solid #B9D0D2;
}

#menu ul li.sub li.last a {
    border-bottom: 0px;
}

#menu ul li.sub ul li.sub ul li a {
    padding-left: 15px;
}

ul.linkList {list-style-type:none;	padding:3px 5px 10px 5px; margin:0;}
ul.linkList li {margin:0; padding:0 0 3px 14px;	font:normal 12px/14px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;background:transparent url(/theme/icon-arrowLink.gif) top left no-repeat;}
ul.linkList li a {text-decoration: none; color: #1f6aaa;}
ul.linkList li a:hover {text-decoration: underline;}
ul.linkList span {display:block; margin-top: 2px; color:#222;font-size:11px;}

/* 6. LINK STYLES
-------------------------------------------------- */

a:link {color: #006699;text-decoration: none;}
a:visited {color: #006699;text-decoration: none;}
a:hover {color: #006699;text-decoration: underline;}
a:active {color: #006699;text-decoration: underline;}

.footerLinks a {color:#666; text-decoration: none;}

/* 7. TABLE STYLES
-------------------------------------------------- */

/* 8. DEFINITION LIST STYLES
-------------------------------------------------- */

/* 9. BLOCKQUOTE STYLES
-------------------------------------------------- */

blockquote {background-position:center bottom;background-repeat:no-repeat;border:1px solid #a0a0a0;border-width:1px 0;padding:10px 0;text-align:center;}
blockquote p {font-size:15px;line-height:1.25em;margin:0;}
cite {float: right;font-weight: bold;padding: 0 0 15px 0;}

/* 10. IMAGE STYLES
-------------------------------------------------- */

.col2 img, .col3 img {margin:5px 0px;}

/* 11. FORM STYLES
-------------------------------------------------- */
form#freeform fieldset { margin-bottom: 10px; padding:0 5px; }
form#freeform legend {padding: 0 2px;font-weight: bold;	_margin: 0 -7px; /* IE Win */}
form#freeform label {line-height: 1.5;vertical-align: top;	}
form#freeform fieldset dl {margin: 0;padding: 0;}
form#freeform dt {float: left;width: 350px;font-size: 12px;line-height: 16px;padding-top:4px;}
form#freeform dd {margin: 0 0 5px 255px;font-size: 11px;line-height: 16px;color: #666;padding-top:4px;}
form#freeform em {font-weight: bold;font-style: normal;	color: #f00;}


form#freeform {	width: 100%;font-size: 1.1em;color: #333;}
form#freeform legend { padding-left: 0; }
form#freeform fieldset {border: none;background-color:#f4f4f4;}



form#login {padding:0px 10px 5px 10px; }
form#login dl {margin: 0 0 5px 0;}
form#login dt {
  	float: left;
	width: 80px;
	font-size: 12px;
	line-height: 16px;
}
form#login dd {
  	margin: 0 0 5px 85px;
	font-size: 11px;
	line-height: 16px;
	color: #666;
}
form#login dd span {color: #ccc;}
form#login input#username, form#login input#password {
	font: normal 12px verdana, arial, helvetica, sans-serif;
        width:80px;
}
form#login dt.wide {
  	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
}
form#login input.submit {float:right;}


form#mailinglist_form {background:transparent; text-align: center;}
form#mailinglist_form label {font-size:14px;color:#006699;}
form#mailinglist_form #email {width:100px;}

#formWrapper {
margin:0pt auto;
padding:0px 20px 10px;
text-align:left;
width:480px;
}



/*  new stuf  */
ul#v2leftnav {border:1px solid #ccc; padding:10px 5px; margin:0;}
ul#v2leftnav li {background-color:#EC8819; height:25px;text-align:center; margin-bottom: 8px; padding:3px 5px;} 
ul#v2leftnav li a {color:#fff;font-size:16px; line-height:25px; }
ul#v2leftnav h6 {font-size:24px; text-align:center; font-weight:normal; margin-bottom:8px;} 

#v2navbar {text-align:center;}