@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 */
	
	background-color:#afc7c7;
	border : none;
	padding: 4px;
	height: 100%;
}

p {
margin-top: 6px;
margin-bottom: 8px;
}    
.copy {
width: 435px;
}
img {border:none}

#header {
    margin:auto;
    background:/*#69c*/ url(../images/bannerBG.gif) repeat-x;
    width : 100%;
    height:80px;
    overflow:hidden;
}
.inner {
	/*position:relative;*/
    height:80px;
    background:url(../images/right-banner-cap.png) no-repeat 100% ;/* Markup places left_banner_logo image also*/
}
	
.tagline {
	position:relative;
	font: bolder 18px/1.7  Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height: normal;
	top: 26px;
	left: 2%;
	white-space: nowrap;
	
}
#banner-logo {
    float:left;
    width:220px;
    height:80px;
    margin:0;
}

/* ------------------- Topicbox----------------- */
.topicbox {
display : block;
padding : 6px 12px 18px 18px;
margin : 20px 24px 24px 22px;
border : 1px dashed #99cccc;
background-color : transparent;
}
.topicbox p {
clear : left;
}

.topicbox img { /* Necessary for images without captions. Captioned images will require nested div and be styled by the class pic_cap_right or pic_cap_left */
float : right;
clear : both;
margin: 14px 2em 18px 5em;
border: 0;
}



/* ------------------- Stealthbox----------------- */
.stealthbox {
	display : block;
	padding : 0px 24px 24px 0px;
	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_itemwrap {/*  horizontal sections within stealthbox delineated by border bottom  */
display: block;
padding : 10px 24px 24px 10px;
margin : 12px 24px 12px 0px;
background-color:transparent;
border: 1px dashed #99cccc;
}

.stealthbox_itemwrap img {
float : right;
margin: 14px 2em 14px 5em;
/*overflow:hidden;*/
/*clear:both;*/
}


/* ------------------- ----------------- */
#rndbox_column {
position : absolute;
left : 10px;
top : 125px;
width : 118px;
/*border : #FF0099 4px;*/
}
#rndnavbox {
position : relative;   
margin-top : -20px;/* 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;
}

/* --------------------------------  Begin TabNav ------------------------------------------------------- */


#tabnavbar { /* <----------Wrapper for the TabNav ------------- */
/*position : relative;*/
/*display:block;*/
padding: 0px;
margin-top: 0px;  /* ----------------RAISES AND LOWERS TABNAV, Search Form and top of Content area. But search form is adjusted independantly in #tabnavbar form ---------------------  */
background-color: transparent;/* <-------------- Color for Testing ----------------- */
}

ul#tabnav {
list-style-type : none;
margin-top: -5px; /* Effects entire top of content area including tabnav and search form  */
padding-left : 21em;  /* Effects tabnav and search forms distance from left edge of content area 
*/
padding-top: 10px; /*Effects search form only NOT tabs*/
font : bold 11px verdana, arial, sans-serif;
clear : both;
}
ul#tabnav li {
float : left;
height : 25px; /* <--------<------- Controls bottom edges of Tabs AND effects top left PageCurve! Lower than 25px will raise bottom edge of tabs and Top-Left-PageCurve, leaving a transparent gap--  More than 25 will push down the pagecurve image but leave a white gap--*/
background-color : #b51032;
color : #fff;
margin-right : 4px;  /*Controls gap between tabs*/
}
ul#tabnav a:link, ul#tabnav a:visited {
display : block;
color : #fff;
background-color : transparent;
text-decoration : none;
padding : 7px 6px 4px 6px; /* --  First parameter sets Distance Between Text and Top of Tab. Bottom parameter sets bottom edge of tab's hover state -- */
}
ul#tabnav a:hover {
background-color : #f4869c;
color : #fff;
}
body#truck li.truck, body#transit li.transit, body#schoolbus li.schoolbus, body#military li.military {
border-bottom : 0px solid #fff;
color : #000000;
background-color : #fff;
}
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 : #fff;
}

/*-- The following form ID styles the search form.   --  */

#tabnavbar form { /*  nested inside TabNavBar in markup. A CONTAINER for positioning and styling search form. */
position: relative;
margin-top:-11px; /* adjusts vertical position of search form and TOP RIGHT PAGECURVE image */
margin-left:470px;
width: 230px; /* Affects search form submit button's position */
height: 23px;/* Affects bottom of tabnavbar and right pagecurve image */
background-color: transparent;
}
/* <--------------------  End TabNav ----------------------------------------- */

/* ----------------------------  Content ---------------------------------------------- */
#content {
position:relative;
border-top : none;
padding : 0;
background-color:#fff;
margin: 0 1.5em 5px 130px;
}
/* -------------------------------------------- Pagecurve Graphics-------------------------------------------- */
.bottom-left-pagecurve {
position : relative;
left : 0;
bottom : 0px; /* was -1px */
/*width : 16px;
height : 16px;*/
}
.bottom-right-pagecurve {
/*position : relative;*/
float : right;
margin-top: -16px;/* moves image up to correct position*/
bottom: 16px;
width : 16px; 
height : 16px;
}
.top-left-pagecurve {
position : relative;
left : 0;
top : -2px; /* <---------- codependant on search form height------------------  */
width : 16px;
height : 16px;
}
.top-right-pagecurve {
float : right; 
margin-top: -16px;/* moves image vertically*/
width : 16px; 
height : 16px;
/*clear:left;*/
}

/* ------------------------------------------------ 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----------- */
/* ------- General----------- */

.pic_cap_right  /* styles div for image and caption */
{
	float:right;
	margin: 0 0 15px 25px;
	border: 0;
	padding: 0px;
	width:300px;	
}

.pic_cap_right p
{
	font: sans-serif;
	font-style:italic;
	margin-top: 0;
	line-height: 10px;
	font-size: .8em;
	width: 275px;
	clear:both;
}


.pic_cap_left
{
	float:left;
	margin: 0 0 10px 10px;
	border: 0;
	padding: 2px;
	clear: both;
}

/* ------------------- 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;
left : 24px;
font:Arial, Helvetica, sans-serif;
font-style:italic;
}

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;
}

#footer {
	margin : 12px 30px 0px 141px;  /*  <------------------------------------------Set div box perameters here------------------------ */
	text-align : center;	
}	 

.footlist li {
display : inline;
margin : 8px 30px 8px 0px;
}
.nestwrapleft {
	float : left;
	display : block;
	width: auto;
	margin-right : 5em;
	border : none;
	background-color : transparent;
	clear:left;
}
.nestwrapmid {
	float : left;
	display : block;
	width: auto;
	margin-right : 2em;
	border : none;
	background-color : transparent;
	margin-left: 3em;
}
.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;
}
/*------------------Clears-----------------------------------------*/
.clear , br {
clear : both;
}
.clearleft {
clear : left;
}
.clearright {
clear: right; line-height:0; height:0;
}
.clearbox {
	font-size : 1px;
	height : 1px;
}


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

.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;
}




.right_sidebar {
	float : none;
	display : block;
	background-color : transparent;
	border : 1px solid silver;
	/* max-width : 200px;  <-- Unsupported by IE 6.0, IE Mac 5.2, Safari 2.0  */
	text-align : left;
	width : 240px;
	position: relative;
	margin-top: 22px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 16px;
}

/* ------------------- 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;
}
	*/
/* Unused Stealthbox styles --------------------

.stealthbox img left {
float : left;
display : inline;
background-color : transparent;
margin : 8px 22px 8px 30px;
} 
.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;
}
/* -------------------------Check to see if needed---------------------------------
.leftcolumn {
position : relative;
} 
.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;

text-align : left;
width : 16em; 
}
.right_column {
	float : left;
	display : inline;
	padding : 6px;
	background-color : #ccffff;
	margin-top : 0px;
	margin-right : 0px;<
	/* max-width : 300px;	
text-align : left;
	width : 150px;
	clear: left;
}
.right_table {
	position:relative;
	display : block;
	padding : 3px;
	margin-top : 22px;
	margin-right : 18px;
	text-align : left;
}
.right_stealthcolumn { 
float : left;
display : block;
padding : 6px;
background-color : #ffffcc;
margin-top : 22px;
margin-right : 40px;
text-align : left;
width : 150px;
}
.leftcolumn {
position : relative;
}

.right_sidebar {
	float : none;
	display : block;
	background-color : transparent;
	border : 1px solid silver;
	text-align : left;
	width : 240px;
	position: relative;
	margin-top: 22px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 16px;
}

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