/* CSS Document */

body {

	margin-top: 0px;
	background-image: url(../images/bg_diags_form.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

a:link, a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color: #000000;
font-size:11px;
text-decoration: none;
}

a:hover, a:active {
   text-decoration: underline;
   color: #ff0000;
   }
   
.curvebox {
	float:inherit;
	width: 98%;
	padding: 1em;
	background-color: #ffffff;
	border: 1px solid #B28D7F;
	color: #000000;
	-moz-border-radius: 25px;
}

.curvebox2 {
	float:inherit;
	width: 250px;
	padding: 1em;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	-moz-border-radius: 25px;
}

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



.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: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #B28D7F;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding:4px 4px 4px 0.5em;
	border-left: 1px solid #C5AAA0;
	border-right: 1px solid #C5AAA0;
	background-color:#E7DDD9;
	color:#532821;
	text-decoration: none;
}
#navigation li a:hover {
	background-color:#C5AAA0;
	color: #ffffff;
}


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

.clmonth {
  border-collapse: collapse;
}
.clmonth caption {
  text-align:left;
  font: bold 12px Arial, Helvetica, sans-serif;
  padding-bottom:2px;
}
.clmonth th {
  border: 1px solid #AAAAAA;
  border-bottom: none;
  padding: 2px 2px 2px 2px;
  background-color: #CCCCCC;
  color: #3F3f3f;
  font: 11px Veridana, Geneva, Arial, Helvetica, sans-serif;
}
.clmonth td {
  border: 1px solid #eaeaea;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 2px, 2px 2px 2px;
  vertical-align: top;
}
.clmonth td.previous, .clmonth td.next {
  background-color: #f6f6f6;
  color: #c6c6c6;
}
.clmonth td.active {
  background-color: #b1cbe1;
  color: #2b5070;
  border: 2px solid #4682B4;
}



#topmenu{
font-family:Arial, Helvetica, sans-serif;
color: #E7DDD9;
font-weight: bold;
font-size: 90%;
}



#topmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color:#CCCCCC;

text-align: left; 
}

#topmenu ul li{
display: inline;
}

#topmenu ul li a{
color: #993300;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#topmenu ul li a:visited{
color: #ffffff;
} 

#topmenu ul li a:hover{
color:#FFCCCC;
border-bottom: 3px solid #000000;
padding-bottom: 0;
}



ul#tabnav {
	list-style-type: none;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 26px;
	border-bottom: 1px solid #99cc33;
	font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
	float: left;
	height: 23px;
	background-color: #000000;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border: 1px solid #99cc33;
}
ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	padding: 4px;
}
ul#tabnav a:hover {
	background-color: #99cc33;
	color: #FFFFFF;
	}
	
#tabnav li a.current{
background: #99cc33;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;

right: -100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

top: 15px;
left: 10px; /*position where enlarged image should offset horizontally */

}




/* CSS Document */

<style type="text/css">

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

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

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}







ul#nav2, ul#nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#nav2  li {
	position: relative;
	float: left;
	width:125px;
}
	
#nav2 li ul {
	position: absolute;
	margin-left: -999em; /* hide menu from view */
	top: auto;
	left:0;
}
/* Styles for Menu Items */
ul#nav2  li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #ffffcc; /* IE6 Bug */
	padding: 5px;
	border: 0px solid #ccc;
		margin-bottom:-1px;
	min-height:0;
	}
/* commented backslash mac hiding hack \*/ 
* html ul#nav2  li a {height:1%;	position:relative;}
/* end hack */ 

/* this sets all hovered lists to red */
#nav2 li:hover a,#nav2  li.over a,
#nav2 li:hover li a:hover,#nav2 li.over li a:hover {
   color: #fff;
   background-color:#99CC00;}

/* set dropdown to default */
#nav2 li:hover li a,#nav2 li.over li a {
   color: #777;
   background-color: #ffffcc;
}
#nav2 li ul li a { padding: 2px 2px; } /* Sub Menu Styles */
#nav2 li:hover ul,#nav2 li.over ul {margin-left:0; } /* show menu*/

</style>