﻿/* Folowing used on menu pages to format the table that holds the menu */
#MenuTable { 
border:4px solid #4c4d7b; 
background-color:#fff;
} 
/* Folowing used on menu pages to format each cell of the table */
/* if the menu item is one cell wide use this for <TD> */
#Menutd { 
background-color:#ccc; 
border:1px solid #172463; 
width:150px;
text-align: center; vertical-align:middle;
} 
/* if the menu item has two cells use this for right cell <TD> */
/* That is the cell that contains the menu item                */
#Menutdr { 
background-color:#ccc; 
border:1px solid #172463; 
width:130px; 
text-align: center; vertical-align:middle;
} 
/* if the menu item has two cells use this for left cell <TD> */
/* That is the empty cell                                     */
#Menutdl { 
width:20px;
text-align: center; vertical-align:middle;
} 
a#link { 
display:block; 
width:100%; 
font-family:arial,helvetica,sans-serif; 
font-size:14px; 
color:#172463; 
text-decoration:none; 
} 
.pbody { 
background-color: #eef3fa; 
font-family:Arial, Helvetica, sans-serif
}
.ptoptable {
width: 800px; 
font-weight:800px; 
background-color:white; 
margin-left:auto; 
margin-right:auto;
}

.content_title{
color:black; 
font-size: large; 
font-weight: 600;  
font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
.content_ul{
margin-top: 2px; 
margin-bottom: 2px;
}
/*content_ul/li is the test just above the list */
.content_text_m{
color: black; 
font-size: medium; 
font-weight: 500;  
font-family:Arial, Helvetica, sans-serif;
}
.content_ul_mp{
color: black; 
font-size: medium; 
font-weight: 600;  
font-family:Arial, Helvetica, sans-serif;
margin-top: 2px; 
margin-bottom: 2px;
}
.content_li_m{
color: black; 
font-size: medium; 
font-weight: 500;  
font-family:Arial, Helvetica, sans-serif;
margin-top: 2px; 
margin-bottom: 2px;
}
.content_text_s{
color: black; 
font-size: small; 
font-weight: 400;  
font-family:Arial, Helvetica, sans-serif;
}
.content_ul_sp{
color: black; 
font-size: small; 
font-weight: 600;  
font-family:Arial, Helvetica, sans-serif;
margin-top: 2px; 
margin-bottom: 2px;
}
.content_li_s{
color: black; 
font-size: small; 
font-weight: 400;  
font-family:Arial, Helvetica, sans-serif;
margin-top: 2px; 
margin-bottom: 2px;
}
a#link #spanLink { 
display:block; 
padding:2px; 
font-size: 14px
} 
; 
padding:2px; 
font-size: 14px
} 
/* spanLinkR is use in the left menu for the sub menu items      */
/*  The font size is reducted                                    */
/*  There is no spanLinkL becasuse there a no links on the left  */
a#link #spanLinkR{
display:block; 
padding:2px; 
font-size: 11px
}
/*  For the links, the background must be set to the same color  */
/*  as the background in the cell                                */

a#link:hover { 
background-color:#cacad6; 
color:#000000; 
} 
a#link:active{ 
background-color:#cacad6; 
color:#000000; 
} 


/* Format of the main title in the content area of pages */
.pagecontentheading{
	border-style: solid;
	border-color: #393e68;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	height: 50pts;
	background-color: #393e68;
	font-weight:400;
}
/* used to format the capabilities page */
.cgridf1
	{color:windowtext;
	font-size:12.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	}
.cgrid1 {
				color: windowtext;
				font-size: 12.0pt;
				font-weight: 700;
				font-style: normal;
				text-decoration: none;
				font-family: Arial, sans-serif;
				text-align: center;
				vertical-align: middle;
				white-space: normal;
				border-left: .5pt solid windowtext;
				border-right: .5pt solid windowtext;
				border-top: .5pt solid windowtext;
				border-bottom: 2.0pt double windowtext;
				padding-left: 1px;
				padding-right: 1px;
				padding-top: 1px;
}
.cgrid2 {
				color: windowtext;
				font-size: 12.0pt;
				font-weight: 400;
				font-style: normal;
				text-decoration: none;
				font-family: Arial, sans-serif;
				text-align: center;
				vertical-align: middle;
				white-space: normal;
				border-left: .5pt solid windowtext;
				border-right: .5pt solid windowtext;
				border-top-style: none;
				border-top-color: inherit;
				border-top-width: medium;
				border-bottom: .5pt solid windowtext;
				padding-left: 1px;
				padding-right: 1px;
				padding-top: 1px;
}
.cgrid3 {
				color: windowtext;
				font-size: 12.0pt;
				font-weight: 400;
				font-style: normal;
				text-decoration: none;
				font-family: Arial, sans-serif;
				text-align: center;
				vertical-align: middle;
				white-space: normal;
				border: .5pt solid windowtext;
				padding-left: 1px;
				padding-right: 1px;
				padding-top: 1px;
}
.cgrid4 {
				color: #0000D4;
				font-size: 10.0pt;
				font-weight: 400;
				font-style: normal;
				text-decoration: underline;
				font-family: Arial;
				text-align: center;
				vertical-align: middle;
				white-space: normal;
				border-left: .5pt solid windowtext;
				border-right: .5pt solid windowtext;
				border-top-style: none;
				border-top-color: inherit;
				border-top-width: medium;
				border-bottom: .5pt solid windowtext;
				padding-left: 1px;
				padding-right: 1px;
				padding-top: 1px;
}
/*  some different color combinations for links         */
/*  I think 5 and 5s are the ones that are used         */

A.type1:link    {color:#dd5000; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
A.type1:visited {color:#dd5000; text-decoration:none;}
A.type1:active  {color:#dd5000; text-decoration:none;}
A.type1:hover   {color:#3e4c90; text-decoration:none;}

A.type2:link    {color:#CC5000; text-decoration:none; font-size: x-small;}
A.type2:visited {color:#CC5000; text-decoration:none; font-size: x-small;}
A.type2:active  {color:#CC5000; text-decoration:none; font-size: x-small;}
A.type2:hover   {color:#3e4c90; text-decoration:none; font-size: x-small}

A.type3:link    {color:#3e4c90; text-decoration:none;
				font-family: Arial;
				font-size: small;
}
A.type3:visited {color:#3e4c90; text-decoration:none;}
A.type3:active  {color:#3e4c90; text-decoration:none;}
A.type3:hover   {color:#CC5000; text-decoration:none;}

A.type4:link    {color:#6774B3; text-decoration:none;}
A.type4:visited {color:#6774B3; text-decoration:none;}
A.type4:active  {color:#6774B3; text-decoration:none;}
A.type4:hover   {color:#172463; text-decoration:none;}

A.type5:link    {color:#172463; 
text-decoration:none; font-family: Arial;font-size: small;
text-align:center
}
A.type5:visited {color:#172463; 
text-decoration:none; font-family: Arial;font-size: small;
text-align:center
}
A.type5:active  {color:#172463; 
text-decoration:none; font-family: Arial;font-size: small;
text-align:center
}
A.type5:hover   {color:#222222;  
text-decoration:none; font-family: Arial;font-size: small;
text-align:center
}
A.type5s:link    {color:#172463; text-decoration:none;font-family: Arial;font-size: x-small;}
A.type5s:visited {color:#3e4c90; text-decoration:none;font-size: x-small;}
A.type5s:active  {color:#3e4c90; text-decoration:none;font-size: x-small;}
A.type5s:hover   {color:#222222; text-decoration:none;font-size: x-small;}
A.type5m:link    {color:#172463; text-decoration:none;font-family: Arial;font-size: medium;}
A.type5m:visited {color:#3e4c90; text-decoration:none;font-size: medium;}
A.type5m:active  {color:#3e4c90; text-decoration:none;font-size: medium;}
A.type5m:hover   {color:#222222; text-decoration:none;font-size: medium;}

.formtxt {
	color: #CA6500;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2;
	vertical-align:top
}	
.sPageheading {
border-width: 10px; background-repeat: repeat; 
font-size: large; 
color: #2e3c80;" valign="top";				
}

.style1 {
	color: #CA6500;
}
.style2 {
	border-width: 1px;
				text-decoration: none;
					text-align: center;
					width: 432px;
}

 li.MsoNormal
	{mso-style-parent:"";
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family: Arial;
	margin-left:0in; margin-right:0in; margin-top:.1in;
				width: 225px;
}


#menu {
width: 12em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #d1d2d3;
text-decoration: none;
}

#menu a:hover {
color: #fff;
background: #3e4c90;
border-color: #aa #666 #333 #999;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul ul
{display: none;}

div#menu ul ul ul li:hover ul
{display: block;}

div#menu ul ul li:hover ul
{display: block;}