Okay... I can't figure this out. I've been tossing around whether I want an image only on the front page of my site or if I want it on all pages, and I've come to the conclusion that I would like it on all pages.
If I place the IMG tag within the table.contentpaneopen it shows in both FF and IE (well at least 7, haven't tested 6 yet). But putting it here means that I have to instert the IMG tag into every page that I want it on.
But... If I put in in the #maincontent (just after the logo) it disappears in IE. FF still shows it correctly though. I tried setting the z-index to 99 to bring it forward and it didn't work.
Can anyone please tell me why this is? I would rather have it in the #maincontent div.
HTML - in table.contentpaneopen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home Page - Extra6.com</title>
<meta name="title" content="Home Page - Extra6.com" />
<meta name="robots" content="noindex, nofollow" />
<meta http-equiv="Last-modified" content="2008-06-14 4:48:55 GMT" />
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/jquery-121.js"></script>
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/jceutilities-150.js"></script>
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/embed.js"></script>
<link href="http://www.extra6.com/mambots/system/jceutilities/css/jceutilities.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript">
var jceEmbedStrict=0;
jQuery(document).ready(function(){
jceutilities({
legacyPopup: 1,
boxConvert: 0,
boxResize: 1,
boxIcons: 1,
boxOverlayOpacity: 0.8,
boxOverlayColor: '#000000',
boxFadeSpeed: 300,
boxScaleSpeed: 300,
imagePath: 'mambots/system/jceutilities/img/',
tipClass: 'tooltip',
tipOpacity: 1,
tipFxspeed: 150,
tipPosition: 'br',
tipOffsets: {'x': 16, 'y': 16},
pngFix: 1
});
});
</script>
<link rel="shortcut icon" href="http://www.extra6.com/images/favicon.ico" />
<script type="text/javascript" src="mambots/system/jceutils/jscripts/jquery.js"></script>
<script type="text/javascript" src="mambots/system/jceutils/jscripts/utils.js"></script>
<script type="text/javascript" src="mambots/system/jceutils/jscripts/embed.js"></script>
<link href="templates/extra6.com/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link href="mambots/system/jceutils/css/jcebox.css" rel="stylesheet" type="text/css" media="all"/>
<!--[if IE]>
<link href="mambots/system/jceutils/css/jcebox_ie.css" rel="stylesheet" type="text/css" media="all"/>
<![endif]-->
</head>
<body>
<div id="container">
<div id="menus">
<ul id="mainlevel-mainmenu"><li><a href="#" class="mainlevel-mainmenu">Hosting</a></li><li><a href="#" class="mainlevel-mainmenu">Plans</a></li><li><a href="http://clients.extra6.com" class="mainlevel-mainmenu">Support</a></li><li><a href="#" class="mainlevel-mainmenu">Contacts</a></li></ul><ul id="mainlevel-usermenu"> <li> <a href="sitemap.xml" class="blue">Site Map</a> </li><li> <a href="http://clients.extra6.com/clientarea.php" class="green">Login</a> </li><li> <a href="http://www.extra6.com" class="orange">Home</a> </li>
</ul> </div>
<div id="bigservers">
<div id="contentarea">
<div class="addmargin">
<div id="maincontent">
<img src="templates/extra6.com/images/logo.png" width="395" height="130" border="0" id="logo" alt="Extra6.com - Hosting Services, Reseller Hosting and Domains" />
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<img src="http://www.extra6.com/templates/extra6.com/images/img-servers.png" id="img-servers" align="right" border="0" height="333" width="337" />
<h1>Welcome to Extra6.com</h1>
<p>
<span id="img-servers-spacer">
</span>
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here.
</p>
</td>
</tr>
</table>
<span class="article_seperator"> </span>
</div> <!-- end div#maincontent-->
</div> <!-- end div.addmargin -->
<div id="customarea">
<div class="moduletable-orange">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$4.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Starter Plan</h1>
<ul>
<li><b>2 GB</b> Storage</li>
<li><b>2 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li>Single Domain Hosting</li>
<li><b>Unlimited</b> Emails</li>
<li><b>2 FTP Accounts Included</b></li>
<li><b>MySQL Database Included</b></li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent-->
</div>
<!-- end div.moduletable-orange-->
<div class="moduletable-green">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$6.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Standard Plan</h1>
<ul>
<li><b>5 GB</b> Storage</li>
<li><b>5 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li><b>Host up to 5 Domains</b></li>
<li><b>UNLIMITED</b> Emails</li>
<li><b>UNLIMITED</b> FTP Accounts Included</li>
<li><b>UNLIMITED</b> MySQL Databases</li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent -->
</div>
<!-- end div.moduletable-green -->
<div class="moduletable-blue">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$8.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Business Plan</h1>
<ul>
<li><b>10 GB</b> Storage</li>
<li><b>10 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li><b>Host up to 15 Domains</b></li>
<li><b>UNLIMITED</b> Emails</li>
<li><b>UNLIMITED</b> FTP Accounts Included</li>
<li><b>UNLIMITED</b> MySQL Databases</li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent -->
</div>
<!-- end div.moduletable-blue -->
<div style="clear: both;"></div>
</div> <!-- end div.customarea-->
</div> <!-- end div#contentarea -->
<div id="user6">
<form id="reg-domains" name="form_reg" method="post" action="">
<span><em>Register a Domain</em></span>
<input type="text" name="domainname" />
<select name="tld">
<option value="com">.com</option>
<option value="org">.org</option>
<option value="net">.net</option>
<option value="biz">.biz</option>
<option value="info">.info</option>
<option value="us">.us</option>
</select>
<input type="image" name="imgSubmit" src="templates/extra6.com/images/arrow.gif" style="vertical-align: top" />
</form>
</div> <!-- end div#user6 -->
<div id="footer">
<span><em>© Copyright 2008, All rights reserved.</em></span>
<div class="mainlevel-footer">
<ul>
<li><a href="#">Privacy Policy</a></li>
<li class="last"><a href="#">Terms of Use</a></li>
</ul>
</div> <!-- end div.mainlevel-footer -->
</div> <!-- end div#footer-->
</div> <!-- end div#big-servers -->
</div> <!-- end div#container -->
</body>
</html>
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home Page - Extra6.com</title>
<meta name="title" content="Home Page - Extra6.com" />
<meta name="robots" content="noindex, nofollow" />
<meta http-equiv="Last-modified" content="2008-06-14 4:59:24 GMT" />
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/jquery-121.js"></script>
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/jceutilities-150.js"></script>
<script type="text/javascript" src="http://www.extra6.com/mambots/system/jceutilities/js/embed.js"></script>
<link href="http://www.extra6.com/mambots/system/jceutilities/css/jceutilities.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript">
var jceEmbedStrict=0;
jQuery(document).ready(function(){
jceutilities({
legacyPopup: 1,
boxConvert: 0,
boxResize: 1,
boxIcons: 1,
boxOverlayOpacity: 0.8,
boxOverlayColor: '#000000',
boxFadeSpeed: 300,
boxScaleSpeed: 300,
imagePath: 'mambots/system/jceutilities/img/',
tipClass: 'tooltip',
tipOpacity: 1,
tipFxspeed: 150,
tipPosition: 'br',
tipOffsets: {'x': 16, 'y': 16},
pngFix: 1
});
});
</script>
<link rel="shortcut icon" href="http://www.extra6.com/images/favicon.ico" />
<script type="text/javascript" src="mambots/system/jceutils/jscripts/jquery.js"></script>
<script type="text/javascript" src="mambots/system/jceutils/jscripts/utils.js"></script>
<script type="text/javascript" src="mambots/system/jceutils/jscripts/embed.js"></script>
<link href="templates/extra6.com/css/template_css.css" rel="stylesheet" type="text/css" media="screen" />
<link href="mambots/system/jceutils/css/jcebox.css" rel="stylesheet" type="text/css" media="all"/>
<!--[if IE]>
<link href="mambots/system/jceutils/css/jcebox_ie.css" rel="stylesheet" type="text/css" media="all"/>
<![endif]-->
</head>
<body>
<div id="container">
<div id="menus">
<ul id="mainlevel-mainmenu"><li><a href="#" class="mainlevel-mainmenu">Hosting</a></li><li><a href="#" class="mainlevel-mainmenu">Plans</a></li><li><a href="http://clients.extra6.com" class="mainlevel-mainmenu">Support</a></li><li><a href="#" class="mainlevel-mainmenu">Contacts</a></li></ul><ul id="mainlevel-usermenu"> <li> <a href="sitemap.xml" class="blue">Site Map</a> </li><li> <a href="http://clients.extra6.com/clientarea.php" class="green">Login</a> </li><li> <a href="http://www.extra6.com" class="orange">Home</a> </li>
</ul> </div>
<div id="bigservers">
<div id="contentarea">
<div class="addmargin">
<div id="maincontent">
<img src="templates/extra6.com/images/logo.png" width="395" height="130" border="0" id="logo" alt="Extra6.com - Hosting Services, Reseller Hosting and Domains" />
<img src="http://www.extra6.com/templates/extra6.com/images/img-servers.png" id="img-servers" align="right" border="0" height="333" width="337" />
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<h1>Welcome to Extra6.com</h1>
<p>
<span id="img-servers-spacer">
</span>
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here.
</p>
</td>
</tr>
</table>
<span class="article_seperator"> </span>
</div> <!-- end div#maincontent-->
</div> <!-- end div.addmargin -->
<div id="customarea">
<div class="moduletable-orange">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$4.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Starter Plan</h1>
<ul>
<li><b>2 GB</b> Storage</li>
<li><b>2 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li>Single Domain Hosting</li>
<li><b>Unlimited</b> Emails</li>
<li><b>2 FTP Accounts Included</b></li>
<li><b>MySQL Database Included</b></li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent-->
</div>
<!-- end div.moduletable-orange-->
<div class="moduletable-green">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$6.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Standard Plan</h1>
<ul>
<li><b>5 GB</b> Storage</li>
<li><b>5 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li><b>Host up to 5 Domains</b></li>
<li><b>UNLIMITED</b> Emails</li>
<li><b>UNLIMITED</b> FTP Accounts Included</li>
<li><b>UNLIMITED</b> MySQL Databases</li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent -->
</div>
<!-- end div.moduletable-green -->
<div class="moduletable-blue">
<div class="price">
<img src="templates/extra6.com/images/burst.png" border="0" height="60" width="81" /><span>$8.99</span>
</div>
<div class="serverbox">
<img src="templates/extra6.com/images/img-serverbox.png" border="0" height="162" width="113" />
</div>
<div class="boxcontent">
<h1>Business Plan</h1>
<ul>
<li><b>10 GB</b> Storage</li>
<li><b>10 GB</b> Bandwidth</li>
<li class="nobullet"> </li>
<li><b>Host up to 15 Domains</b></li>
<li><b>UNLIMITED</b> Emails</li>
<li><b>UNLIMITED</b> FTP Accounts Included</li>
<li><b>UNLIMITED</b> MySQL Databases</li>
<li><b>Installatron Script Installer</b></li>
</ul>
</div>
<!-- end div.boxcontent -->
</div>
<!-- end div.moduletable-blue -->
<div style="clear: both;"></div>
</div> <!-- end div.customarea-->
</div> <!-- end div#contentarea -->
<div id="user6">
<form id="reg-domains" name="form_reg" method="post" action="">
<span><em>Register a Domain</em></span>
<input type="text" name="domainname" />
<select name="tld">
<option value="com">.com</option>
<option value="org">.org</option>
<option value="net">.net</option>
<option value="biz">.biz</option>
<option value="info">.info</option>
<option value="us">.us</option>
</select>
<input type="image" name="imgSubmit" src="templates/extra6.com/images/arrow.gif" style="vertical-align: top" />
</form>
</div> <!-- end div#user6 -->
<div id="footer">
<span><em>© Copyright 2008, All rights reserved.</em></span>
<div class="mainlevel-footer">
<ul>
<li><a href="#">Privacy Policy</a></li>
<li class="last"><a href="#">Terms of Use</a></li>
</ul>
</div> <!-- end div.mainlevel-footer -->
</div> <!-- end div#footer-->
</div> <!-- end div#big-servers -->
</div> <!-- end div#container -->
</body>
</html>
CSS File:
Code:
/* CSS Document */
/* black background: #191919 --> body background */
/* grey background: #414141 --> content area */
/* grey footer: #2b2b2b --> footer area */
/* dark grey: #222222 --> menu item tab */
/* grey font: #7b7b7b --> content font */
/* headings: #ffffff --> h1-h6 tags */
/* orange: #fc8a00 --> orange font */
/* green: #acc512 --> green font */
/* blue: #308cb5 --> blue font */
/* red: #be1d2d --> red font */
/****************************************************************************/
/*** LAYOUT ***************************************************************/
/****************************************************************************/
body {
background-color: #191919;
font-size: 76%;
color: #7b7b7b;
font-family: helvetica, verdana, arial;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, .contentheading {
font-family: helvetica, verdana, arial;
color: white;
margin-top: 0;
}
h1, .contentheading { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
#container {
position: relative;
width: 780px;
margin: 0 auto;
}
#logo {
width: 395px;
height: 130px;
margin: 10px 0 0 10px;
float: left;
}
#bigservers {
clear: both;
position: relative;
width: 100%;
z-index: 5;
}
/* THIS IS OLD - PLEASE IGNORE!
#img-servers {
position: relative;
top: -10px;
right: -2.5%;
float: right;
}
*/
#img-servers {
position: absolute;
top: -10px;
right: 0;
}
#img-servers-spacer {
float: right;
width: 315px;
height: 135px;
}
#contentarea {
position: relative;
width: 100%;
background: #414141 url(../images/bg-content.gif) repeat-x top left;
z-index: -5;
}
#contentarea div.addmargin {
width: 96%;
margin: 1em auto;
}
.contentpaneopen {
clear: both;
}
#contentarea p {
text-align: justify;
}
#customarea {
width: 100%;
background-color: #191919;
clear: both;
color: white;
}
.moduletable-orange {
width: 32.7%;
height: 265px;
margin: .7% .8% .7% 0;
float: left;
background: #fc8a00 url(../images/bg-orange.gif) repeat-x top left;
position: relative;
}
.moduletable-green {
width: 32.7%;
height: 265px;
margin: .7% .8% .7% 0;
float: left;
background: #acc512 url(../images/bg-green.gif) repeat-x top left;
position: relative;
}
.moduletable-blue {
width: 32.7%;
height: 265px;
margin: .7% 0;
float: left;
background: #308cb5 url(../images/bg-blue.gif) repeat-x top left;
position: relative;
clear: right;
}
.price {
width: 81px;
height: 60px;
position: absolute;
bottom: -1px;
left: 0;
color: white;
font-size: 1.6em;
font-weight: bold;
}
.price span {
width: 81px;
height: 1.3em;
padding-bottom: .2em;
position: absolute;
bottom: -1px;
left: 0;
color: white;
font-size: 1.25em;
font-weight: bold;
}
.serverbox {
width: 113px;
height: 162px;
position: absolute;
bottom: -1px;
right: 0;
}
.boxcontent {
width: 94%;
margin: 3% auto;
z-index: 5;
}
.boxcontent h1 {
font: normal 36px impact, helvetica, verdana, arial;
margin-bottom: 0;
}
#user6 {
background: #3b3b3b url(../images/bg-footer.gif) repeat-x top left;
height: 44px;
margin: 0;
padding: 0;
font-weight: bold;
color: white;
clear: both;
}
#user6 form {
text-align: right;
width: 96%;
margin: 0 auto;
padding: .7em 0 0 0;
}
#user6 form span { font-size: 1.6em; }
#user6 form input, select {
position: relative;
top: -2px;
}
#user6 form input { margin-left: 5px; }
#footer {
width: 100%;
margin: 0;
}
#footer span {
float: right;
margin: 1em 2% 1em 0;
width: 28%;
}
.nobullet { list-style: none; }
.clr-left { clear: left; }
.clr-both { clear: both; }
.blue {
color: #308cb5;
font-weight: bold;
}
.green {
color: #acc512;
font-weight: bold;
}
.orange {
color: #fc8a00;
font-weight: bold;
}
.red {
color: #be1d2d;
font-weight: bold;
}
/****************************************************************************/
/*** MENUS ****************************************************************/
/****************************************************************************/
#menus {
width: 100%;
padding: 0;
margin: 0;
}
#menus #mainlevel-mainmenu {
float: left;
width: 75%;
height: 3.2em;
margin: 0;
padding: 0;
list-style: none;
font-size: 1.6em;
font-weight: normal;
font-family: Verdana, helvetica, arial;
color: white;
text-align: center;
}
#menus #mainlevel-mainmenu li {
position: relative;
float: left;
margin: 0 0 0 .5%;
width: 19%;
background: #191919 url(../images/menuitem-top.gif) repeat-x top;
}
#menus #mainlevel-mainmenu li a {
color: white;
text-decoration: none;
display: block;
padding: 1.2em 0 .8em 0;
}
#menus #mainlevel-mainmenu li a:visited {
color: white;
}
#menus #mainlevel-mainmenu li a:hover {
padding: .8em 0 1.4em 0;
color: #be1d2d;
}
#menus #mainlevel-usermenu {
float: right;
width: 25%;
height: 3.2em;
margin: 0;
padding: 0;
list-style: none;
font: normal 1em verdana, helvetica, arial;
color: orange;
text-align: center;
}
#menus #mainlevel-usermenu li {
position: relative;
float: right;
margin: 0;
width: 33.3%;
background: #191919 url(../images/link-home.gif) no-repeat top center;
}
#menus #mainlevel-usermenu li a {
text-decoration: none;
display: block;
padding: 2.4em 0 1.8em 0;
font-weight: bold;
}
#menus #mainlevel-usermenu li a:hover { text-decoration: underline; }
#menus #mainlevel-usermenu li a.orange { color: #fb8300; }
#menus #mainlevel-usermenu li a.green { color: #aac312; }
#menus #mainlevel-usermenu li a.blue { color: #2f8ab3; }
#menus #mainlevel-usermenu li a.orange:visited { color: #fb8300; }
#menus #mainlevel-usermenu li a.green:visited { color: #aac312; }
#menus #mainlevel-usermenu li a.blue:visited { color: #2f8ab3; }
#footer .mainlevel-footer {
float: left;
margin: 1em 0 1em 0;
width: 68%;
}
#footer .mainlevel-footer ul {
padding: 0;
margin: 0;
width: 100%;
list-style: none;
}
#footer .mainlevel-footer ul li {
float: left;
margin: 0;
width: 20%;
text-align: center;
border-right: 1px solid #7b7b7b;
}
#footer .mainlevel-footer ul li a, #footer .mainlevel-footer ul li a:visited {
display: block;
width: 100%;
color: #7b7b7b;
text-decoration: none;
}
#footer .mainlevel-footer ul li a:hover {
text-decoration: underline;
}
#footer .mainlevel-footer ul li.last { border: none; }
/****************************************************************************/
/*** CONTENT **************************************************************/
/****************************************************************************/
