View Single Post
Unread 01-09-2008, 02:46 AM
Perdue Perdue is offline
Junior Member
Join Date: Jan 2008
Posts: 4
  #4  
Default

Well this is interesting. I made a few changes to the css file, and now it's working. I don't know how what I changed made a difference, but here's the before and after code.

Before:
Code:
<style type="text/css">
/*Set default margins*/
*{margin:0;padding:0}
form{margin:5px 0}
p{margin:5px 0}
body{background:#fff;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#727272;margin:10px 0;padding:0;text-align:center;}
#wrapper{width:970px;margin:0 auto;text-align:left}
/*Header layout*/
#header{height:79px}
#header img{border:none}
.logo {width:225px;height:79px;float:left}
.button1{float:right;margin-right:20px}
.button2{float:right}
#topnav1{text-align:right;border-bottom:1px solid #212f52;padding-bottom:5px}
#topnav1 a{margin:0 10px;color:#212f52;text-decoration:none;text-transform:uppercase;font-size:80%}
#topnav1 a:hover{text-decoration:underline}
#topnav2{background:#212f52;color:#fff;width:100%;height:50px;margin-top:1px}
#topnav2 a{display:block;width:19.5%;margin:15px 0;float:left;color:#fff;text-decoration:none;text-align:center;border-right:1px solid white;font-size:14px;font-weight:bold}
#topnav2 a:hover{text-decoration:underline}
#topnav2 a.right{border:none}

/*--Create the horizontal popout menu--*/
#navbar {width:20%;float:left}
#navbar h1,#navbar h2,#navbar h3,#navbar h4 {font-size: 90%;}
.udm,.udm li,.udm ul{margin:0;padding:0;list-style-type:none;}
.udm{margin:20px 0;position:relative;left:0;top:0;z-index:20000;width:190px;cursor:default !important;border:none;text-align:left;}
.udm{position:static;padding-left:0;padding-top:0;}
.udm li{display:block;width:190px;position:static;}
@media Screen,Projection{:root .udm/**/[class="udm"] li{position:relative;}}
@media Screen,Projection{:root .udm/**/[class="udm"] ul li{position:relative;}}
.udm li a{position:relative;display:block}
.udm li{margin-bottom:1px;}
.udm ul li{margin-bottom:0;}
.udm ul a{margin:0;}
.udm ul li{margin-top:-1px;}
.udm ul li:first-child{margin-top:0px;}
.udm ul{background:#fff;cursor:default !important;width:190px;height:auto;position:absolute;z-index:20100;padding:2px;}
.udm ul li{cursor:default !important;width:100%;position:static;float:none;}
.udm ul{display:none;visibility:hidden;}
html/**/[xmlns] .udm u\l{display:block;visibility:visible;height:0;overflow:scroll;left:-10000px;}
@media screen,projection{* html .udm ul {display:block;visibility:visible;height:0;overflow:scroll;top:-10000px;}}
ul.udm/**/[class^="udm"] u\l{display:block;visibility:visible;height:0;overflow:visible;left:-1000em;}
.udm a .udmA{visibility:hidden;margin:0 9px;display:block;cursor:pointer !important;position:absolute;right:0;top:0;text-align:right;border:none;cursor:inherit !important;}
.udm a .udmA img{display:block;}
.udm ul a .udmA{margin:0 5px;}
* html .udm a .udmA{right:1px;top:1px;}
* html .udm ul a .udmA{right:1px;top:1px;}
.udm .udmS{margin-left:2px;margin-top:2px;}
.udm .udmS{cursor:default !important;position:absolute;z-index:20050;width:auto;height:auto;left:0px;top:0px;display:none;filter:alpha(opacity=50);}
.udm a,.udm a:link{background-image:none;background-color:#fff;cursor:pointer !important;z-index:1000;text-align:left;border-bottom: 1px dotted #212f52 ;padding: 5px 9px; !important;padding-bottom:5px !important;text-decoration:none;color:#727272;font-weight:bold !important;}
.udm a.bottom,.udm a.bottom:link{border-bottom:none}
.udm a,.udm a.nohref{font-size:90%;}
.udm a .udmA,.udm a:link .udmA,.udm a.nohref .udmA{font-weight:bold !important;}
.udm li a,.udm li a:link,.udm li a.nohref,.udm li a:visited{letter-spacing:1px !important;}
.udm li a:visited{background-color:#fff;color:#727272;}
.udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus{background-color:#9f9f9f;text-decoration:none;color:#000;}
.udm a.nohref{background:#eee;cursor:text;text-align:center;border:none;}
.udm li a.nohref:hover{background:#eee;color:#727272}
* html .udm li a:active{background:#9f9f9f;text-decoration:none;color:#000;}
.udm ul a,.udm ul a:link,.udm ul a.nohref{background-color:transparent;text-align:left;border-bottom:1px dotted #212f52;padding:5px 5px !important;padding-bottom:5px !important;text-decoration:none;color:#727272;font-size:90%;font-weight:bold !important;}
.udm ul a.bottom,.udm ul a.bottom:link,.udm ul a.nohref{border-bottom:none}
.udm ul a .udmA,.udm ul a:link .udmA,.udm ul a.nohref .udmA{font-weight:bold !important;}
.udm ul li a:visited,* html .udm ul li a:visited{background-color:transparent;font-style:normal;}
.udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover{background-color:#9f9f9f;text-decoration:none;color:#000;}
* html .udm ul li a:active{background-color:#9f9f9f;text-decoration:none;color:#000;}
.udm a.nohref,.udm ul a.nohref{cursor:default !important;}
.udm h1,.udm h2,.udm h3,.udm h4,.udm h5,.udm h6{width:100%;}
@media screen,projection{* html .udm li{display:inline;}}
@media screen,projection{* html .udm li,* html .udm ul li{display/**/:block;float/**/:left;}}
ul[class$="udm"].udm li,ul[class$="udm"].udm ul li{display:block;float:left;}
ul[class$="udm"].udm:not([class="xxx"]) li{float:none;}
ul[class$="udm"].udm:not([class="xxx"]) ul li{float:none;}
@media all and (min-width:0px){ul[class$="udm"].udm li{float:none;}}
@media all and (min-width:0px){ul[class$="udm"].udm ul li{float:none;}}
select{visibility:visible;}
.udm .udmC{position:absolute;left:0;top:0;z-index:20020;width:auto;height:auto;filter:alpha(opacity=0);}

/*General layout*/
#content{}
#contentinner{padding:5px 0}

/*Footer stylings*/
#footer{clear:both;padding-top:15px;text-align:center;color:#212f52}
#footer a{color:#212f52}
#footer p{font-size:80%;color:#727272}
</style>
(After code in next post -- too many characters)
Reply With Quote