/* navigation tabs */
.tabs {
	padding-top: 1.5em;
	padding-bottom: 0.4em;
	font-size: 0.8em;
	width: 100%;
    border-bottom: 1px solid #006;  /* dark blue */
    margin-bottom: 2em;
    font-family: lucida grande, verdana;
}

.secondtabs {
	padding-top: 0em;
	margin-top: -1em;
}

.tabs ul, .tabs ul li {
	padding-top: 0.2em;
}

.tabs ul {
    padding-bottom: 0.5em;
}

.tabs ul li {
    padding-bottom: 0.4em;
}

.tabs ul {
    padding-right: 6em;
	padding-left: 0em;
	width: 100%;

    display: inline;
}

.tabs ul li {
    padding-right: 0.9em;
	padding-left: 0.9em;

    list-style: none;
    display: inline;
    border: 1px solid #006;  /* dark blue */
        
    margin: 1px;
}

.tabs ul li a {
	text-decoration: none;
	border-bottom: 1px dashed #006; /* dark blue */
	color: #006;
}

.tabs ul li a:visited {
	color: #888;
}

/* hovering over link inside tab */
.tabs ul li:hover a {
	border-bottom: 1px dotted #006; /* dark blue */
}

/* current page tab */
.tabs ul li.here, .tabs ul li.here:hover, .secondtabs ul li.here a {
	color: #fff;                   /* white */
    background: #006;				/* dark blue */
    font-weight: bold;
}

/* hovering over tabs */
.tabs ul li:hover {
	background: #da7;               /* medium orange */
}