body
{
background: #ffffff;
}

.border
{
background: #c3d9ff;
border: 1px solid #003f7d;
}

img /* remove border from Add This button */
{
border: #ffffff; 
}

a  /* white menu links */
{
color: #ffffff;
font-family: ariel,helvetica,sans-serif;
font-size: 9pt;
text-decoration: none;
}

.stara /* header - top section */
{
background: #003f7d url(images/vsp-header6_01.jpg);
height: 22px;
text-align: right;
}

.starb /* header - bottom section */
{
background: #003f7d url(images/vsp-header6f2_02.jpg);
height: 70px;
text-align: right;
}

.striptop  /* top strip image */
{
background: #003f7d url(images/striptop2.gif);
height: 18px;
}

.stripbottom /* bottom strip image */
{
background: #003f7d url(images/stripbottom2.gif);
height: 18px;
}

.col1 /* menu column */
{
width: 160px;
background-color: #003f7d;
margin: 0;
padding: 0px 7px 0px 7px;
}

.col2 /* second column */
{
width: 197px;
background-color: #c3d9ff;
margin: 0;
padding: 0px 9px 0px 9px;
}

.col3 /* third column */
{
width: 196px;
background-color: #c3d9ff;
margin: 0;
padding: 0px 9px 0px 0px;
}

.col4 /* fourth column */
{
width: 197px;
background-color: #c3d9ff;
margin: 0;
padding: 0px 9px 0px 0px;
}

.col234 /* single column */
{
width: 590px;
background-color: #c3d9ff;
margin: 0;
padding: 0px 18px 0px 18px;
}

.col234 a /* single column links */
{
color: #000000;
}

.footer
{
height: 24px;
background-color: #003f7d;
}

.header
{
height: 1px;
background-color: #003f7d;
}

h2  /* link categories box headings */
{
color: #6699cc;
font-family: ariel,helvetica,sans-serif;
font-size: 11pt;
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
background-color: #ffffff;
border: 1px solid #295192;
border-bottom: none;
}

p, p a  /* main black text */
{
color: #000000;
font-family: ariel,helvetica,sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
}

.copy  /* black copyright text (p) */
{
color: #000000;
font-family: ariel,helvetica,sans-serif;
font-size: 8pt;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
background: #ffffff;
}

.tectite  /* footer linked text (a) */
{
color: #000000;
font-family: ariel,helvetica,sans-serif;
font-size: 8pt;
text-decoration: underline;
}

.field  /* top category box ok */
{
margin-bottom: 10px;
padding-left: 5px;
background: #fff;
border: 1px solid #295192;
border-top: none;
}

.field2  /* middle category box ok */
{
margin-bottom: 10px;
padding-left: 5px;
background: #fff;
border: 1px solid #295192;
border-top: none;
}

.field3  /* last category box ok */
{
margin: 0;
padding-left: 5px;
background: #fff;
border: 1px solid #295192;
border-top: none;
}

.field a, .field2 a, .field3 a  /* main links in category boxes <a> */
{
color: #000000;
font-family: ariel,helvetica,sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
}

h1, h1 a  /* page title for main link pages */
{
color: #000055 !important;
font-family: ariel,helvetica,sans-serif;
font-size: 11pt;
font-weight: bold;
margin: 0;
padding: 0 0 8px 0;
text-align: center;
background-color: #c3d9ff;
}

a:hover  /* all links turn red when mouse over */
{
color: red;
}

.field p, .field2 p, .field3 p  /* main links grey description category boxes <p> */
{
color: #808080;
font-family: ariel,helvetica,sans-serif;
font-size: 8pt;
margin: 0;
padding: 0;
}

.req  /* red highlight for required form fields */
{
color: red;
}

.noscreen
{
display: none;
}


/* menu */
.glossymenu{
margin: 0 0 0px 0; /*bottom gap between menus*/
padding: 0;
width: 150px; /*width of menu*/
border: 1px solid #003f7d;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #000055 url(images/glossyblue3.gif) repeat-x bottom left;
font: 9pt ariel,helvetica,sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
text-align: left;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/gradientred4.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #4780b5;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 9pt ariel,helvetica,sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 5px;
text-align: left;
}

.glossymenu div.submenu ul li a:hover{
background-image: url(images/gradientred5.png);
color: white;
}