@charset "utf-8";

@media screen, projection {
    .BeNiceToMacIE5 {
	    font-family: "\"}\"";
	    font-family: inherit;
    }

    html, body, #wrapper, wrapper2 { margin: 0; padding: 0; width: 1020px; height: 100%; min-height: 100%; }

    html>body, html>body #wrapper, html>body #wrapper2 { height: auto; }

    div#wrapper { position: absolute; top: 0; left: 0; background:#fff; }
     
    #header { position:relative; z-index:500; width: 100%; height: 90px; background:#fff url(../images/logo.gif) no-repeat left top; }
    #headcontent { height:70px; background:#000; margin-left:200px; position:relative; padding:10px; }
    #headerimage { position: absolute; left: 615px; top: 0px; z-index:450; background-color:Transparent; }

    #logo { position: absolute; left: 0px; top: 0px; margin: 10px;}

    ul.login_master{ margin: .5em auto;}
	.login_master{float: right; font-family: tahoma; color: #404040; padding-left: 3px;}
	.login_master li{float: right; list-style-type: none; padding-left: 5px; padding-right: 5px; border-right: 1px solid #7a7a7a; }
	.login_master li:last{ border-right: 0px solid #7a7a7a; border: none !important; }
	#tdLogout{margin-top: -3px;}

    #headcontent #headermenu { font: normal 10px arial; color: white; float: right; padding-right: 200px; }
    #headcontent #headermenu a, a.visitied { font: normal 10px arial; color: white; text-decoration:none; }
    #headcontent #headermenu a:hover { text-decoration:underline; }
    #headcontent #headermenu .search { font-size: inherit; }
    #headcontent #title { background: #1c7c40; width: 695px; height: 30px; padding: 5px 0px 0px 15px; /*margin: 45px 0px 0px 100px;*/position:absolute; z-index:1; top: 55px; margin-right: 0px; margin-bottom:0px; margin-left: 100px; font: normal 18px "Times New Roman"; color: white; letter-spacing: 2px; }
    #headcontent #headermenu input[type=text] { font-size: inherit; }

    #sidebar { float:right; width:180px; min-height: 350px; padding: 40px 10px 10px 20px; background-image: url(../images/rightrail.gif); font: normal 12px arial; }
    #sidebar fieldset, #sidebar .breakingnews { border: 1px solid #000; padding: 10px 5px 5px 5px; }
    #sidebar fieldset #title { font-weight: bold; }
    
    #sidebar ul#rightmenu { list-style-image: url("../images/GreenArrowBullet1.png"); padding: 20px 0px 0px 20px; line-height:20px; list-style-position: outside;}
    /*#sidebar ul#rightmenu li#top { padding-left:0px; }*/

    #sidebar ul#rightmenu ul { list-style-image: url("../images/GreenArrowBullet2.png"); line-height:16px; margin-left:-20px; }
    #sidebar ul#rightmenu a { color:Black; text-decoration:none; }
    #sidebar ul#rightmenu a:hover { color:Black; text-decoration:underline; }

    #content { padding:27px 10px 10px 10px; width:650px; min-height: 350px; background:#fff; font: normal 12px helvetica, Arial; }
    #content #title { padding-top: 45px; font: bold 16px helvetica, Arial; color: #1c7c40; letter-spacing: 1px; text-transform: uppercase; width:510px; }
    #content #printfriendly { float:right; padding-top: 35px; width:120px; }

    #content #printfriendly a {
	    background: url(../images/icon-printer.gif) no-repeat;
	    top: -3.5em;
	    float:right;
	    padding-left: 2em;
	    padding-bottom: 2em;
	    margin-left: 1em;
	    clear:right;
	    font: normal 11px helvetica, Arial;
	    color: black;
	    text-decoration: none;
    }

    #content #printfriendly a:hover { text-decoration: underline; }
    #content #breadcrumb, #content #breadcrumb a { font: normal 11px helvetica, Arial; color: black; text-decoration: none; padding-top:10px; }
    #content #breadcrumb a:hover { text-decoration: underline; }
    #content #mainText { line-height:122px; font: normal 12px Arial; width:750px;}

    .clear { clear: both; margin: 0; padding: 0; }

#login_ms{width: 100%;}
	.login_ms_title{height: 18px; padding-top: 3px; padding-bottom: 3px; text-align: center; border-bottom: 1px dotted #cccccc; width: 100%; font-family: Tahoma; font-size: smaller; font-weight: bold; color: #d6303c; }

	/* Messages Page */
	.loginreminder {text-align: center; margin-bottom: 20px; }
	.loginFailed{ text-align: center; padding-left:3em; width:218px !important; color:#D6303C !important; }

	/* Modal Dialog Styles - Login Window */
	#loginDialog{width: 30em;}
	#loginWindow{ margin: 1em 3em 1em 2em; text-align: center; }
	.closeDialog{background-color: #f0f0f0; height: 20px; text-align: right; }
	#loginContainer{ line-height: 1.5em; text-align: center; font-family: tahoma; font-size: 11px; }/*color: #7a7a7a;*/
	.loginClass{border:1px solid #ccc; padding: 1em; text-align: center; width: 300px; margin: 1em; padding-right: 4px; }
	a.registerLinks{color: #d6303c !important;}
	.loginText{ padding-right: 4px; padding-left: 5em; color: #000; }
	.loginText a, .loginText a:visited{font-family: tahoma; font-size: 11px; text-decoration: none; cursor: pointer; color: #000000;}
	.loginText a:hover{color: #d6303c; text-decoration: underline; cursor: pointer;}
	.closeDialog a, .closeDialog a:visited{font-family: tahoma; font-size: 11px; text-decoration: none; cursor: pointer; color: #000000;}
	.closeDialog a:hover{color: #d6303c; text-decoration: underline; cursor: pointer;}
	.inputBox{border: 1px solid #c6c6c6; color: #404040; font-size: 1em; width: 125px;}
	.inputButton{ font-family: Verdana; padding-left: 5px; border: 1px solid #ccc; color: #000000; background-color: #fffbff; font-size: 0.8em; text-align: center; cursor: pointer; }
	.loginTextBold{ font-weight: bold; }
     
    #footer {
	    font: normal 10px arial;
	    clear: both;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 78px;
	    background-image:url(../images/footer.gif);
	    color: #a9a9a9;
	    overflow:hidden;
	    text-align:center;
    }
    #footer a { text-decoration: none; color: inherit; }
    #footer a:hover { text-decoration: underline; }

    #footerContent {padding:10px;}
    #footerContent h5 {margin:0; padding:5px 0;}
    #footerContent p {padding:5px 0; margin:0;}
    
    #calendar { font: normal 10px arial; float: left; }
    
    /*#eventlist  { float: right; width: 180px; }*/

    #main { margin: 0; padding: 0; }
    /* \*/
    * html #footer { position: absolute; }
    * html #main { padding-bottom: 100px; }
    /* \*/
    head:first-child+body div#footer { position: absolute; z-index:0; }
    head:first-child+body div#main { padding-bottom: 100px;}
        
	#main #sidebar #links ul { margin:0; padding-left:20px; }
    #main #sidebar #links a { color:#006600; text-decoration:underline; }
    #main #sidebar #links a:hover { color:#006600; text-decoration:underline; }
    #main #sidebar #links a:visited { color:#666666; text-decoration:underline; }
    
    #main #content #mainText #docs a { color:#006600; text-decoration:underline; }
    #main #content #mainText #docs a:hover { color:#006600; text-decoration:underline; }
    #main #content #mainText #docs a:visited { color:#666666; text-decoration:underline; }

}
 
@media all and (min-width:0px) { head~body {height:100%;} }

/*          ONE MENU TO RULE THEM ALL           */

#menuwrapper {width:100%; background-color:#ccc; height:41px; padding:0px;  margin:0px;} /* div gets height 11(text) + 10(pad) + 10(pad) + 2(border)*/
#menu {padding:0; margin:0; list-style:none; height:41px; position:relative; z-index:400; font-family:arial;}/* menu gets height 11(text) + 10(pad) + 10(pad) + 2(border)*/
#menu li {float:left; margin-right:1px; background-color:#ccc; list-style: none;  margin: 0px;  padding: 0px; width:auto;}
#menu li a {display:block; float:left; line-height:9px; background-color:#ccc; color:#000; border-width:1px; border-style:solid; border-color:#aaa #aaa #aaa #ccc;
            margin: 0; vertical-align:middle; text-decoration:none; font-size:0.55em;/*10px;*/ font-weight:bold; padding:15px 12px 15px 12px;  text-align: center; }


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}/* IE6 only */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#1c7c40;  width:auto; display:block; background-color:#ddd; } /* IE6 only */
#menu li ul li a:hover {z-index:200; position:relative; color:#1c7c40;  width:200px; display:block; background-color:#ddd; border:1px; 
                        overflow:visible; border-color:#aaa #aaa #aaa #ccc; border-style:solid; } /* IE6 only */
#menu li ul li a { width:200px; display:block; background-color:#ddd;} /* IE6 only */

#menu li:hover {position:relative; z-index:200; width:auto;  display:block; background-color:#ccc;}

#menu li:hover > a {color:#1c7c40; background:#ddd; width:auto; display:block;}/* main hover*/
#menu li:hover > a.sub {color:#000; background-color:#ddd;display:block; width:auto;} /* main selected */

#menu li ul li:hover > a {color:#1c7c40; background:#ddd; width:200px; display:block;  }/* sub hover*/
#menu li ul li a {color:#000; background:#ccc; width:200px; min-width:200px; display:inline; line-height:normal; text-align:left; padding: 5px 5px 5px 10px;
                  padding:5px; margin:0px; border:1px; overflow:visible; border-color:#aaa #aaa #aaa #ccc; border-style:solid;
                  font: normal 11px tahoma,arial,helvetica,sans-serif;  } /* sub links */


#menu :hover ul {left:0; top:41px; width:200px;  background:#ddd; display:block; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul , #menu :hover ul ul 
{position:absolute; left:-9999px; top:-9999px; width:auto; height:0; margin:0; padding:0; list-style:none; background-color:Black;}