@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:0;}

body{background:#012652 url(../images/bg.jpg) repeat-x;margin-top:10px;}
.clear{clear:both;}
.Bold{font-weight:bold;}

#PageWrap{width:1000px;margin:0 auto;text-align:center;}
/* Header */
#Header{background:url(../images/top.gif) no-repeat;height:131px;text-align:left;}
#Logo{width:357px;float:left;margin:0px 0 0 10px;}
#Logo a h1{color:#FFFFFF;margin:0;padding:0;font-size:2.6em;font-weight:bold;text-decoration:none;outline:none;}
#Logo a h1:hover{color:#F9F9F9;}
#TopNum{float:right;margin:40px 5px 0 0;width:620px;}
#TopNum ul{list-style:none;margin:0;padding:0;}
#TopNum ul li{color:#FFFFFF;font-size:1.3em;margin:0;padding:0 0 0 18px;float:right; height:20px;}
#TopNum ul li img{vertical-align:middle;}
#TopNum a{color:#66CCFF;text-decoration:none;}
#TopNum a:hover{color:#00CCFF;text-decoration:underline;}
#TopNum h3{color:#FFFFFF;font-size:1.3em;float:left;margin:0;padding:0;}
#Slogan{width:270px;float:left;padding:15px 0 0 10px;}
#Slogan h2{color:#FFFFFF;font-size:1em;}
#Menu{width:700px;float:left;margin-top:10px;}
#Menu ul{margin:15px 0 0 5px;padding:0;list-style:none;}
#Menu ul li {float:left;border-right:1px #999999 solid;}
#Menu ul li a{width:65px;height:34px;color:#333333;text-decoration:none;font-weight:bold;font-size:1em;padding:10px;outline:none;}
#Menu ul li a:hover{background:#FFF;}
#Menu ul .LastMenuLi{border-right:none;}

.jqueryslidemenu{width: 700px;float:left;margin:15px 0 0 0;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
/*Top level list items*/
.jqueryslidemenu ul li{position: relative;display: inline;float: left; z-index:4;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block;color:#333333;padding: 8px 10px;border-right: 1px solid #778;text-decoration: none;outline:none;font-weight:bold;font-size:1em;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#333;}
.jqueryslidemenu ul li a:hover{background: white; /*tab link background during hover state*/color: #333;}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{width: 200px; /*width of sub menus*/padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;background:#F2F2F2;color:white;font-weight:normal;}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/background: #F1F1F1;color:#333;}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
#PrescreenLink{border-right:none;background:#09F;margin-left:20px;color:#FFF;border:1px #00F solid;}
#PrescreenLink:hover{background:#6CF;color:#FFF;}

#Content{background:url(../images/middle.gif) repeat-y;min-height:240px;text-align:left;}

#Footer{background:url(../images/footer.gif) no-repeat;height:65px;padding:5px;}
#Footer p{float:right;margin:20px 20px 0 0;color:#333333;}
#Footer ul{margin:20px 0 0 10px;padding:0;list-style:none;float:left;}
#Footer ul li {float:left;border-right:1px #999999 solid;}
#Footer ul li a{width:65px;height:34px;color:#333333;text-decoration:none;font-weight:bold;font-size:1em;outline:none;padding:10px;}
#Footer ul li a:hover{color:#006699;}
#Footer ul .LastMenuLi{border-right:none;}
#Footer a{color:#000;text-decoration:none;}
#Footer a:hover{color:#006699;}

#VerColMenu{margin:0 0 0 3px;float:left;}
#VerColMenu, #VerColMenu ul{	list-style : none;width : 260px;}
#VerColMenu a{background:#0066CC;color : #ffffff;display : block;text-decoration: none;border-left: 12px solid #003399;border-right: 1px solid #000066;border-bottom: 1px solid #000066;}
#VerColMenu ul a{background:#f1f1f1;color:#000066;font-weight : normal;text-decoration: none;outline:none;}
#VerColMenu a{outline:none;}
#VerColMenu ul a:hover{	background:#c2dfff;	text-decoration: none;}
.sidebarmenu .VerTitle{background:#0066CC;display:block;padding:0.5em;text-decoration: none;border-right: 1px solid #000066;border-bottom: 1px solid #000066;color:#FF6;}

.sidebarmenu ul{
margin: 0 0 0 3px;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 260px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
float:left;
}
 
.sidebarmenu ul li{
position: relative;
z-index:500;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding : 0.5em 1em;
border-bottom: 1px solid #000066;
border-right: 1px solid #000066;
outline:none;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background:#0066CC; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color:#09F;
outline:none;
}

.sidebarmenu ul li ul li a:link, .sidebarmenu ul li ul li a:visited, .sidebarmenu ul li ul li a:active{
background:#39F; /*background of tabs (default state)*/
}

.sidebarmenu ul li ul li a:hover{
background:#0CF; /*background of tabs (default state)*/
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
margin:0;
padding:0;
visibility: hidden;
}

#sidebarmenu1 a.subfolderstyle{
background:#0066CC url(../images/right.gif) no-repeat 97% 50%;
}
#sidebarmenu1 a.subfolderstyle:hover{
background:#09F url(../images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


#Page{width:700px;float:left;margin:15px 0 0 20px;}
#Page h1{margin:8px 0;font-size:1.4em;color:#003399;font-weight:bold;}
#Page h2{margin:8px 0;font-size:1.2em;color:#0066FF;font-weight:bold;}
#Page p{margin:6px 0;font-size:1em;color:#333333;}
#Page ul{margin:0 0 0 20px;padding:0;list-style-image:url(../images/arrowstop.gif);font-size:1em;color:#333333;}
#Page ul li{padding:5px 0;}
.Strong{font-weight:bold;font-size:2em;color:#039;}

/** Form Styles */
.Mandetory {color:#E25E07;font-size:20px;}
.ErrorMsg{color:#FF0000;font-size:0.9em;padding-left:5px;}
.inputBox, .textareaBox {border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:370px;color:#666;}
.inputBoxSm{border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:170px;color:#666;}
.selectBoxSm {border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px;margin-right:10px; width:165px;color:#666;}
.selectBox{border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:309px;color:#666;}
label, input, select, textarea {display:block;float:left;width:150px;margin-bottom:10px;}
label {width:135px;text-align:left;padding-right:10px;margin-top:7px;}
textarea {height:50px;color:#666;}
br {clear:left;}
.formbutton{cursor:pointer;border:outset 1px #ccc;background:#999;color:#003333;font-weight:bold;padding: 1px 2px;background:url(../images/submitbg.gif) repeat-x left top;width:140px;height:30px;}
.formbutton:hover{color:#0066CC;}
