html, body {
font: .9em/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background: transparent;
color: #333;
min-width: 760px;
margin: 0;
padding: 0;
}

#left {
width: 160px;
float: left;
margin-left: -1px;
padding: 10px;
}

#content {
padding: 10px;
margin-left: 180px;
}

#header {
background: transparent;
color: #006;
margin-bottom: 0px;
font-size: .6em;
}

#footer {
background: transparent;
color: #006;
text-align: center;
padding: 2px 0;
border-top:1px solid #ccc;
line-height:1;
clear: both;
}

#wraptop {
background: transparent url(img/bg.jpg) top left no-repeat fixed;
left:0
top:0
}

#wrapbot {
background: transparent url(img/bg-bottom.jpg) bottom left no-repeat fixed;
left:0;
}

#wrapper {
width: 720px;
text-align: left;
margin: 0 auto;
clear: both;
background-color: transparent;
}

.spacer {
clear: both;
background: transparent;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.6em;
margin:2px 0;
text-shadow: #006 0.1em 0.1em 0.1em;
color:#003399;
}

h3 {
font-size:1.4em;
margin:2px 0;
}

h4 {
font-size:1.2em;
margin:2px 0;
}

#content p {
margin:.5em 0;
}

#content ul li, #content ol li {
margin-left:2em;
}

#content ol ol li {
margin-left:2em;
}

dd, dt {
font-size: 0.95em;
}

#logo {
width:1000px;
}

.rightbox {
float:right;
border: 1px solid #CCc;
width:160px;
background-color:#e1e1e1;
display:block;
margin:5px 0 5px 10px;
}

.rightbox p {
font-size:.85em;
padding:5px;
}

.rightbox h3 {
color:#fff;
font-size:1.4em;
padding-left:.5em;
margin: 0;
background-color:#006;
font-variant: small-caps;
}

.rightbox h3 a {
text-decoration:none;
color: #fff;
}

.rightbox h4 {
padding:0 5px;
}

.center {
margin:0 auto;
text-align:center;
display:block;
}

.box {
float:right;
border: 1px solid #ccc;
width:157px;
background-color:#e1e1e1;
display:block;
margin:5px; _margin:15px 0;
}

.box p {
font-size:.85em;
padding:5px;
}

.box h3 {
color:#fff;
font-size:1.4em;
padding-left:.5em;
margin: 0;
background-color:#006;
font-variant: small-caps;
}

.box h3 a {
text-decoration:none;
color: #fff;
}

.box h4 {
padding:0 5px;
}

.box ul li {
margin-left:2em;
font-size:.85em;
}

.list li {
margin-left:2em;
}

.newpage {
background-image:url(img/newpage.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:14px;
}

.leftbox {
border: 1px solid #ccc;
width:158px;
background-color:#e1e1e1;
display:block;
margin:1em 0 0 0;
}

.leftbox p {
font-size:.85em;
padding:5px;
}

.leftbox h3 {
color:#fff;
font-size:1.4em;
padding-left:.5em;
margin: 0;
background-color:#006;
font-variant: small-caps;
}

.leftbox h3 a {
text-decoration:none;
color: #fff;
}

.leftbox h4 {
padding:0 5px;
}

.leftbox ul li {
margin-left:2em;
font-size:.85em;
}

#topinfo {
width: 720px;
margin: 0 auto;
font-variant: small-caps;
color: #000;
padding: 5px;
height: 25px;
display: block;
border-bottom: 1px solid #999;
}

#topinfo ul li {
float: left;
list-style: none;
padding-right: 15px;
}

#webproper {
float:right;
margin:5px;
}
a img, img {
border:0;
}
/* Menu function */

#menu {
padding: 0;
margin: 0;
width: 150px;
}

#nav,#nav ul {
/* all lists */
padding: 0;
margin: 0;
list-style: none;
float: left;
font-variant: small-caps;
background: #fff;
}

#nav li {
/* all list items */
position: relative;
float: left;
line-height: 2em;
margin-bottom: -3px;
}

#nav li ul {
/* second-level lists */
position: absolute;
left: -999em;
margin-left: 155px;
margin-top: -1.35em;
z-index: 1000;
display: block;
}

#nav li ul ul, #nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
/* third-and-above-level lists */
left: -999em;
}

#nav li a:link, #nav li a:visited, #nav li a.menugif {
width: 145px;
display: block;
text-decoration: none;
background: #006;
border: 1px solid #CCc;
padding: 0 .5em;
color: #fff;
}

#nav li a:hover, #nav li a:active {
color: #ccc;
text-align: center;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {
/* lists nested under hovered list items */
left: auto;
position: relative;
z-index: 100;
}

#nav li .menugif a:hover {
text-align: center;
}

.right {
  text-align: right;
}