@charset "utf-8";
/*-----------------------------------------------------------
 MLC Layout - For Non-IE Browsers 
 
 Version: 1.4
 author: paul schuster
 email: pdschuster@yahoo.com
 website: http:www.creativedelegates.com
 
 -------------------------------------------------------------*/

body { /* body tag functions as a sort of fluid wrapper for 4 distinct catagories */
font : 0.8em/1.6em verdana, arial, sans-serif;
background-color : #afc7c7;
border : none;
min-width : 435px;   /* <-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
}
p {
margin-top: 6px;
margin-bottom: 8px;
}    
.copy {
width: 435px;
}
/* ------------------- Topicbox----------------- */
.topicbox {
display : block;
padding : 6px 12px 12px 12px;
margin : 24px 24px 24px 22px;
border : 1px dashed #99cccc;
background-color : transparent;
}
.topicbox p {
clear : left;
}
.topicbox img {
float : right;
clear : both;
background-color : #D4D0C8;
margin: 14px 2em 18px 5em;
}
/* ------------------- Topicspace----------------- */
.topicspace {
display : block;
padding : 6px 12px 12px 12px;
margin : 22px 24px 24px 42px;
border : none;
background-color:transparent;
}
.topicspace p {
clear : left;
}
.topicspace img {
float : right;
clear : both;
background-color : #D4D0C8;
margin: 14px 2em 14px 5em;
}
/* ------------------- Stealthbox----------------- */
.stealthbox {
display : block;
padding : 6px 12px 12px 12px;
margin : 22px 24px 24px 42px;
background-color:transparent;
}
.stealthbox p {
clear : left;
}
.stealthbox img {
float : right;
clear: both;
margin: 14px 2em 14px 5em;
background-color : transparent;
}
/*.stealthbox img left {
float : left;
display : inline;
background-color : transparent;
margin : 8px 22px 8px 30px;
} 
.stealthbox hr {
background-color : #f4869c;
margin-top : 8px;
height : 1px;
width : 100%;
} */
.stealthbox cite {
left : 18px;
font:Arial, Helvetica, sans-serif;
font-style:italic;
}
.stealthbox2 {
display : block;
padding : 6px;
margin : 12px 24px 24px 42px;
border : none;
background-color : transparent;
}
/* ------------------- Bigpicbox----------------- */
.bigpicbox {
margin : 6px 24px 24px 42px;
/*padding: 0 auto 0 0;*/
border: 1px;
}
.bigpicbox img {
top : 6px;
left : 24px;
border:#669999 2px;
}
.bigpicbox cite {
position: relative;
/*top-margin : 6px; -->Unsupported property: top-margin --Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0--> */
left : 24px;
font:Arial, Helvetica, sans-serif;
font-style:italic;
}
/* ------------------- ----------------- */
#rndbox_column {
position : absolute;
left : 10px;
top : 116px;
width : 118px;
/*border : #FF0099 4px;*/
}
#rndnavbox {
position : relative;   
margin-top : -12px;/* was -12px*/
width : 100%;
background-color : #cccccc;  
}
#rndsubbox1 {
position : relative;
top : 12px;
background-color : #cccccc;
}
#rndsubbox2 {
position : relative;
top : 24px;
background-color : #cccccc;
}
/* ------------------- Rndbox graphics ----------------- */
.rndtop_right {
background : url(../images/top_right.gif) no-repeat 100% 0%;
}
.rndtop_left {
background : url(../images/top_left.gif) no-repeat 0% 0%;
}
.rndbttm_right {
background : url(../images/bottom_right.gif) no-repeat 100% 100%;
}
.rndbttm_left {
background : url(../images/bottom_left.gif) no-repeat 0% 100%;
}
/* ------------------- Outernav ----------------- */
.outernav {
	position : relative;
	right : 24px;
	list-style-type : none;
	width : 90%;
	padding-top: 4px;
	padding-bottom: 2px;
	/*overflow:hidden;  -->should only be needed in IE stylesheets*/
}
.outernav li {
	padding : 1.2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-style: normal;
	text-decoration: none;
}
/* ------------------------------ -------------------------------- */
.footlist li {
display : inline;
margin : 8px;
}
#header {
position : absolute;
top : 8px;
left : 8px;
margin-right : auto;
background-color : #6699cc;
width : 98%;
}
#left-banner-logo {
position : absolute;
left : 0;
top : 0;
width : 220px;
height : 80px;
}
#Other-images-expansion-space {   		
	background-image: none;  /* <----- ADD IMAGE? ----  Fixed sizeonly  --  */
	z-index: 0;
}
#right-banner-cap {
float : right;
display : inline;
top : 0;
width : 11px;
height : 80px;
}
.clear , br{
clear : both;
}
.clearleft {
clear : left;
}
.clearright {
clear : right;
}
.clearbox {
	font-size : 1px;
	height : 1px;
}
/* ----------------------------  Content -------------------------- */
#content {
border-top : none;
padding : 0;
background-color:#FFF;
margin-top : 84px;     /* <-----------------------------Safari displays this pushed up too far---------------------- */
margin-left : 130px;
margin-right : 1.5em;
margin-bottom : 5px;
}
/* ------------------------- Pagecurve Graphics-------------------------- */
.bottom-left-pagecurve {
position : relative;
left : 0;
bottom : 0px; /* was -1px */
width : 16px;
height : 16px;
}
.bottom-right-pagecurve {
position : relative;
float : right;
clear:both;
bottom : 16px; /* was 0px */
width : 16px; 
height : 16px;
}
.top-left-pagecurve {
position : relative;
left : 0;
top : 0;
width : 16px;
height : 16px;
}
.top-right-pagecurve {
position : relative;
float : right;
clear:both;
bottom : 16px; /* was 0px */
width : 16px; 
height : 16px;
}

/* -------------------- Start Flowgallery----------------------------------------------- */

#flowgallery {	/* for thumbnail image sizes  of 126 x 158px  */
	list-style-type : none;
	margin-top : 22px;
	margin-right: 24px;
}
#flowgallery li {
	float : left;
	margin-right : 6px;
	margin-bottom : 10px;
	width : 126px;
	height : 158px;
	font : bold 13px verdana, arial, sans-serif;
	text-align : center;
	border : 2px solid #99cccc;
	color : #333333;
	list-style: none;
}
#flowgallery img {
display : block;
border : none;
}
#flowgallery img a:link {
display : block;

/* background-color : #99cccc; */
color : #ffffff;
}
#flowgallery li a:link {
display : block;
border: none;

background-color : #99cccc;
color : #ffffff;
}
#flowgallery li a:visited {
display : block;
background-color : #99cccc;
color : #ffffff;
}
/* ------------------------------------- Start Flowgroup----------------------------------------------- */

#flowgroup { /* for image sizes 216 x 163px  */
list-style-type : none;
margin-top : 26px;
margin-bottom: 26px;
}
#flowgroup li {
float : left;
text-decoration : none;
margin-bottom : 30px;
margin-right: 8px;
width : 216px;  /* <-- Adjustment for image frame  */
height : 179px; /* <-- Adjustment for image frame  */
font : bold 13px verdana, arial, sans-serif;
text-align : center;
border : 2px solid #6699cc;
background-color : #6699cc;
}
#flowgroup img {
display : block;
width : 216px;
height : 163px;
margin: auto;  /* <-- image position in frame  */
border : 2px;
}
#flowgroup img a:link {
display : block;
text-decoration : none;
}
#flowgroup li a:link {
display : block;
text-decoration : none;
background-color : #6699cc;
/* color : #ffffff; */  /* <-- Text Color --  */
}
#flowgroup li a:visited {
display : block;
text-decoration : none;
/*background-color : #99cccc; */
color : #ffffff; 
}
/* ------- End Flowgroup----------- */


dl.image { /* <----------------- Start Definition List for images with longer captions ------------------------------------------- */
  display : block;
  margin : 1.2em auto ;
  border : none ;
  padding : 0 1.2em ;
  text-align : center ;
}
dl.image dt {
  margin : 0 ;
  border : none ;
  padding : 0 ;
}
dl.image dt img {
  display : block ;
  margin : 0 auto 0 50px;  
  border : 1px dotted #38abc8 ;
  padding : 15px ;
  color : #38abc8 ;
  background : #eee ;
}
dl.image dd {
	position:absolute;
	/*margin : 0 auto 5 0;*/
	width: auto;
	border : none;
	padding : 1em 1em 0 1em;
	font-size : 90%;
	font-style : italic;
	color: #666666;
	left: 524px;
	top: 1479px;
}
/* <----------------------------------------  End Definition List for images with captions ------------------------------------------- */

ul.nestnav {
/*position : relative;*/
margin : 0;
padding : 0;
list-style-type : none;
text-align : center;
}
ul.nestnav li {
display : inline;
padding : 10px;
}
/* --------------------------------  Begin TabNav ----------------- */
#tabnavbar { /* <---------------------Wrapper for the TabNav ----------------- */
position : relative;
padding-left : 186px;
padding-bottom : 14px; /*  <-------------- Controls top edge of content!!!!-------------   */
display:block;
top : 83px; 
/*border: thin #F00;  <-------------- Actually collapses the bar slightly-------------   */
background-color: transparent;/* <-------------- Color for Testing ----------------- */
}
/* -- The following searchcapsule ID is replaced by the #tabnavbar form  --  
#searchcapsule { 
float: left;    
top : 0px; 
margin-left: 12px;
background-color: transparent;
clear:right; 
} --*/
/* -- The following tabnavbar ID is a container for positioning only. It resides in the tabnavbar. It replaces the former #searchcapsule, who's text box did'nt function well because that container had to be Absolutely Positioned. The search form's styles are found in the MLC_forms.css file.  --  */
#tabnavbar form {
float: left;     /* was right: 27px */
top : 0px; /* was top: 92px */ 
margin-left: 12px;
background-color: transparent;
clear:right; /* -- Necessary? -- */
}

ul#tabnav {
/*position : relative;
top : 83px; */
list-style-type : none;
/*padding-left : 186px; /*<-------psdding going to container?-------
padding-bottom : 24px; */
font : bold 11px verdana, arial, sans-serif;
clear : both;
}
ul#tabnav li {
float : left;
height : 26px; /* -- controls bottom edges of tabs. Can't be shorter than 26px -- */
background-color : #b51032;
color : #ffffff;
margin-right : 4px;  /*Controls gap between tabs*/
}
ul#tabnav a:link, ul#tabnav a:visited {
display : block;
color : #ffffff;
background-color : transparent;
text-decoration : none;
padding : 4px 4px 9px 4px; /* --  Bottom parameter involved in hover mismatch- solved at 9px for Mozilla -- */
}
ul#tabnav a:hover {
background-color : #f4869c;
color : #ffffff;
}
body#truck li.truck, body#transit li.transit, body#schoolbus li.schoolbus, body#military li.military {
border-bottom : 1px solid #fff;
color : #000000;
background-color : #ffffff;
}
body#truck li.truck a:link, body#truck li.truck a:visited, body#transit li.transit a:link, body#transit li.transit a:visited, body#schoolbus li.schoolbus a:link, body#schoolbus li.schoolbus a:visited, body#military li.military a:link, body#military li.military a:visited {
color : #000000;
background-color : #ffffff;
}
/* <--------------------------------  End TabNav --------------------- */

#footer {
  width : 90%;
  border : none;
  margin : 12px auto 4px auto;
  font-size : 100%;
 border : 1px dashed #9CC;
  text-align : center;
}	 
.legal {
position : relative;
font-size:9px;
color : #cfcfcf; 
text-align : center;
margin-top : 12px;
bottom : 4px;
}
/*hr {
	margin: 1em auto 1em auto;
   	border-top: 1px dashed #9CC;
	border-right: none;
	border-bottom: none;
	border-left: none;	
   	height: 2px;
	width : 85%;
	}*/
	

/*stealthbox hr {
	border : 1px;
	background-color : #990000;
	margin-top : 8px;
	height : 1px;
	width : 100%;
}*/
/*------------------ Rounded Corners added 3-18-10-----------------*/

.rounded {
-webkit-border-radius: 9px;  /* safari-chrome */ 
 -moz-border-radius: 9px;   /* firefox */ 
 border-radius: 9px;  /* opera */ 
 }

/* -------------------------------- Below Styles Not used extensively --------------------------------------  */


/*
.copybox {
padding : 20px;
max-width : 60%; 
border : 1px dashed green;
}
*/
.marginwrapper {
display : block;
padding : 6px;
margin : 6px 24px 24px 45px;
border : none;
background-color : transparent;
}
.copyheightwrapper {
margin-left : 24px;
width : 50%;
}
.mapwrap {
display : block;
padding : 6px;
margin : 12px 24px 24px 42px;
border : none;
background-color : transparent;
}
.left_column {
float : left;  
display : block;
padding : 6px;

background-color : #FAFAF9;
margin-top : 22px;
margin-right : 20px;
width : 16em;    
text-align : left;
}
.midleft_column {
float : left;
display : block;
padding : 6px;
background-color : #FAFAF9;
margin-right : 20px;
margin-top : 22px;
width : 16em; 
text-align : left;
width : 150px;
}
.midright_column {
float : left;
display : block;
padding : 6px;
background-color : #FAFAF9;
margin-top : 22px;
margin-right : 20px;
/* max-width : 300px;   <-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
text-align : left;
width : 16em; 
}
.right_column {
float : left;
display : block;
padding : 6px;
background-color : #ccffff;
margin-top : 22px;
margin-right : 40px;
/* max-width : 300px;	<-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
text-align : left;
width : 150px;
}
.midright_table {
float : left;
display : block;
padding : 3px;
margin-top : 22px;
margin-right : auto;
text-align : left;
}
.right_stealthcolumn {  /* see hd.html */
float : left;
display : block;
padding : 6px;
background-color : #ffffcc;
margin-top : 22px;
margin-right : 40px;
/* max-width : 300px;  <-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
text-align : left;
width : 150px;
}

.right_sidebar {
float : right;
display : inline;
background-color : transparent;
border : 1px solid silver;
margin : 22px 20px 8px 16px;
/* max-width : 200px;  <-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
text-align : left;
width : 150px;
}
.leftcolumn {
position : relative;
}
.nestwrapleft {
float : left;
display : block;
width: auto;
margin-right : 2em;
border : none;
background-color : transparent;
clear:left;
}
.nestwrapmid {
float : left;
display : block;
width: auto;
margin-right : 2em;
border : none;
background-color : transparent;
}
.nestwrapright {
	float : left;
	display : block;
	width: auto;
	margin-right : 2.2em;
	margin-left : 1em;
	border : none;
	background-color : transparent;
	clear: none;
}
.nestwrapright_margin {
float : left;
display : block;
width: auto;
margin-right : 2.2em;
margin-left : 1em;
border : none;
background-color : transparent;
}