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

.partnerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 10px;
	color: #050a0f;
	
}
.partnerheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #050a0f;
	
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000033;
}

.partnerlinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 10px;
	color: #050a0f;
}

p {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
	}
	
	
	.comingsoon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-style: normal;
	padding: 3px;	
	}
	
	
	li {
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000
	font-style: normal;
	padding: 3px;
	
	}
	
	
	ol {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
}
	
	
	body {
	background-color: #6f888f;
}



#olstyle li {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
}
	
	#olstyle {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
	
	}
	
	#ulstyle li {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
}
	
	#ulstyle {
	font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000
	font-style: normal;
	padding: 3px;
	
}
	
	#sddm {
	margin: 0;
	padding: 0;
	z-index: 30;
	
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px arial;
	
}

#sddm li a {

	display: block;
	margin: 0 1px 0 0;
	padding: 5px 5px;
	width: 120px;
	background: #050a0f;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#sddm li a:hover {
	background: #6f888f;

}

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
	
}

	#sddm div a {
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #050a0f;
		font: 12px arial
		
	}

	#sddm div a:hover {
		background: #607878;
		color: #FFF;
		
	}
.linkheader {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
.topiclinks {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
	background-color: #cccccc;
}
.sitemaplink {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}
.sitemaptext {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
Paste the following code into your CSS file. This code can be used with any unordered list which has an ID of #sddm.


  #suckerfishnav {
    background:#000000;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
	 padding:4px
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:50px;
    background:#444444;
    }
    
    #suckerfishnav li li:hover ul {
    left: 5px;
    }
    
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }