/* UCSD Main Link Design plus my additions */
a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.largelink:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.largelink:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
alargelink:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: underline;
}
a.mediumlink:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.mediumlink:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.mediumlink:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: underline;
}
a.smalllink:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.smalllink:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333399;
	text-decoration: underline;
}
a.smalllink:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: underline;
}	
a.reverse:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: underline;
}
a.reverse:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: underline;
}
a.reverse:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: underline;
}
a.reverse:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: underline;
}
a.reverse:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: underline;
}
a.reversenodec:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}
a.reversenodec:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}
a.reversenodec:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
	text-decoration: none;
}
a.reversenodec:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}

/*body { behavior: url("csshover3.htc"); } */

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bodycopy {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bodycopysmall {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bodycopy100 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bodycopy125 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.smallblack {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}	
/* UCSD Footer */
.footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #9999CC;
}
ol.typenone {
list-style-type: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ol.decimal {
	list-style-type: decimal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

ol.loweralpha {
	list-style-type: lower-alpha;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ol.upperalpha {
	list-style-type: upper-alpha;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ol.lowerroman {
	list-style-type: lower-roman;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ul {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ul.bullet {
	list-style-type: disc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
ul.open {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	display:block;
}
ul.closed {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	display:none;
}
div.float {
  float: right;
  width: 100;
  padding: 30px;
  }
  
div.float p {
   text-align: center;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 85%;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
}
.hang
	{ text-indent: -1em;
    margin-left: 1em;
	}

/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */

/* CSS Section */

      /* style the outer div to give it width */
.menu {
   z-index:99;
   margin: 0 auto 20px;  /* top R/L bottom */
   position:relative;    /* Make the container moveable */
   width:800px;          /* Main bar total width, minimize to center */
}

      /* remove all the bullets, borders and padding from the default list styling */
.menu ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

.menu ul ul {
   width:130px; 
}

      /* float the list to make it horizontal and a relative position so that you can control the dropdown 
menu position */
.menu li {
   float:left;
   text-align:center;
   width:auto; 
   position:relative;
   padding: 0;
}

      /* style the links for the top level */
.menu a, .menu a:visited {
   display:block;
   font-size:8pt;
   text-decoration:none; 
   color:black;
   background:white;
  border:1px solid black; 
  border-width:1px 1px 1px 1px; 
   font-family: verdana;
   width:auto;            /* Defines the main box dimensions. */
   height:25px;           /*How tall your cells are */
   line-height:25px;      /*Adjust this to vertically center your text in each cell. Should be about the 

same as height. */
   padding: 0 10px;
   min-width: 100px;
}

      /* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited
    {width:130px; w\idth:130px;}

      /* style the second level background non-hover */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:yellow;}  /* if 3rd level exists */

      /* style the second level hover */
.menu ul ul a.drop:hover {background:red;}
.menu ul ul :hover > a.drop {background:red;}

      /* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:purple;}  /* not FF */

      /* style the third level hover */
.menu ul ul ul a:hover {background:yellow;}
.menu ul ul ul :hover > a {background:yellow;}     /* 3rd (w/o 4th) 4th hover */

      /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:25px;
   left:0; 
   width:130px;  /* Size of the daughter cells */
}

      /* another hack for IE5.5 */
* html .menu ul ul 
   {top:20px; t\op:21px;}   /* IE gap between main bar and the dropdown items */

      /* position the third level flyout menu */
.menu ul ul ul {
   left:120px; 
   top:0;
   width:160px;
   height:auto;
}

.menu ul ul ul li a {
   color:purple;
}

.menu ul ul ul li a:hover {
   color:green;
}

      /* position the fourth level flyout menu */
.menu ul ul ul ul {
   left:130px; 
   top:0;
   width:130px;
   height: auto !important;
}

     /* 4th level non-hover */
.menu ul ul ul ul li a {
   color:blue;
   width:150px;
}

      /* style the table so that it takes no part in the layout */
.menu table {position:absolute; top:0; left:0;}

      /* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
   color:red;
   background:green;
   height:25px; 
   line-height:25px; 
   width:100px;
}

.menu ul ul :hover > a.drop  {background:purple;}   /* 2nd if 3rd level exists */

      /* style the third level links */
.menu ul ul ul a, .menu ul ul ul a:visited {
   color:pink;              /* hover 2nd > 3rd & 4th */
   background:orange;        /* hover 3rd > 4th */
   height:25px; 
   line-height:25px; 
   width:110px;
}

      /* yet another hack for IE5.5 */
* html .menu ul ul a 
   {width:120px; w\idth:120px;}

      /* main hover ?IE? */
.menu a:hover, .menu ul ul a:hover {
   color:purple;
   background:pink;
}

      /* main hover */
.menu :hover > a, .menu ul ul :hover > a {
   color:white;
   background:blue;
}

      /* make the 2nd level visible when hover on 1st level list OR link */
.menu ul :hover ul {visibility:visible;}
      /* keep the 3rd level hidden when you hover on 1st level list OR link */
.menu ul :hover ul ul {visibility:hidden;}
      /* keep the 4th level hidden when you hover on 2nd level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
      /* make the 3rd level visible when you hover over 2nd level list OR link */
.menu ul :hover ul :hover ul {visibility:visible;}
      /* make the 4th level visible when you hover over 3rd level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* End Navbar Code */