I'm having some issues getting bullets to show up for a list. Mainly because bullets are not to be show since my menu bar is compose of an unordered list, and the ul, li class defined in the external CSS removes the bullets from anywhere on the page, including the content div.
I'm aware that the external CSS can be overwritten via a CSS entry within the HTML for that page, but it's not working for me.
Here's the list:
And here's my entire CSS
I'm aware that the external CSS can be overwritten via a CSS entry within the HTML for that page, but it's not working for me.
Here's the list:
Code:
<div id="content" style="text-align:center; float:right;">
<h1 align="center">Terms of Use
<!-- end #mainContent -->
</h1>
<p align="left"><strong>Summary</strong><br />
<a style="text-decoration:none" href="index.html">TechForce Protective Services, LLC</a> (TFPS) operates this website to provide online access to information about our company and the services we provide. By accessing and using this website, you (“the User”) agree to comply with and be bound by the Terms of Use as set forth below. These terms, together with our <a style="text-decoration:none" href="privacy_policy.html">Privacy Policy</a>, govern our relationship with the User in relation to the TFPS website. All content on this website is protected by copyright and trademark as applicable.</p>
<p align="left"><strong>Disclaimer of Warranty or Guarantee</strong><br />
All content on the TFPS website is provided on an “AS IS” and “AS AVAILABLE” basis, is subject to change without notice, and is offered for the User’s general information and use only. TFPS makes every effort to ensure (but does not warranty or guarantee) content accuracy or completeness. Therefore, the User acknowledges that such content may contain inaccuracies or errors. TFPS expressly excludes liability for any such inaccuracies or errors to the fullest extent permitted by law. Our goal is to keep the TFPS website timely and accurate. If errors are <a style="text-decoration:none" href="contact.html">brought to our attention</a>, we will try to correct them.</p>
<p align="left"><strong>Limitation of Liability</strong><br />
TFPS may add, change, improve, or update website content without notice. Furthermore, we reserve exclusive right in our sole discretion to alter, limit, or discontinue any part of this site. While every effort is made to minimize possible disruption caused by technical errors, under no circumstances shall TFPS be liable for any loss, damage, liability, or expense suffered which is claimed to result from use of this site, including without limitation, any fault, error, omission, interruption, delay, or other technical problems (such as failure of performance, computer virus, communication line failure, alteration of content, etc.). As stated below, this limitation of liability also applies to links offered by the TFPS website to any external sites or third-party documents.</p>
<p align="left"><strong>Responsibility of Risk</strong><br />
Use of any information or materials on this website is entirely at the User’s own risk, for which TFPS shall not be liable. It is the User’s responsibility to ensure that any products, services, or information available through this website meet the User’s specific requirements.</p>
<p align="left"><strong>User’s Responsibilities Pertaining to Electronic Communications</strong><br />
If corresponding or communicating with or through TFPS facilities (such as with any email account service or via any website communicative means), the User agrees *not* to do any of the following:</p>
<div align="left">
<ul type="disc">
<li>defame, abuse, harass, threaten or otherwise violate the legal rights of others;</li>
<li>publish, post, distribute or disseminate any defamatory, infringing, obscene, indecent or unlawful material;</li>
<li>upload or attach files that contain software of other material protected by intellectual property laws unless the User owns or controls the rights thereto or have received all necessary consents;</li>
<li>upload or attach files that contain viruses, corrupted files, or any other similar software or programs that may damage the operation of another's computer;</li>
<li>upload, email, transmit or otherwise make available unsolicited advertising of any goods or services, or conduct or forward surveys, contests, "spam", chain letters, etc.</li>
</ul>
</div>
<p align="left">Furthermore, the User specifically acknowledges and agrees that TFPS is not liable for any conduct of any other user, including, but not limited to, the types of conduct listed above.</p>
<p align="left"><strong>Reproduction of Website Content</strong><br />
This website contains material which is owned by or licensed to TFPS. This material includes, but is not limited to, all written text as well as the overall design, layout, look, appearance, and graphics. Reproduction by any means (whether physical or electronic) is prohibited other than in accordance with the copyright notice, which forms part of these Terms of Use. All trademarks/images/graphics/logos reproduced in this website, which are not the property of, or licensed to TFPS, are acknowledged as copyrighted by their respective copyright owners.</p>
<p align="left"><strong>Links to External Websites</strong><br />
The TFPS website includes outgoing <a style="text-decoration:none" href="links.html">links</a> to external websites and third-party documents that we estimate to be of high quality and relevant to the protective services industry. These links are offered for the User’s convenience to provide further information, resources, or services on related topics; however, such linking does not necessarily signify or constitute TFPS legal endorsement of the external website nor imply any responsibility for any external content. As TFPS does when requested, we also ask to be <a style="text-decoration:none" href="contact.html">notified</a> if our website is incoming linked from any external website or third-party document.</p>
<p align="left"><strong>Website Protection</strong><br />
For protection purposes and to ensure that the TFPS website remains available to all users, we and/or our hosting partner may employ software programs to monitor network traffic to identify unauthorized attempts to upload or change information, or otherwise cause damage and to detect other possible security breaches. Additionally, unauthorized and/or illegal use of this website may give rise to claims for damages and/or criminal charges in accordance with local, national, and international laws and/or regulations. TFPS reserves the right to deny at our sole discretion and without notice, for any reason, any User’s access to our website or any portion therein.</p>
<p align="left"><strong>Jurisdiction and Enforceability</strong><br />
Use of the TFPS website (and any dispute arising out of such use) is subject to the governing laws and regulations of the state of Florida, the United States of America, and other international laws as applicable. If any part of these Terms of Use are legally found to be in error, insufficient, or conflict with current laws or regulations, all unaffected portions shall remain in effect.</p>
<p align="left"><strong>Terms of Use Changes/Updates</strong><br />
TFPS reserves the right to modify these Terms of Use at any time without notice. Revisions are not retroactive, but rather are effective as of the date set forth below. The User’s continued access/use of the TFPS website following any such modification constitutes agreement to follow and be bound by the current terms as modified. We suggest a periodic visit back to this webpage for the latest information as well as to note the effective date of any changes/updates. </p>
<p align="left"><strong>Website Visitor Affirmation of Acceptance</strong><br />
Acceptance of these Terms of Use is signified and affirmed by the User’s accessing and/or using the TFPS website. Please <a style="text-decoration:none" href="contact.html">contact us</a> if there are any questions or concerns.</p>
<p align="left"><strong>Effective Date</strong><br />
These Terms of Use are effective 4 July 2010.</p>
<p align="center"><!-- #content -->
And here's my entire CSS
Code:
@charset "utf-8";
/* CSS Document */
html,
body {
font: 100% Arial, Helvetica, Tahoma, sans-serif;
background-image:url(images/site_bg.jpg); background-repeat:repeat-x; max-height: 100%;
margin:0;
padding:0;
height:100%;
}
#wrapper {
width: 960px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
border: 0px; border-collapse: collapse;
min-height: 100%;
position:relative;
}
#header {
background:#ffffff;
background-image:url(images/header.png); background-repeat:no-repeat; max-height: 100%;
padding: 0 0 0 0;
height: 420px;
}
#content {
height:auto;
min-height:450px;
padding-bottom:100px; /* Height of the footer element */
margin-top:-100px;
width:700px;
}
#content p, li {
font-size:12px;
}
#footer {
clear: both;
position: relative;
z-index: 10;
height: 100px;
margin-top: -100px;
background:#fff;
background-image:url(images/footer.png); background-repeat:no-repeat; background-position:center;
}
#footer p {
margin: 0 0 0 0;
padding: 5px 0 0 0;
padding-top: 3px;
}
/* -------- SIDEBAR --------- */
#sidebar {
float: left;
width: 240px;
margin: 0 0 0 0;
padding:140px 0 0 0;
overflow: hidden;
}
#sidebarContent {
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
}
#sidebar .box {
margin: 0 0 10px 0;
padding: 0 0 17px 0;
overflow: hidden;
background: url(images/box_bottom_left.png) no-repeat bottom;
_width: 240px;
height:100%;
}
#sidebar .boxTitle {
padding: 0 20px;
margin: 0 0 0 0;
background: url(images/title_bg.png) no-repeat;
width: 200px;
height: 40px;
overflow: hidden;
border-bottom: none;
_width: 240px;
}
#sidebar .boxTitle h2, #sidebar .boxTitle h1 {
color: #251801;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
border: none;
line-height: 9px;
}
#sidebar .boxContentBorder {
background: url(images/box_content_left.png) repeat-y right;
border-top: 1px solid #dbdbdb;
height:350px;
}
#sidebar .boxContent {
margin: 0 17px;
padding: 10px 0 0 0;
overflow: hidden;
width: 200px;
}
/* -------- SIDEBAR ---------- */
/* ------- MENU ----------- */
#menuzone {
width: 240px;
background: url(images/menu_top.png) no-repeat top;
margin: 0 0 0 0;
padding: 20px 0 0 0;
color: #FFFFFF;
}
#menuzoneContent {
width: 240px;
background: #158dcf url(images/menu_content.png) repeat-y;
padding: 0 0 0 0;
}
#menuzoneBottom {
width: 240px;
background: url(images/menu_bottom.png) no-repeat bottom;
padding: 0 0 20px 0;
float:left;
}
.menu {
width: 200px;
color: #FFFFFF;
margin: 0 20px 0 -20px;
}
.menu li {
width: 200px;
background: url(images/menu_separator.png) no-repeat bottom;
line-height: 36px;
padding-bottom: 2px;
}
.menu li a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background: url(images/menu_li.png) no-repeat 0 13px;
padding-left: 20px;
display: block;
padding-right: 10px;
font-size: 0.8em;
}
.menu li a:hover, .menu li.open a, .menu li.selected a, .menu li.activeSelected a {
color: #86d4ff;
text-decoration: none;
font-size: 0.8em;
}
/* ------ second ------- */
.menu li ul li {
background: none;
padding-bottom: 0;
}
.menu li ul li.first {
background: url(images/menu_separator.png) no-repeat top;
padding-top: 2px;
}
.menu li ul li a, .menu li.open ul li a, .menu li.selected ul li a, .menu li.activeSelected ul li a {
background: #86d4ff;
font-weight: normal;
text-decoration: none;
display: block;
color: #251801;
}
.menu li ul li a:hover, .menu li ul li.selected a, .menu li ul li.activeSelected a {
background: #fac932;
text-decoration: none;
color: #4f310c;
}
/* ------ /second ------- */
/* ----- third -------- */
.menu li ul.level1 li ul.level2 li, .menu li ul.level1 li ul.level2 li.first {
background: none;
padding-bottom: 0;
padding-top: 0;
}
.menu li ul.level1 li ul.level2 li a, .menu li ul.level1 li.selected ul.level2 li a, .menu li ul.level1 li.activeSelected ul.level2 li a {
padding-left: 40px;
background: #86d4ff;
color: #251801;
}
.menu li ul.level1 li ul.level2 li a:hover, .menu li ul.level1 li.selected ul.level2 li a:hover, .menu li ul.level1 li.activeSelected ul.level2 li a:hover {
background: #fac932;
color: #4f310c;
}
.menu li ul.level1 li ul.level2 li.selected a, .menu li ul.level1 li.selected ul.level2 li.selected a, .menu li ul.level1 li.activeSelected ul.level2 li.selected a,
.menu li ul.level1 li ul.level2 li.activeSselected a, .menu li ul.level1 li.selected ul.level2 li.activeSselected a, .menu li ul.level1 li.activeSelected ul.level2 li.activeSselected a {
background: #fac932;
color: #4f310c;
}
/* ----- third -------- */
/* ----- fourth --------- */
.menu li ul.level1 li ul.level2 li ul.level3 li, .menu li ul.level1 li ul.level2 li ul.level3 li.first,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li, .menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li.first,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li ul.level5 li, .menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li ul.level5 li.first {
background: none;
padding-bottom: 0;
padding-top: 0;
}
.menu li ul.level1 li ul.level2 li ul.level3 li a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li a,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li a,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li ul.level5 li a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li.selected ul.level5 li a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li.activeSelected ul.level5 li a {
padding-left: 60px;
background: #86d4ff;
color: #251801;
}
.menu li ul.level1 li ul.level2 li ul.level3 li a:hover, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li a:hover, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li a:hover,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li a:hover, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li a:hover, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li a:hover,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li ul.level5 li a:hover, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li.selected ul.level5 li a:hover, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li.activeSelected ul.level5 li a:hover {
background: #fac932;
color: #4f310c;
}
.menu li ul.level1 li ul.level2 li ul.level3 li.open a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected a,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li.open a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li.selected a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li.activeSelected a,
.menu li ul.level1 li ul.level2 li ul.level3 li ul.level4 li ul.level5 li.open a, .menu li.selected ul.level1 li.selected ul.level2 li.selected ul.level3 li.selected ul.level4 li.selected ul.level5 li.selected a, .menu li.activeSelected ul.level1 li.activeSelected ul.level2 li.activeSelected ul.level3 li.activeSelected ul.level4 li.activeSelected ul.level5 li.activeSelected a {
background: #fac932;
color: #4f310c;
}
/* ------- MENU ----------- */
/* ------- WSW -------------- */
.boxContent img, .boxContent a img {
margin: 4px;
border: 1px solid #e1e1e1;
padding: 1px;
}
.boxContent a:hover img {
border: 1px solid #095f8e;
}
.boxContent .rbcRowMenu a:hover img {
border: none;
margin: 0;
}
a {
color: #83460b;
text-decoration: underline;
}
a:hover {
color: #095f8e;
text-decoration: underline;
}
h1, h2 {
margin-bottom: 10px;
font-size: 1.9em;
font-weight: normal;
color: #83460b;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
.wsw h1, .wsw h2 {
margin-bottom: 10px;
font-size: 1.9em;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
#sidebar .wsw h1, #sidebar .wsw h2, #leftSide .wsw h1, #leftSide .wsw h2 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 1.5em;
border-bottom: none;
}
h3 {
margin: 15px 0 10px;
font-weight: normal;
font-size: 1.4em;
color: #095f8e;
}
.wsw h3 {
margin: 7px 0 7px;
}
h4 {
margin-bottom: 7px;
font-weight: normal;
font-size: 1.3em;
color: #83460b;
}
h5, h6 {
margin-bottom: 7px;
font-weight: normal;
font-size: 1.2em;
}
.boxContent ul {
padding-left: 10px;
padding-top: 5px;
}
.boxContent ul li {
background: url(../img/li.png) no-repeat 0px 6px;
padding: 1px 0 2px 18px;
}
.boxContent ul ul {
padding-left: 0;
}
.boxContent ol {
margin-left: 20px;
padding-left: 7px;
}
.boxContent ol li ol {
margin-left: 20px;
}
.boxContent ol li {
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0;
background: none;
}
ul, li {
list-style-type: none;
list-style: none;
}
.cleaner {
display: block;
clear: both;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 9px;
line-height: 0;
padding: 0;
margin: 0;
}
#illustration {
width: 720px;
height:190px;
overflow: hidden;
position: relative;
float: right;
margin-top: 140px;
}
/* -------- QUICK LINKS ----- */
#link {
font-size: 0.7em;
position: absolute;
top: 34px;
right: 20px;
}
#link a {
color: #FFFFFF;
text-decoration: underline;
line-height: 24px;
}
#link a:hover {
color: #FFFFFF;
text-decoration: none;
}
.homepage, .sitemap, .rss, .print {
background: url(images/icon_left.png) no-repeat left;
display: block;
float: left;
height: 24px;
padding: 0 0 0 13px;
margin: 0 0 0 5px;
_display: inline;
}
.homepage span, .sitemap span, .rss span, .print span {
background: url(images/icon_right.png) no-repeat right;
display: block;
height: 24px;
padding: 0 13px 0 0;
_display: inline;
}
.rss a {
background: url(images/rss.png) no-repeat 0 2px;
padding-left: 15px;
}
.print a {
background: url(images/print.png) no-repeat 0 2px;
padding-left: 15px;
}
/* -------/ QUICK LINKS ----- */
/* -------- LANGUAGE -------- */
#lang {
position: absolute;
right: 20px;
top: 111px;
}
#lang_hidden {
display: none;
}
#languageSelect {
padding: 0;
margin: 0;
}
#languageSelectBody {
margin: 0;
padding: 0;
}
#languageSelect ul {
display: none;
}
#languageFlags {
padding: 0;
margin: 0;
}
#languageSelect #languageFlags a {
text-decoration: none;
display: block;
width: 16px;
height: 16px;
float: left;
margin: 0 0 0 7px;
padding: 0;
background: transparent center center no-repeat;
}
#languageList {
padding: 0;
margin: 0 0 0 5px;
display: block;
font-size: 0.9em;
_font-size: 0.8em;
}
#languageList a {
color: #FFFFFF;
text-decoration: underline;
}
#languageList a:hover {
color: #FFFFFF;
text-decoration: none;
}
#languageList .separator {
visibility: hidden;
}
.languageSelectbox {
border: 1px solid #f5f5f5;
font-size: 0.9em;
_font-size: 0.9em;
height: 20px;
_height: 20px;
margin: 0 0 0 5px;
padding: 0;
}
/* -------- LANGUAGE --------- */
.sub_bg3 {
background-color: #CCCCCC;
}







