/* CSS Document */

.boxout {
  color: #000000;
  background-color: #6a5acd;
}
.boxout a:link, .boxout a:visited {
  text-decoration: underline;
  color:#e4e2f6;
  background-color: transparent;
}

.boxout a:hover, .boxout a:active {
  background-color: #c9c3ed;
  color: #191970;
}

.hilite {
  background-color: #FFFF99;
  color: b22222;
}

.imgborder {
  border: 1px solid #000000;
}

.body {
   background: #FFFFFF url(images/redirect.gif) no-repeat left top fixed;
}

.smallbox {
   background-image: url(images/gnlogo.gif);
   background-repeat: repeat-y;
   float: left;
   padding-left: 100px;
   margin-right: 20px;
   width:550px;
   border: 1px solid #F5c9c9;
}

.smallbox2 {
   backgroung-image: url(images/gnlogo.gif);
   background-repeat: no-repeat;
}

#navigation {
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #DCDCC9;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding:4px 4px 4px 0.5em;
	border-left: 6px solid #DCDCC9;
	border-right: 1px #DCDCC9;
	
	color:#000000;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #D2D2A6;
	color:#000000;
}


#listnavigation {
   width: 200px;
   font-family: Arial, Helvetica, sans-serif;
 }
#listnavigation ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
#listnavigation li {
   border-bottom: 1px solid #ED9f9f;
 }
#listnavigation li a {
   display: block;
   padding:5px 2px 2px 0.5em;
   border-left: 12px solid #711515;
   border-right: 1px solid #711515;
   background-color: #FF9900;
   color: #FFFFFF;
   text-decoration:none;
 }
<!-- navigation based on a list -->
#navbasedonalist {
   width: 200px;
   font-family: Arial, Helvetica, sans-serif;
 }
<!-- navigation without a list -->
#navwithoutlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

<!-- navigation with a bottom borderand with hover effect -->
#bottomborder li {
   border-bottom: 1px solid #ED9F9F;
 }
#bottomborder li a:link, #bottomborder li a:visited {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #711515;
   border-right: 1px solid #711515;
   background-color: #b51032;
   color: #FFFFFF;
   text-decoration: none;
 }
#bottomborder li a:hover {
   background-color: #711515;
   color: #FFFFFF;
 }
 
 
<!-- navigation system with sub-navigation -->
#subnavigation {
   width:200 px;
   font-family: Arial, Helvetica, sans-serif;
 }
 #subnavigation ul {
   list-style:none;
   margin: 0;
   padding: 0;
 }
#subnavigation li {
   border-bottom: 1px solid #ED9f9f;
 }
#subnavigation li a:link, #subnavigation li a:visited {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #711515;
   border-right: 1px solid #711515;
   background-color: #b51032;
   color: #FFFFFF;
   text-decoration: none;
 }
#subnavigation li a:hover {
   background-color: #711515;
   color: #FFFFFF;
 }
#subnavigation ul ul {
   margin-left: 12px;
 }
#subnavigation ul ul li {
   border-bottom: 1px solid #711515;
   margin: 0;
 }
#subnavigation ul ul a:link, #subnavigation ul ul a:visited {
   background-color: #b51032;
   color: #711515;
 }
#subnavigation ul ul a:hover {
   baackground-color: #711515;
   color: #FFFFFF;
 }
 
<!-- the sub-list has taken on the styles of the main navigation -->
#sublistnav {
   width:200 px;
   font-family: Arial, Helvetica, sans-serif;
 }
 #sublistnav ul {
   list-style:none;
   margin: 0;
   padding: 0;
 }
#sublistnav li {
   border-bottom: 1px solid #ED9f9f;
 }
#sublistnav li a:link, #sublistnav li a:visited {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 12px solid #711515;
   border-right: 1px solid #711515;
   background-color: #b51032;
   color: #FFFFFF;
   text-decoration: none;
}
#sublistnav li a:hover {
   background-color: #711515;
   color: #FFFFFF;
 }
#sublistnav ul ul {
   margin-left: 12px;
 }
#sublistnav ul ul li {
   border-bottom: 1px solid #711515;
   margin: 0;
 }
#sublistnav ul ul a:link, #sublistnav ul ul a:visited {
   background-color: #ED9f9f;
   color: #711515;
 }
#sublistnav ul ul a:hover {
   baackground-color: #711515;
   color: #FFFFFF;
 }
 
<!-- making a horizental menu using css and lists -->
#horizentalmenu {
   font-family: Arial, Helvetica, sans-serif;
   font-size: .9em;
}
#horizentalmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top:4px;
}
#horizentalmenu li {
   display: inline;
}
#horizentalmenu a:link, #horizentalmenu a:visited; {
  padding: 3px 10px 2px 10px;
  color: #FFFFFF;
  background-color: #b51032;
  text-decoration: none;
  border: 1px solid #711515;
}
#horizentalmenu a:hover {
  color:#FFFFFF;
  background-color: #711515;
}

.thumbnail {
	POSITION: relative
}
.thumbnail:hover {
	Z-INDEX: 50; BACKGROUND-COLOR: transparent
}
.thumbnail SPAN {
	BORDER-RIGHT: gray 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px dashed; PADDING-LEFT: 5px; LEFT: -500px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px dashed; COLOR: black; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px dashed; POSITION: absolute; BACKGROUND-COLOR: #999966; TEXT-DECORATION: none
}
.thumbnail SPAN IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-RIGHT-WIDTH: 0px
}
.thumbnail:hover SPAN {
	LEFT: 60px; VISIBILITY: visible; TOP: 0px
}