/* Skeleton on which we hang everything */

body {
font-family: verdana, arial, sans-serif;
color: #000;
/* background-color: #d8d8d8; */
background-image:url(../images/bg-stripe.gif);
}

.outside {
padding: 0% 0%;
margin: auto;
}

.inside {
background-color: #fff;
margin: auto; 
width: 800px;
}

.header {
float: left;
width: 100%;
margin: auto;
display: block;
font-size: 10px;
background-color: #fff;
border-top: 5px solid #fff;
border-bottom: 8px solid #d8d8d8;
}


#login, #login a:visited {
font-family: verdana, arial, sans-serif;
font-size:10px;
font-weight: 700;
float: right;
text-decoration: none;
padding:2px 4px 2px 4px;
}

#login a:hover, #login a:active {
font-family: verdana, arial, sans-serif;
font-size:10px;
font-weight: 700;
float: right;
text-decoration: underline;
padding:2px 4px 2px 4px;
}

#login a:link {
font-family: verdana, arial, sans-serif;
font-size:10px;
font-weight: 700;
float: right;
text-decoration: underline;
padding:2px 4px 2px 4px;
} 

.logo {
margin: 8px;
}


.menu-0 {
float: right;
display: inline;
margin: 5px 5px 0px 0px;
width: 251px;
}
ul.ul-0 {
list-style: none;
margin: auto;
padding: 0px;
}
li.li-0 {
float: left;
position: relative;
padding: 3px;
}
.a0 {
color: #A5C4EA;
margin-right: 10px;
}
.a0:hover {
text-decoration: none;
color: #7BAED7;
}


.top-menu {
font-family: verdana, arial, sans-serif;
clear: left;
width: 100%;
float: left;
padding: 4px 0 4px 0;
border-top: 8px solid #d8d8d8;
background-color: #07517C;
}

ul.dropdown {
list-style: none;
margin: auto;
padding: 0px;
float: right;
}
.topmenu {
color: #fff;
text-decoration:none;
}

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

.topmenu:hover {
color: #A5C4EA;
text-decoration: none;
}

.topmenuon {
background-color: #7BAED7;
}

.topmenuon:a {
color: #07517C;
background-color: #7BAED7;
text-decoration:none;
}

.topmenuon:hover {
color: #A5C4EA;
text-decoration: none;
background-color: #7BAED7;
}

li.dropdownli {
float: left;
position: relative;
padding: 4px 13px;
margin: 0px;
border-left: 1px solid #ddd;
}
li.dropdownli:hover {
border-left: 1px solid #aaa;
}
#nav li li a {
display: block;
width: 145px;
background-color: #DFDFDF;
padding: 5px 7px;
border-bottom: 1px solid #fff;
color: #678ab0;
}
html>body #nav li li a {
display: block;
width: 145px;
background-color: #d8d8d8;
padding: 5px 7px;
border-bottom: 1px solid #fff;
color: #003366;
}

#nav li li a:hover {
background-color: #07517C;
text-decoration: none;
border-bottom: 1px solid #ccc;
color: #fff;
}
li.dropdownli ul {
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 0px;
border: 0px;
color: #666;
font-weight: normal;
}
li.dropdownli>ul {
top: auto;
left: auto;
}
li.dropdownli li {
display: block;
float: none;
border: 0px;
padding: 0px;
}
li.dropdownli:hover ul, li.over ul {
display: block;
margin-top: 0px;
margin-left: 0px;
}

html>body li.dropdownli:hover ul, li.over ul {
display: block;
border: 1px solid #aaa;
margin-top: 4px;
margin-left: -14px;
}