/*************************
Contains (mostly) the color settings from the layout style sheet.
**************************/


body {
  background:#069; /*339393 is a nice blue green*/
  color:#000;
   font-family: Verdana, Geneva, Arial, sans-serif;
   text-align: left;
}
#pagewrapper {
	background:#FFF;
	padding: 0 2em 2px 2em; 
	border-right: 2px solid #333;
	border-bottom: medium solid #333;	
	}
p.reverse {
	color:#fff;
	background-color:#006699;
	padding: .5em .5em;
	text-align:center; /*important! reverse is always centered. Use only at the bottom of a page. Oh, and it's BLUE! */
	font-size: .9em;
	}

p.reverse 
a,
a:link, 
a:active,
a:visited,
a:hover {
   color: #fff; 
   border-bottom: 1px dotted #fff;
   text-decoration: none;
   background-color: inherit; 
}
p.grayBlock {
	color:#000000;
	background-color:#dadada
	}

a,
a:link, 
a:active,
a:visited,
a:hover {
   color: #000; 
   border-bottom: 1px dotted #006699;

   text-decoration: none;
   background-color: inherit; 
}
a:hover {
   text-decoration: underline;
   border: none;
}

div#header h1 a {
   background: url(../images/cms/logo_A_110h.png) no-repeat top left; 
   height: 115px; /* adjust according your image size */
}

div.breadcrumbs {
   border-top: 1px solid #c7c7c7;
   border-bottom: 1px solid #c7c7c7;
}

div#footer {
   color: gray;
   border-top: 4pt solid #dadada;
}

div.hr {
   height: 1px;
   border-bottom: 1px solid #dadada;
}
div#content h1, h2 {
   color: #006699; 
   border-bottom: 4px solid #dadada;
}

div#content h3 {
   color: #006699; 
  border-bottom: 2px solid #dadada;
}

div#content h4 {
   color: #006699; 
  border-bottom: 1px solid #dadada;
}
div#content h5 {
   color: #006699; 
   border-bottom: 1px solid #dadada;
}
h6 {
   color: #006699; 
}

table#schedule td, th {
	background-color:#ececec;
	padding: .5em 2px; 
}
td, th {
	background-color:#fff; /* if table has dif bgcolor, to get nice lines. Set this to same as doc. bgcolor*/
	padding: 2px 1px;
}


pre {
   border: 1px solid #000;
   background-color: #ddd;
}

div#main dl {
  border-bottom: 1px solid #c0c0c0;
}

/********************************
 menu styles 
 ********************************/
#primary-nav a { 
   color: #006699;
   background: transparent; 
}

/* The following evidently needs to be in this order, so is copied verbatim from the menu stylesheet */


/* Styling the basic appearance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background-image: url(../images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}

/* Styling the appearance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh,
#primary-nav a:hover  { 
   background-color: #999;
   color:#fff;
}



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}


#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block;
/*   width: 80%; */
   background-color: #dadada; /* sets the 2nd level to gray so menus can be read over the text */
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }