BODY { background: #006666;
font-family: Verdana;

		background-image: url(http://www.martinator.com/_components/IMAGES/background.gif); }
		
		   #map, #mapHolder/*for dev*/{width: 32.8em; height: 26.25em;}
		   
		   #mapHolder/*for dev*/{border: solid 1px #000;}
	
		H1, H2, H3, H4, H5, H6 { line-height: 1em;}
		
		.content H1{font-size: 1.75em;}
		H2{font-size: 1.31em;}
		H3{font-size: 1.2em;}
		H4{font-size: 1em;}
		H5{font-size: 1em;}
		H6{font-size: 1em;}
	
	/*BANNER Stuff*/	
		
		TABLE.site {width: 48em/*48em60em*/;}
		
		TBODY.SiteBanner{
		border-bottom: solid 1px #99CCCC; 
		padding: 0px; 
		background-color: #FFFFFF;}
		
		TBODY.SiteBanner TD {padding: 0px; margin: 0px;}
		
		.SiteBannerContainer{}
		
		
		
		DIV.siteBlurb P{font-size: 1.1em;
		font-weight: bold;
		color: black;
		margin: 8px;
		margin-top: 12px;
		margin-bottom: 0px;
		
		text-align: center;
	}

/*NAV BAR*/


TD.NavContainer {padding: 0px; 
	background-color: #99ffff;/*#00cccc;*/	 
	border: solid  1px #99ffff;/*#00cccc;*/	
	border-bottom: solid 0px #fff;}

UL#MainNav{position: relative;
	margin: 8px 0px 14px 0;
	margin-bottom: 14px;
	margin-top: 8px;}
		
UL#MainNav LI {display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: .75em; 
   font-weight: bold;
   font-variant: small-caps;
   line-height: 1em; 
   text-align: center;
   text-decoration: none;
   padding: .5em;}

UL#MainNav LI.TopNavCell A, 
UL#MainNav LI.TopNavCellOn A,
UL#MainNav LI.TopNavCellHover A,
UL#MainNav LI.TopNavCell A:hover, 
UL#MainNav LI.TopNavCellOn A:hover, 
UL#MainNav LI.TopNavCellHover A:hover, 
UL#SecNav LI.SecNavCell A, 
UL#SecNav LI.SecNavCellOn A,
UL#SecNav LI.SecNavCellHover A, 
UL#SecNav LI.SecNavCell A:hover, 
UL#SecNav LI.SecNavCellOn A:hover, 
UL#SecNav LI.SecNavCellHover A:hover { 
	color: #003333;
	text-decoration: none;}
	
UL#SecNav{margin: 0px 0px .4em .5em;
	margin-top: 0px; 
	margin-bottom: .4em;}

UL#SecNav LI {display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: .70em; 
   font-weight: bold;
   font-variant: small-caps;
   line-height: 1em; 
   text-align: center;
   text-decoration: none;
   padding: .5em;}

.TopNavCell {background:#00cccc;/**/	
   border: solid  1px  #99ffff;/*#00cccc;*/	
   padding: 0px;
   text-decoration: none;}   
	
.TopNavCellOn {
text-decoration: none;
background: #99ffff;/*#00cccc;*/	
   border: solid  1px  #00cccc;/*99ffff#;*/	  
   border-bottom: solid  1px  #99ffff;/*#00cccc;*/	 }

.TopNavCellHover   {
text-decoration: none;
background: #99ffff;/*#00cccc;*/	
   border: solid  1px  #00cccc;/*99ffff#;*/	
   border-bottom: solid  1px  #00cccc;/*#00cccc;*/	 }
   
	
.SecNavCell {background: #99ffff;/*#00cccc;*/	}

.SecNavCellOn {background: #fff;}

.SecNavCellHover {background: #fff;
	border-bottom: solid  16px  #99ffff;/*#00cccc;*/	}

		
/*content area stuff*/	

#leftGutter{width: .01em;}
	
/*   TABLE.main {width: 48em;}	
TABLE.main TBODY {border: 0px;}		   */
 TBODY.main TD	{ font-family: Arial, Helvetica, serif;
    		  font-size: .95em;
		      color: #000000;
		      background-color: #ffffff;
			  }

TBODY.main TD.content	{  width: 36.45em; 
				padding: 16px 16px 16px 16px;
				 border: solid 0px 1px 0px 1px #99CCCC;
				 border-top: 0px; background-color: #fff; }
				 
	TBODY.main TD.content Q {font-style: italic; }			 

				 
	TBODY.main TD.infoarea	{ width: 11.5em; 
					padding: 32px 8px 16px 8px;
					 border: solid 1px #99CCCC; 
					 background-color: #99CCCC;
					 background-image: url(../IMAGES/mp_bgcell.gif);
					 }	
					 
					 

TBODY.main TD.infoarea.home {background-image: url(../IMAGES/mp_bgcell.gif);}	

TBODY.main TD.infoarea.about	{background-image: url(../IMAGES/about.gif);}		
TBODY.main TD.infoarea.engagements	{background-image: url(../IMAGES/engagements.gif);}		
TBODY.main TD.infoarea.education	{background-image: url(../IMAGES/education.gif);}		
TBODY.main TD.infoarea.competencies	{background-image: url(../IMAGES/competencies.gif);}		
TBODY.main TD.infoarea.contact	{background-image: url(../IMAGES/contact.gif);}		

TBODY.main TD.infoarea.blog	{}
TBODY.main TD.infoarea.shortstory {}
TBODY.main TD.infoarea.family {}	
TBODY.main TD.infoarea.bikeBlog	{background-image: url(../../bike/images/bike_bg_02_200.gif);}
TBODY.main TD.infoarea.bikeNJBlog	{background-image: url(../../bikenj/images/new-jersey.jpg); width: 200px;}
				 
 TD.infoarea DIV.InfoBlock	{    width: 100%;  /*  */
				font-size: .8em;
				padding: 4px 4px 8px 4px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 24px;
				}		 		
	
	TD.content DIV.InfoBlock	{width: 200px; float: right;
	font-size: .8em;
				padding: 4px 4px 24px 4px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 24px;}
				 
		TD.content DIV.InfoBlock.Add120	{width: 130px; float: right;
				padding: 4px 5px 8px 5px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-left: 16px;
				  margin-right: 0px;
				 margin-bottom: 24px;}
				 
				 
	TD.content DIV.InfoBlock.Engagements {width: 34em; 
	float: none;
	font-size: 1em;
	margin-left: 2em;
				/*   padding: 4px 4px 24px 4px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 24px;   }		
		DIV.InfoBlock.Engagements DL {margin-bottom: 0px;}		 
		DIV.InfoBlock.Engagements DL DT, DIV.InfoBlock.Engagements DL DD.company  {font-weight: bold;}		 
		DIV.InfoBlock.Engagements DL DD {margin-left: 8em; margin-top: -1.2em; padding-bottom: .5em;}	
		DIV.InfoBlock.Engagements DL DD UL LI { padding-bottom: .25em; padding-right: .25em}					  
				 
				 
	DIV.InfoBlock {width: 100%; }
	DIV.InfoBlock H2 {font-size: 1em; line-height: 1em;}
	DIV.InfoBlock UL {margin-left: 1.25em;}
	
	.m8open {display: block;}	
	.m8closed {display: none;}	
	
	DIV.InfoBlock UL LI { padding-left: .5em; padding-bottom: .25em;}

	LI.icon_pdf {list-style-image: url(../../IMAGES/ICONS/PDF.GIF); padding-left: 4px; }
	LI.icon_biker {list-style-image: url(../../IMAGES/ICONS/Helmet.gif); padding-left: 4px; }
		LI.icon_biker2 {list-style-image: url(../../IMAGES/ICONS/bike_logo.gif); padding-left: 4px; }
	LI.icon_zip {list-style-image: url(../../IMAGES/ICONS/ZIP.GIF); padding-left: 4px; }
	LI.icon_excel {list-style-image: url(../../IMAGES/ICONS/EXCEL.GIF); padding-left: 4px; }
	LI.icon_html {list-style-image: url(../../IMAGES/ICONS/HTML_POP_Z.gif); padding-left: 4px; }/*../../IMAGES/ICONS/HTML_DOC.GIF ../../IMAGES/ICONS/HTML_POP_Z.gif*/
	LI.icon_WORD {list-style-image: url(../../IMAGES/ICONS/WORD.GIF); padding-left: 4px; }
	
	
	LI.icon_MotionBased {list-style-image: url(../../IMAGES/ICONS/icon_Motionbased.gif); padding-left: 4px; }
	LI.icon_GOOGL_Map {list-style-image: url(../../IMAGES/ICONS/icon_maps_googl_16x16.png); padding-left: 4px; }
	LI.icon_GOOGL_Map2 {list-style-image: url(../../IMAGES/ICONS/icon_maps_googl.gif); padding-left: 4px; }
	LI.icon_GOOGL_Earth {list-style-image: url(../../IMAGES/ICONS/GoogleEarth.gif); padding-left: 4px; }
	
	.content A.pop {/* background-image: url(../../IMAGES/ICONS/HTML_POP_Z.gif); background-repeat: no-repeat; padding-left: 18px;*/ }
	LI.icon_pop {list-style-image: url(../../IMAGES/ICONS/HTML_POP_Z.gif);  }
	
	DIV.InfoBlock UL.rss {/*margin-left: 2.5em; 
						margin-bottom: 0px;*/}
	DIV.InfoBlock UL.rss LI {/* padding-bottom: 8px;*/}
	/*LI.icon_XML {list-style-image: url(../../IMAGES/ICONS/button_rss_36x14.gif); padding-left: 50px; }*/
	LI.icon_XML {list-style-image: url(../../IMAGES/ICONS/rss.gif);  }
	LI.icon_Konfab {list-style-image: url(../../IMAGES/ICONS/Konfabulator_icon_16.png);  }

	/*Bike Log stuff*/
	
	TABLE.bikelogdata {font-size: .8em; border: solid 1px #000; text-align: center; }

TABLE.bikelogdata TH {border-bottom: dashed 1px #000; text-align: center; padding: 4px;}
TABLE.bikelogdata TH.first { text-align: left; border-right: dashed 1px #000;}

TABLE.bikelogdata TD { border-bottom: dashed  1px  #000; text-align: center; border-right: dotted 1px #000; padding: 4px;}
TABLE.bikelogdata TD.first { text-align: right;}

TABLE.bikelogdata TR.last TD { border-bottom: dashed  0px  #000;}
TABLE.bikelogdata TR.last TH {border-bottom: dashed 0px #000;}
	

/*footer stuff*/
TABLE TR.footer {border: 0px;}		

TR.footer TD.content	{width: 33em; 
				padding: 32px 16px 16px 16px;
				 border: solid 1px #99CCCC;
				  border-top: 0px ; 
				 } 
				 
/*   TR.footer TD.infoarea	{ 
				padding: 32px 16px 16px 16px;
				 border: solid 1px #99CCCC; 
				 background-color: #99CCCC;}	   */			 
			  
P.copyright { 
width: 100%;
font-size: .6em;
font-family: Verdana;
		  text-align: right;}
		  
		  
		  /*Holiday addition*/

  .SiteBanner.holidaylights, /*   TBODY.main TD.content   */	{  background-image: url(/_components/IMAGES/holiday/TWINKLE.GIF) !important;
    background-repeat: repeat-x;}
	
  .SiteBanner.hearts, /*   TBODY.main TD.content   */	{  background-image: url(/_components/IMAGES/holiday/heartrule.gif);
    background-repeat: repeat-x;}	
	
  .SiteBanner.shamrocks, /*   TBODY.main TD.content   */	{  background-image: url(/_components/IMAGES/holiday/shamrock.gif);
    background-repeat: repeat-x;}	
	
	TBODY.main TR.footer TD.content	{  background-image: none;}

		  


 /*##########################################*/
 
#mapPrint {display: none;}
#schostpro_addtext {display: none;}


     @media  print {  /*    */ 
   
   @import
BODY { background: #ffffff;
font-family: Verdana;}

H1 { line-height: 14pt;}
		
		.content H1{font-size: 14pt;}

H2, H3, H4, H5, H6, p {display: none;}

.content H2, .content H3, .content H4, .content H5, .content H6, .content p {display: block;}


#SiteBanner, .SiteBanner, #schostpro_add {display: none;}
#schostpro_addtext {display: none;}
.infoarea.bikeBlog{display: none; }
.NavContainer{display: none;}

TABLE.site {width: 7in;}
TBODY.main TD.content	{  width: 8in; 
				
				 border: solid 0px 0px 0px 0px #000000;
				 }
#map, #mapholder/*for dev*/{width: 7in; height: 8in;}

TD {border: solid 0px #000 !important;}
#leftGutter{display: none;}


TD.content DIV.InfoBlock	{width: 100%; float: right;
	font-size: .8em;
				padding: 4px 4px 24px 4px;
				border: 0px;
				 border-bottom: solid 1px #000000; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 12px;}
				 
	
				 
				 
	TD.content DIV.InfoBlock.Engagements {width: 7.25in; 
	float: none;
	font-size: 12pt;
	margin-left: 0in;
				/*   padding: 4px 4px 24px 4px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 12px; 
				 page-break-inside: avoid;
				 
				   }	


TBODY.main TD.infoarea	{display: none;}



TR.footer TD.content	{
				padding: 8px;
				 border: solid 0px #99CCCC;
				 } 
#mapCopy{display: none;}
				 
p.copyright{display: block; font-size: 10pt;}


   }     
   
    
   /*##########################################*/
   

   
        @media  handheld { /*   */    
   
   
BODY { background: #006666;
background-image: none;
font-family: Verdana;}

H1 { line-height: 14pt;}
		
		.content H1{font-size: 14pt;}



.content H2, .content H3, .content H4, .content H5, .content H6, .content p {display: block;}


#SiteBanner, .SiteBanner, #schostpro_add {display: none;}
#schostpro_addtext {display: inline;}


TABLE.site {width: 100%;}
TBODY.main TD.content	{  width: 100%; 
				
				 border: solid 0px 0px 0px 0px #000000;
				 }


TD {border: solid 0px #000 !important;}
#leftGutter{display: none;}


TD.content DIV.InfoBlock	{width: 100%; float: right;
	font-size: .8em;
				padding: 4px 4px 24px 4px;
				border: 0px;
				 border-bottom: solid 1px #000000; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 
				 margin-bottom: 12px;}
				 
	
				 
				 
	TD.content DIV.InfoBlock.Engagements {width: 100%; 
	float: none;
	font-size: 12pt;
	margin-left: 0in;
				/*   padding: 4px 4px 24px 4px;
				 border: outset 4px #99CCCC; /*dotted | dashed | solid | double | groove | ridge | inset | outset*/
				 background-color: #ffffff;
				 margin-bottom: 12px; 
				 page-break-inside: avoid;
				 
				   }	


TBODY.main TD.infoarea	{background-color: #99ffff;
background-image: none;}



TR.footer TD.content	{
				padding: 8px;
				 border: solid 0px #99CCCC;
				 } 
#mapCopy{display: none;}
				 
iframe, div.InfoBlock iframe, .InfoBlock.Add120 {display: none;}
   }