@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 769px) {	

.toplinks a {
	color: #003366;}
	
.links a {
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: .8em;
	color: #FFFFFF;
}

.links a:visited {	
text-decoration: none;
color:#FFFFFF;
}
.links a:hover {
text-decoration: none;
color:#FFFFFF;
background-color: #33cccc;
}
.links a:active {
text-decoration: none;
color:#FFFFFF;	
}

***
	
.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.links ul li {
  display: block;
  position: relative;
  float: right;
}

/* This hides the dropdowns */


.links li ul { display: none; }

.links ul li a {
display: block;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
white-space: nowrap;
}

.links ul li a:hover { }

/* Display the dropdown */


.links li:hover > ul {
  display: block;
  position: absolute;
  width: 100%;
}

.links li:hover li { float: none; }

.links li:hover a {
	background-image: url(../img/transbg.png);
	background-repeat: repeat;
}

.links li:hover li a:hover { 
background-color: #33cccc;
color: #ffffff; }

.main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


.links ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



.links ul:before,
.links ul:after {
.links   content: " "; /* 1 */
  display: table; /* 2 */
}

.links ul:after { clear: both; }
}