body{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 16px;
   text-align: center;
}

a{color:#5658ee;}
a img{border:none;}
form{margin:0;padding:0;}
input{font-size:1em;}
input.box,textarea.box{border:solid #c0c0c0 1px;padding:1px 0;font-family:Arial,Helvetica,sans-serif;background-color:#f6f6f6;}
h2{font-size:1.875em;margin:0 0 0.75em;color:#788DA5;position:relative;}
h2 em{position:absolute;right:0;bottom:0;font-size:0.83em;color:#000;}
h3{font-size:1.5em;margin:1em 0;color:#D39000;}
p,ul.p li{margin:1em 0;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.center{text-align:center;}
.right{text-align:right;}
.clear{clear:both;}
.cright{clear:right;}
.cleft{clear:left;}
.fleft{float:left;}
.fright{float:right;}
div.clear,div.cright,div.cleft{height:0;font-size:1px;line-height:0;}
.hidden{display:none;}

/* webkit style resets */
:focus{outline:0;}
input[type="submit"]{-webkit-appearance:none;}
textarea{resize:none;}


/*** website template structure and style ***/
#wrapper{
   width:1200px;
   margin:15px auto;
   background-color:#fff;
   -webkit-border-radius:15px;
   -moz-border-radius:   15px;
   border-radius:        15px;
   overflow:hidden;
   text-align:left;
   font-size: 0.8em;
}

#logos{
   width:1200px;
   height:100px;
   position:relative;
}

#logos #gus_logo{
   position:absolute;
   top:20px;
   left:20px;
   font-size:2.5em;
   color:#004887;
   width:400px;
   height:60px;
}

#logos #dept_logo{
   position:absolute;
   top:20px;
   right:20px;
   width:400px;
   height:60px;
}

#nav{
   position:relative;
}
#nav_bg{
   position:absolute;
   width:1200px;
   height:30px;
}
#nav_jr{
   position:relative;
   height:30px;
   line-height:18px;
   font-weight:bold;
   color:#fff;
}

#nav_jr .sub_links{
   position:absolute;
   left:10px;
   top:4px;
}

#nav_jr .page_actions{
   position:absolute;
   right:7px;
   top:4px;
}

#nav_jr .sub_links a{
   -webkit-border-radius: .5em;
   -moz-border-radius:    .5em;
   border-radius:         .5em;
   margin-left: 5px;
}

#nav_jr a{
   display: inline-block;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   padding: 1px 10px;
   text-shadow: 0 1px 1px rgba(0,0,0,.5);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
   box-shadow: 0 1px 2px rgba(0,0,0,0.2);
   color: #fffbf9;
   font-weight:normal;
   border: solid 1px #5b5b01;
}

#nav_jr a img{vertical-align:-3px;}


/* top sliding menu styles */
#slider {
    position: relative;
    height: 30px;
    width: 700px;
    padding: 0;
    margin: 0;
}
#slider li {
    float: left;
    list-style: none;
    margin-left:15px;
}
#slider li.backLava {
    -webkit-border-top-left-radius:  3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft:      3px;
    -moz-border-radius-topright:     3px;
    border-top-left-radius:          3px;
    border-top-right-radius:         3px;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
    margin:0;
}
#slider li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 23px;
    position: relative;
    overflow: hidden;
    padding: 7px 10px 0;
}
#slider li a:hover, #slider li a:active, #slider li a:visited {
    border: none;
}

#footer{padding:5px;}


/*** generic content div properties ***/
.content{padding:15px;background:url(../images/bg-shadow.png) repeat-x;display:none;min-height:300px;}
#noscript{display:block;}
#footer_bar{height:15px;}
#footer{margin:0 auto;width:1190px;font-size:0.7em;text-align:left;padding:0 5px;}
#footer #copyright{float:right;}
#lteie7{background-color:#FEF1EC;border:1px solid #CD0A0A;color:#CD0A0A;text-align:center;padding:20px 48px;margin-top:1em;}
#lteie7 a{color:#b70000;}
.red{color:red;}
.error_message{font-weight:bold;color:red;}
.gen_message{font-weight:bold;color:#0010bf;text-align:center;margin:1em 0;}
.gen_message div{display:inline-block;font-weight:bold;color:#333C8C;border:solid #2F5E8E 1px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#9CB8D7;padding:10px 40px 10px 20px;position:relative;}
.gen_message a.cancel{position:absolute;top:5px;right:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;border:solid #2F5E8E 1px;padding:0 4px;background-color:#8BA7BF;}
.gen_message a.cancel:hover{cursor:pointer;background-color:#A7C8E6;color:#000;}
.gen_message a.cancel span{position:relative;top:-1px;}
.no_results{background-color:#f6efcd;padding:30px;border:solid black 1px;margin:2em auto 1em;font-weight:bold;color:#5b501d;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:700px;text-align:center;}
.unauthorized{background-color:#f6b2b2;padding:20px 30px 20px 120px;border:solid black 1px;margin:1em auto;font-weight:bold;color:#591d1c;width:610px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/* home page */
.home_box{width:100%;overflow:hidden;}
.home_text{margin-left:500px;}
.home_text div{width:350px;margin:0 auto;}
.home_text p,.home_text ul{font-size:1.2em;}
.home_buttons{float:left;width:441px;}
.home_buttons a{padding:1px;display:block;color:black;text-decoration:none;margin-bottom:10px;}
.home_buttons a .button{background-color:#FFFEF7;display:block;margin:0 2px 2px 0;background-position:36px 40px;background-repeat:no-repeat;width:289px;border:1px solid #595959;padding:0 36px 0 110px;line-height:128px;height:128px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;box-shadow:2px 2px 2px rgba(0,0,0,.35);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.35);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.35);}
.home_buttons a .button span{display:inline-block;vertical-align:middle;line-height:1em;}
.home_buttons a .button span strong{font-size:1.5em;font-weight:normal;line-height:1.3em;}
.home_buttons a .button span em{font-size:0.83em;font-style:normal;line-height:1em;}
.home_buttons a .financial{background-image:url(../images/financial.png);}
.home_buttons a .payroll{background-image:url(../images/payroll.png);}
.home_buttons a .purchasing{background-image:url(../images/purchasing.png);}
.home_buttons a:hover .button{margin:2px 0 0 2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

/* login page */
#login_message{margin:4em auto 2em;border:solid gray 1px;width:350px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,.35);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.35);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.35);}
#login_message div{padding:10px;background-color:#FFFBE2;font-weight:bold;font-size:1.3em;}
#login_message form{padding:0 15px;border-top:dotted #ddd 1px;}
#login_message form span{color:#666;line-height:1.5em;}
#login_message input.box{width:200px;}
#login_security{margin-bottom:2em;}

/* logout page */
#logout_message{padding:15px;margin:4em auto;width:400px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;border:solid #000 1px;background-color:#FFFBE2;box-shadow:2px 2px 2px rgba(0,0,0,.35);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.35);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.35);}
#logout_message h3{margin-top:0;}
#logout_message p{text-align:center;font-size:1.3em;}

/* change password page */
#change_Email form,
#change_password form{
   margin-left:40px;
   width:600px;
}
#change_Email form .guidelines,
#change_password form .guidelines{
   float:right;
   width:270px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   padding:5px;
   border:solid gray 2px;
   background-color:#FFF8CC;
   margin-top:0.5em;
}
#change_Email form .guidelines p,
#change_password form .guidelines p{
   margin:0 0 0.3em;
}


/*** THEMES ***/

/* Default */
body{background-color:#e5e5e5;}
#header{background-color:#f5f5ec;}
#nav_bg{background-color:#9c9c7d;opacity:0.3;}
#nav_jr,#slider li.backLava{background-color:#9c9c7d;}
#nav_jr a{background:#b5b591;background:-webkit-gradient(linear,left top,left bottom,from(#b5b591),to(#828268));background:-moz-linear-gradient(top,#b5b591,#828268);background:-webkit-linear-gradient(top,#b5b591,#828268);background:-ms-linear-gradient(top,#b5b591,#828268);background:-o-linear-gradient(top,#b5b591,#828268);background:linear-gradient(top,#b5b591,#828268);}
#nav_jr a:hover{background:#828268;background:-webkit-gradient(linear,left top,left bottom,from(#828268),to(#b5b591));background:-moz-linear-gradient(top,#828268,#b5b591);background:-webkit-linear-gradient(top,#828268,#b5b591);background:-ms-linear-gradient(top,#828268,#b5b591);background:-o-linear-gradient(top,#828268,#b5b591);background:linear-gradient(top,#828268,#b5b591);}
#nav_jr a.active{background:#828268;}
#footer_bar{background:#9c9c7d;background:-webkit-gradient(linear,left top,left bottom,from(#b5b591),to(#9c9c7d));background:-moz-linear-gradient(top,#b5b591,#9c9c7d);background:-webkit-linear-gradient(top,#b5b591,#9c9c7d);background:-ms-linear-gradient(top,#b5b591,#9c9c7d);background:-o-linear-gradient(top,#b5b591,#9c9c7d);background:linear-gradient(top,#b5b591,#9c9c7d);}

/* Pebbles */
body.pebbles_theme{background-color:#ededf5;}
.pebbles_theme #header{background-image:url(../images/pebbles.jpg);}
.pebbles_theme #nav_bg{background-color:#f5f5ed;opacity:0.55;}
.pebbles_theme #nav_jr,.pebbles_theme #slider li.backLava{background-color:#9c9c7d;}
.pebbles_theme #nav_jr a{background:#b5b591;background:-webkit-gradient(linear,left top,left bottom,from(#b5b591),to(#828268));background:-moz-linear-gradient(top,#b5b591,#828268);background:-webkit-linear-gradient(top,#b5b591,#828268);background:-ms-linear-gradient(top,#b5b591,#828268);background:-o-linear-gradient(top,#b5b591,#828268);background:linear-gradient(top,#b5b591,#828268);}
.pebbles_theme #nav_jr a:hover{background:#828268;background:-webkit-gradient(linear,left top,left bottom,from(#828268),to(#b5b591));background:-moz-linear-gradient(top,#828268,#b5b591);background:-webkit-linear-gradient(top,#828268,#b5b591);background:-ms-linear-gradient(top,#828268,#b5b591);background:-o-linear-gradient(top,#828268,#b5b591);background:linear-gradient(top,#828268,#b5b591);}
.pebbles_theme #nav_jr a.active{background:#828268;}
.pebbles_theme #footer_bar{background:#9c9c7d;background:-webkit-gradient(linear,left top,left bottom,from(#b5b591),to(#9c9c7d));background:-moz-linear-gradient(top,#b5b591,#9c9c7d);background:-webkit-linear-gradient(top,#b5b591,#9c9c7d);background:-ms-linear-gradient(top,#b5b591,#9c9c7d);background:-o-linear-gradient(top,#b5b591,#9c9c7d);background:linear-gradient(top,#b5b591,#9c9c7d);}

/* Water */
body.water_theme{background-color:#c4b3bc;}
.water_theme #header{background-image:url(../images/water.jpg);}
.water_theme #nav_bg{background-color:#b2c4bb;opacity:0.7;}
.water_theme #nav_jr,.water_theme #slider li.backLava{background-color:#47946e;}

/* Mountain Valley */
body.mountain-valley_theme{background-color:#889ea4;}
.mountain-valley_theme #header{background-image:url(../images/mountain-valley.jpg);}
.mountain-valley_theme #nav_bg{background-color:#8fa488;opacity:0.7;}
.mountain-valley_theme #nav_jr,.mountain-valley_theme #slider li.backLava{background-color:#4b8f35;}

/* Moss */
body.moss_theme{background-color:#a49988;}
.moss_theme #header{background-image:url(../images/moss.jpg);}
.moss_theme #nav_bg{background-color:#9ba488;opacity:0.7;}
.moss_theme #nav_jr,.moss_theme #slider li.backLava{background-color:#6e951b;}

/* Canyon */
body.canyon_theme{background-color:#a3a387;}
.canyon_theme #header{background-image:url(../images/canyon.jpg);}
.canyon_theme #nav_bg{background-color:#a38f87;opacity:0.7;}
.canyon_theme #nav_jr,.canyon_theme #slider li.backLava{background-color:#bf5f39;}

/* Sandstone */
body.sandstone_theme{background-color:#a2aec1;}
.sandstone_theme #header{background-image:url(../images/sandstone.jpg);}
.sandstone_theme #nav_bg{background-color:#c1b5a2;opacity:0.7;}
.sandstone_theme #nav_jr,.sandstone_theme #slider li.backLava{background-color:#af7f33;}

/* Rocky Cliff */
body.rocky-cliff_theme{background-color:#adabb7;}
.rocky-cliff_theme #header{background-image:url(../images/rocky-cliff.jpg);}
.rocky-cliff_theme #nav_bg{background-color:#b5b7ab;opacity:0.8;}
.rocky-cliff_theme #nav_jr,.rocky-cliff_theme #slider li.backLava{background-color:#8b8d84;}

/* Snow */
body.snow_theme{background-color:#b7b1ab;}
.snow_theme #header{background-image:url(../images/snow.jpg);}
.snow_theme #nav_bg{background-color:#abb1b7;opacity:0.7;}
.snow_theme #nav_jr,.snow_theme #slider li.backLava{background-color:#5184b7;}

/* Graffiti */
body.graffiti_theme{background-color:#a5c0a2;}
.graffiti_theme #header{background-image:url(../images/graffiti.jpg);}
.graffiti_theme #nav_bg{background-color:#c0aaa2;opacity:0.75;}
.graffiti_theme #nav_jr,.graffiti_theme #slider li.backLava{background-color:#a1a03e;}