#header { padding:0px 0px 10px 10px; } #header h1 { padding:10px 10px 10px 10px; background-color: #E9E9E9; border:1px solid #000000; box-shadow: 4px 4px 2px #999999; margin-left: 210px; margin-right: 130px; color: #008B24; } #headerlogo { padding: 0px 0px 0px 0px; float: left; } #headerlig { padding: 30px 10px 0px 0px; float: right; } #content { margin-left: 220px; background-color: #FFFFFF; border:1px solid #000000; box-shadow: 4px 4px 2px #999999; padding:5px 10px; } #content h1 { color: #008B24; } #content h2 { color: #008B24; } #content h3 { color: #008B24; } #content h4 { color: #008B24; } #menu { float: left; width: 180px; padding:0px 10px; } #button { width: 180px; border:1px solid #000000; background-color: #E9E9E9; padding:1px 1px; box-shadow: 4px 4px 2px #444444; } #button a { font-weight: bold; display: block; height: 35px; padding: 12px 0px 0px 10px; text-decoration: none; font-size: 1em; color: #BB5A54; } #button a:hover { color: #000000; background-color: #008B24; } #content a { color:#BB5A54; text-decoration: none; } #content a:hover { text-decoration: underline; } ul { list-style: none; /* Remove default bullets */ } ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #BB5A54; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ }