body {
background:0 0 repeat url(/hro/images/hro_bg.jpg);
background-attachment:fixed;
margin:0;
}

#leftdiv {
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
padding:0;
overflow:visible;
}
#centerdiv {
background:rgba(255,255,255,0.5);
}

#top {
background:0 0 repeat-x url(/hro/images/hro_logo2_bg.png);
text-align:center;
max-width:100%;
}
#top img {
width:100%;
max-width:700px;
}

a, a:visited {
outline:none;
color:#336;
}

img {
border:0;
vertical-align:middle;
}

p {
margin:0;
padding:7px;
}

li {
margin:0;
padding:0 0 5px 0;
}


#menu {
list-style:none;
margin:0 5px 0 0;
}
#menu li {
margin:0 0 7px 0;
padding:0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}
#menu li:last-child {
margin-bottom:0;
}
#menu > li {
-moz-box-shadow:3px 3px 5px #666;
-webkit-box-shadow:3px 3px 5px #666;
box-shadow:3px 3px 5px #666;
}
#menu li.plus > a {
background-color:#FFF;
background-repeat:no-repeat;
background-position:100% center;
background-image:url(/images/add.png);
}
#menu > li > ul {
padding:5px 0 5px 10px;
list-style:none;
display:none;
}
#menu > li > ul li {
overflow:auto;
}
#menu li.selectmenu ul li ul {
padding:5px 0 0 10px;
list-style:none;
display:none;
}
#menu li.selectmenu {
background-color:#999;
margin-bottom:7px;
}
#menu li.selectmenu ul, #menu li ul li.selectmenu ul {
display:block;
}

#menu a {
margin:0;
padding:5px 0 5px 5px;
background:#FFF;
color:#336;
min-height:0;
font:inherit;
font-weight:bold;
text-align:left;
}
#menu a:hover {
background-position:0 0;
background-repeat:repeat;
background-image:url(/images/bg-grey-60.png);
color:#27A;
}
#menu .select, #menu li a.select, .select {
background-color:#C96;
}


.navtablee {
width:100%;
border:#444 solid;
border-width:1px 1px 0 0;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.navtablee td {
border:#666 solid;
border-width:0 0 1px 1px;
text-align:center;
}
.navtablee a, .navtablee a:visited {
display:block;
width:100%;
min-height:33px;
padding:4px 0;
}

.navtablee a:hover{
color:#F60;
text-decoration:none;
background-color:#FF9;
}

.listpadding li {
padding-top:10px;
}

h2.head {
font-size:18px;
}
.stafftable {
float:none;
margin:0 auto 15px auto;
border:#666 solid;
border-width:0 1px 1px 1px;
background: #FEFFF4; /* Old browsers */
background: #FEFFF4 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(100,100,0,.2) 100%); /* FF3.6+ */
background: #FEFFF4 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
background: #FEFFF4 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(100,100,0,.2) 100%); /* Chrome10+,Safari5.1+ */
background: #FEFFF4 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(100,100,0,.2) 100%); /* Opera11.10+ */
background: #FEFFF4 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(100,100,0,.2) 100%); /* IE10+ */
background: #FEFFF4 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(100,100,0,.2) 100%); /* W3C */
overflow:hidden;
}
.stafftable td {
padding:0 1px 0 3px;
font:normal 14px Calibri, sans-serif;
min-height:36px;
border:#BBA solid;
border-width:1px 0 0 0;
}
.stafftable td.c {
width:45%;
}
.stafftable td.c a {
display:block;
}
.stafftable td strong {
font-size:16px;
display:block;
}

#letterdiv {
border:#999 solid;
border-width:0 0 1px 0;
margin:0 0 20px 0;
}
#letterdiv .head {
background-color:#DDD;
padding:2px 50px;
color:#630;
font:bold 18px Arial, Helvetica, sans-serif;
border-top:#333 solid 1px;
border-bottom:#AAA solid 1px;
margin-top:25px;
}
#letterdiv a {
display:block;
padding:3px 3px 3px 30px;
border:#AAA solid;
border-width:0 0 1px 0;
}
#letterdiv a:hover {
background-color:#DFD;
}
#letterdiv a strong {
display:inline-block;
min-width:100px;
color:#000;
}


.poctable {
float:none; margin:10px auto;
}
.poctable td.l {
text-align:right;
font-weight:bold;
padding-right:5px;
}