html {height: 100%; margin: 0; padding: 0; font-family: helvetica, arial, geneva, sans-serif; color: Black;}
body {height: 100%; margin: 0; padding: 0; background-image: url(Images/Background.jpg);}
h1 {margin-bottom: .2em; font-size: 1.5em; text-align:left; color: black;}
p {margin-top: 0; line-height: 1.5; margin-bottom:1.5em;}
li {margin-top: 0; margin-bottom:1.5em;}
/*******************************************************************
**** Basic Screen Divs ****
*******************************************************************/
#FrameTop {Position:absolute; top: 1%; height: 18%; left: 0; width: 100%;}
#FrameTopLeft {position:absolute; left:1%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameTopLeft.png); background-repeat: no-repeat; background-position:right bottom; z-index:2;}
#FrameTopCenter {position:absolute; left:31.9%; width:36.1%; top: 0; height: 100%; background-image: url(Images/FrameTopCenter.png); background-position: left bottom; background-repeat:no-repeat; overflow:hidden; z-index:3;}
#FrameTopRight {position:absolute; left:67.8%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameTopRight.gif); background-repeat: no-repeat; background-position:left bottom; z-index:1}
#FrameCenter {position: absolute; top: 18.9%; height: 67%; left: 0; width: 100%;}
#FrameCenterLeft {position:absolute; left:1%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameCenterLeft.gif); background-repeat: repeat-y; background-position:right; z-index:10;}
#FrameCenterCenter {position:absolute; left:31.9%; width:36.1%; top: 0; height: 100%; background-color: White; z-index: 8;}
#Content {position:absolute; top: 1%; left: 2%; height:98%; width:94%; padding-right: 3%; background-color: White; overflow:auto; z-index:11;}
#FrameCenterRight {position:absolute; left:67.8%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameCenterRight.gif); background-repeat: repeat-y; background-position:left; overflow:hidden; z-index:9;}
#FrameBottom {position: absolute; top: 85.7%; height: 13%; left: 0; width: 100%;}
#FrameBottomLeft {position:absolute; left:1%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameBottomLeft.gif); background-repeat: no-repeat; background-position:right top; z-index:4;}
#FrameBottomCenter {position:absolute; left:31.9%; width:36.1%; top: 0; height: 100%; background-image: url(Images/FrameBottomCenter.gif); background-position:top; background-repeat:repeat-x; z-index:5;}
#FrameBottomRight {position:absolute; left:67.8%; width:31%; top: 0; height: 100%; background-image: url(Images/FrameBottomRight.gif); background-repeat: no-repeat; background-position:left top; z-index:6;}
#FrameBottomCR {position:absolute; left:1%; width:98%; z-index:7;}
/*******************************************************************
**** Bottom Side List ****
*******************************************************************/
#FrameBottomCR ul {position: absolute; top: 25px; list-style-type:none; padding: 0; margin: 0; text-align:center; overflow: visible;}
#FrameBottomCR li {display: inline; margin: 0; padding-right: 2em; list-style-type: none; text-align: center; font-size: 12px; color: White;}
#FrameBottomCR a {color: White; text-decoration: none;}
#FrameBottomCR p {position: absolute; top: 25px; width: 100%; margin: 0; padding:0; color:White; font-size: 11px; text-align:center;}
/*******************************************************************
**** Other Formating ****
*******************************************************************/
#imgLeft {margin-right: 20px; margin-bottom: 3px;}
#imgRight {float: right; border: solid 3px black; margin-left: 20px; margin-bottom: 3px;}
#imgLeftWrap {float: left; border: solid 3px black; margin-right: 20px; margin-bottom: 3px;}
#imgLeftWrapNB {float: left; margin-right: 20px; margin-bottom: 0;}
#imgRightWrap {float: right; border: solid 3px black; margin-left: 20px; margin-bottom: 3px;}
#imgRightWrapNB {float: right; margin-left: 20px; margin-bottom: 0;}
#imgMenu2 {display: block; margin-left: auto; margin-right: auto; border: none;}
#imgProfOrgFrame1 {position:absolute; left:20px; top:5px;}
#imgProfOrgFrame2 {position:absolute; top:145px; left:20px;}
#menu2-container ul {list-style: none; margin: 0; padding: 0; width: 225px; left: 0;}
#menu2-container li {width: 225px; margin: 0; padding: 0; left: 0; text-align: center; margin-bottom: 15px;}
#menu2-container a {text-decoration: none; font-size: 14px; color: Black;}
/*******************************************************************
**** Form Formating ****
*******************************************************************/
form input {width:120px; margin:1px; padding:2px; text-align: right; color: black; border-style:solid; border-color:blue; border-width:1px;}
form input[type="checkbox"] {width:12px;}
form select {width:126px; margin:1px; padding:2px; color: black; border-style:solid; border-color:blue; border-width:1px;}
/*******************************************************************
**** CSS For Verticle Menu ****
*******************************************************************/
#menuv-container {position:absolute; height:100%; width: 190px; top:-5px; right:13px; z-index:12;}
/* CSS Popout menuv */
/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */
#menuv /* position, size, and font of menu */
{
position:absolute;
width: 184px; /* [1] width of menu item (i.e., box) */
text-align: left;
font-size: 14px;
font-family: helvetica, arial, geneva, sans-serif;
}
#menuv a
{
width: 100%;
height: 20px;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 7px;
display:block;
white-space:nowrap;
outline:none;
}
#menuv a, #menuv a:visited /* all menus at rest */
{
color: black;
background-image: url(Images/ButtonSilver.jpg);
background-repeat: no-repeat;
text-decoration:none; /* removes underlines from links */
}
#menuv a.parent, #menuv a.parent:hover /* attaches parent-arrow on all parents */
{
background-image: url(Images/ButtonSilverArrow.jpg);
background-repeat: no-repeat;
}
#menuv a:hover /* all menus on mouse-over */
{
color: black;
background-image: url(Images/ButtonGold.jpg);
background-repeat: no-repeat;
}
#menuv li
{
list-style-type:none; /* removes bullets */
margin-top:0;
margin-bottom:0;
}
#menuv ul li
{
position:relative;
}
#menuv li ul
{
position: absolute;
top: 0;
left: 184px; /* distance from left menu (this should be the same as width value in #menuv [1]) above */
display: none;
}
div#menuv ul, #menuv ul ul, div#menuv ul ul ul
{
margin:0; /* keeps the menu parts together */
padding:0;
width: 184px; /* width of sub menus (this should be the same as width value in #menuv [1]) above */
}
div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
{
display: none;
}
div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
{
display: block;
}