/****************************************

 Main outside div

****************************************/

body

{

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 9pt;

  text-align: left;

  vertical-align: top;

  margin: 7px;

}



table

{

  width:100%;

  vertical-align: top;

}



td

{

  vertical-align: top;

}



/****************************************

 Top display bar

****************************************/

#top

{

}



#top a:link    { text-decoration: none; color: #666666; }

#top a:visited { text-decoration: none; color: #666666; }

#top a:active  { text-decoration: none; color: #666666; }

#top a:hover   { text-decoration: underline; color: #000099; }



#top .menu

{

	font-size:9pt;

}



#content a.menu_selected { font-weight:bold; color: #000099; }



/****************************************

 Left hand side navigation panel and menu

****************************************/

#leftnav

{

  width: 120px;

  float: left;

}



#leftnav a:link    { text-decoration: none; color: #666666; }

#leftnav a:visited { text-decoration: none; color: #666666; }

#leftnav a:active  { text-decoration: none; color: #666666; }

#leftnav a:hover   { text-decoration: underline; color: #000099; }





/****************************************

 Main content panel

****************************************/

#content_main

{

  margin-left: 125px;

  padding-top: 0px;

  padding-bottom: 3px;

  padding-left: 5px;

  padding-right: 5px;

}

#content_outside

{

  width: 100%;

  border: 2px solid #CCCCCC;

  padding: 5px;

}

/* IE will not understand this */

html>body #content_outside {  width: 99%; } /* needed for firefox box model */

#content

{

  width: 100%;

  overflow-x: auto;

}



#content a:link    { text-decoration: none; color: #666666; }

#content a:visited { text-decoration: none; color: #666666; }

#content a:active  { text-decoration: none; color: #666666; }

#content a:hover   { text-decoration: underline; color: #000099; }



#content a.menu_selected { color: #000099; font-weight: bold; }



.heading1 {  font-size: 14px; font-weight: bold; color: #0099CC; ; text-decoration: none}

.heading2 {  font-size: 12px; color: #003366; font-weight: bold; ; font-family: Verdana, Arial, Helvetica, sans-serif}

.heading3 {  font-size: 12px; font-weight: bold; color: #003366; }

.text 		{  font-size: 11px; font-weight: normal; color: #000000; }

.header 	{  font-size: 24px; font-weight: bold; color: #0099CC; }

.infobox	{  border: 1px #CCCCCC solid ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}.callout {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}

.infobox2 {  border: 1px #999999 dashed; background-color: EEEEEE}

.infobox3 {  border: #CCCCCC; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}