BODY {
      background-color : #585858;
      background-image: url("sidebar.png");
      background-repeat: repeat-y; 
      font-family : Lucidia Console, Times New Roman, Verdana;
	  font-weight: 600;
      color : #000000;
	 
      margin: 0px; 
      }

.Navigation {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top: 130px; 
    left: 1px;
    width: 140px;
    height: auto;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/

.Content {/*this is the main content area*/
    
	background: #000000;
    /*declare a color together with a contrasting background color*/
    color: #CCCCCC;/*to insure readability*/
    margin-left: 141px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;/*breathing space for the text*/
	 margin-top: 5px;
    padding: 5px;/*space to separate navigation and content*/
    font-family : Lucidia Console, Times New Roman, Verdana; 
	
	font-weight: 600; 
    width: 815px;
    border: 2px solid #CCCCCC;
	border-style: groove;
	text-align: center;
   /*to insure that NN4.xx renders the background-color of the content area*/
	background-image: url("pilgrimage.JPG");
	background-repeat: no-repeat;
    

    }
.Content2 {/*this is the main content area*/
    
    background: #D3D3D3;
    /*declare a color together with a contrasting background color*/
    color: #000000;/*to insure readability*/
    margin-left: 141px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;/*breathing space for the text*/
    margin-top: 5px;
    padding: 5px;/*space to separate navigation and content*/
    font-family : Lucidia Console, Times New Roman, Verdana; 
	 
	 font-weight: 600; 
     width: 815px;
         border: 2px solid #000033; 
		 border-style : groove;
		 
   /*to insure that NN4.xx renders the background-color of the content area*/
   
/*	background-attachment: fixed;
 background-image: url("Spaceharrier1.jpg");
	background-repeat: repeat;
  background-position: center left; */

   }
   .Content3 {/*this is the main content area*/
   
    background: #D3D3D3;
    /*declare a color together with a contrasting background color*/
    color: #000000;/*to insure readability*/
    margin-left: 141px;
    /*to position the content area to the right of the navigation*/
    margin-right: 0px;/*breathing space for the text*/
    margin-top: 5px;
    padding: 5px;/*space to separate navigation and content*/
    font-family : Lucidia Console, Times New Roman, Verdana; 
	 
	 font-weight: 600; 
     width: 815px;
         border: 2px solid #000033; 
		 border-style : groove;
		 

   
/*	background-attachment: fixed;
 background-image: url("Spaceharrier1.jpg");
	background-repeat: repeat;
  background-position: center left; */

   }
   
.leftrow {
    background: #D3D3D3;
	position:absolute;
	left: 145px;
	width: 450px;
	font-size: 12pt;
	border: 2px #D3D3D3; 
		 border-style : outset;
	padding: 3px;/*space to separate navigation and content*/
	
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist1.jpg");
	background-repeat: repeat-y;
  background-position: center left; */

    }
.rightrow {
	background: #D3D3D3;
	position:absolute;
	font-size: 12pt;
    top: -1px; 
    left: 460px;
    width: 350px;
		border: 2px #D3D3D3; 
		 border-style : outset;
    padding: 2px;/*space to separate navigation and content*/
		
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist2.jpg");
	background-repeat: repeat;
  background-position: center left;  */
	
     }

.leftrow2 {/*Spec Sheets*/
    background: #D3D3D3;
	position: absolute;
	left: 145px;
	width: 300px;
	font-size: 10pt;
	border: 2px solid #D3D3D3; 
		 border-style : inset;
	padding: 5px;/*space to separate navigation and content*/
	font-weight: 500;
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist1.jpg");
	background-repeat: repeat-y;
  background-position: center left; */

    }


.rightrow2 {/*Spec Sheets*/
    background: #D3D3D3;
    	position: absolute;
	font-size: 10pt;

    left: 652px;
    width: 300px;
		border: 2px solid #D3D3D3; 
		 border-style : inset;
    padding: 2px;/*space to separate navigation and content*/
		font-weight: 500;
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist2.jpg");
	background-repeat: repeat;
  background-position: center left;  */
	
     }
	 
.rightrow3 {/*this is the main content area*/
    background: #D3D3D3;
    	position: absolute;
	font-size: 10pt;

    left: 550px;
    width: 300px;
		border: 2px solid #000033; 
		 border-style : groove;
    padding: 2px;/*space to separate navigation and content*/
		font-weight: 500;
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist2.jpg");
	background-repeat: repeat;
  background-position: center left;  */
	
     }	 

.leftrow4 {
    background: #D3D3D3;
	position:absolute;
	left: 145px;
	width: 450px;
	font-size: 12pt;
	border: 2px #D3D3D3; 
		 border-style : inset;
	padding: 3px;/*space to separate navigation and content*/
	
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist1.jpg");
	background-repeat: repeat-y;
  background-position: center left; */

    }
.rightrow4 {
	background: #D3D3D3;
	position:absolute;
	font-size: 12pt;
    top: -1px; 
    left: 460px;
    width: 350px;
		border: 2px #D3D3D3; 
		 border-style : inset;
    padding: 2px;/*space to separate navigation and content*/
		
/*	background-attachment: fixed;
 background-image: url("Spaceharrierlist2.jpg");
	background-repeat: repeat;
  background-position: center left;  */
	
     }



.Header {
    font-size: 14px;
    margin-top: 0px;
    margin-left: 0px;
	margin-right: 0px;
	width: 1470px;
	height: 102;
	 background-image: url("spaceharrier3.JPG");
	 background-repeat: no-repeat;
	 background-position: 142px 0px;
}

.Footer {
    
    font-size: 14px;
    margin-top: 5px;
    margin-left: 142px;
	margin-right: 0px;
		width: 1331px;
	 background-image: url("spaceharrier4.JPG");
	 background-repeat: no-repeat;
	 background-position: 0x 0px;
	
}
	
    
.box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  
  color : #000000;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 2px;
  margin: 2px;
  border-color : 000000;
  border-style : groove;
  border-width : 3px;/* the border property in longhand*/
  }
  
  .combox {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  background: 000000;
  color : #999999;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 2px;
  margin: 2px;
  border-color : 000000;
  border-style : groove;
  border-width : 3px;/* the border property in longhand*/
  width: 250px;
  }


.navbox {/*button-like box for the left-side navigation*/
   font-size: 15px;/*readability for the links*/
   font-family : Adobe Garamond Pro; 
	background-color: #8B0000;
	background-image: url("Nav.jpg");
	background-repeat: repeat-y;
   border-color: #8B0000;
   border-style: ridge; 
   border-width: 2px;
   padding: 2px;
   margin: 0px;
   }
   
   
.box1 {
   font-size: 15px;
   font-family : Lucidia Console, Times New Roman, Verdana; 
	background-color: transparent;
	margin-left: 1px;
	margin-top:0px;
	width: 140;
	height: 102;
   border-color: #000000;
   border-style: outset; 
   border-width: 2px;
   padding: 0px;
   background-image: url("shinobi3.png");
   background-repeat: no-repeat;
   }

.box2 {
	position: absolute;
	font-size: 15px;
	font-family : Lucidia Console, Times New Roman, Verdana;
	background-color: transparent;
	left: 962px;
	top: 122px;
	width: 340;
	height: 260;
	border-color: #999999;
	border-style: groove;
	border-width: 0px;
	padding: 6px;
	background-image: url("glowbox.png");
	background-repeat: no-repeat;
	


   }

.box3 {
   position: absolute;
   font-size: 15px;
   font-family : Lucidia Console, Times New Roman, Verdana; 
	background-color: transparent;
	left: 0px;
	top:500px;
	width: 235;
	height: 300;
   border-color: #999999;
   border-style: groove; 
   border-width: 1px;
   padding: 0px;
   background-image: url("");
   background-repeat: no-repeat;
   }

.box4 {
	font-size: 15px;
	font-family : Lucidia Console, Times New Roman, Verdana;
	background-color: transparent;
	margin-left: -6px;
	margin-top: 50px;
	width: 340;
	height: 260;
	border-color: #999999;
	border-style: groove;
	border-width: 0px;
	padding: 6px;
	background-image: url("glowbox.png");
	background-repeat: no-repeat;
	top: 234px;

   }
   
   .box5 {
   position: absolute;
   font-size: 15px;
   font-family : Lucidia Console, Times New Roman, Verdana; 
	background-color: transparent;
	left: 0px;
	top: 600px;
	width: 340;
	height: 260;
   border-color: #999999;
   border-style: groove; 
   border-width: 0px;
   padding: 6px;
   background-image: url("glowbox.png");
   background-repeat: no-repeat;
   }
   
   
P, OL, UL, DL {font-size: 14px; color : #996600;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 14px;}
/*and here the I prevent the incredible shrinking text*/
        
.six {font-size: 11px; 
  color: #999999; /*this is for small text*/
  background: transparent;}
.mit {text-align: justify;}/*justified text*/
.red {color : #FF0000; background: #000000;}
.mint {color: #009999; background: #000000;}
.lime {color: #00FF00; background: #000000;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
A:link {/*normal links in the text*/
  color: #990000; 
  text-decoration : none; 
  background: transparent;
  border-color: transparent;
   border-style: groove; 
   border-width: 0px;}
A:visited {
  color: #FF0000; 
  text-decoration : none; 
  background: transparent;
  border-color: transparent;
   border-style: groove; 
   border-width: 0px;}
A:hover { 
  color: #27408B; 
  text-decoration : underline; 
  background: transparent;
  border-color: transparent;
   border-style: groove; 
   border-width: 0px;}

/*now follow the section links in the navigation bar on the left side*/        
A.nav:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
A.nav:visited {
  color: #FFFFFF; 
  text-decoration : none;
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
A.nav:hover { 
  color: #27408B; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
A.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 20px; 
  background: transparent;}

strong, b {font-weight: 800;}
/*NN 4.xx needs that...*/ 
big {font-size: larger;}
/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}
/*not really necessary, but one never knows...use it inline with a <span> class*/

/*these are the sub-section links in the navigation bar on the left side*/ 
A.nav2:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 900; 
  font-size:12px; 
  background: transparent;}
A.nav2:visited {
  color: #3399CC; 
  text-decoration : none;
  font-weight: 900; 
  font-size:12px; 
  background: transparent;}
A.nav2:hover { 
  color: #36648B; 
  text-decoration : none; 
  font-weight: 900; 
  font-size:12px; 
  background: transparent;}
A.navtot2 {
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 900; 
  font-size: 12px; 
  background: transparent;}/*the actual page*/

/*Drop Down Menu*/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromemenu/chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(chromemenu/chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}