W3C CSS Validator results for http://www.bbk.ac.uk/~kmulle01/intma/main.css (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

Mozilla Foundation LogoThe W3C CSS validator is developed with assistance from the Mozilla Foundation, and supported by community donations.
Donate and help us build better tools for a better web.

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.bbk.ac.uk%2F%7Ekmulle01%2Fintma%2Fmain.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (27)

URI : http://www.bbk.ac.uk/~kmulle01/intma/main.css

64 Same colors for color and background-color in two contexts #left-menu #current.active and a.foot:link
72 Same colors for color and background-color in two contexts #left-menu #current.active and a.foot:hover
109 Same colors for color and background-color in two contexts #content-right and #global-nav a span
109 Same colors for color and background-color in two contexts #content and #global-nav a span
109 Same colors for color and background-color in two contexts #wrap and #global-nav a span
109 Same colors for color and background-color in two contexts #footer and #global-nav a span
109 Same colors for color and background-color in two contexts #left and #global-nav a span
109 Same colors for color and background-color in two contexts #global-nav and #global-nav a span
112 Same colors for color and background-color in two contexts #left and #global-nav a:hover span
112 Same colors for color and background-color in two contexts #wrap and #global-nav a:hover span
112 Same colors for color and background-color in two contexts #content-right and #global-nav a:hover span
112 Same colors for color and background-color in two contexts #global-nav and #global-nav a:hover span
112 Same colors for color and background-color in two contexts #content and #global-nav a:hover span
112 Same colors for color and background-color in two contexts #footer and #global-nav a:hover span
139 Same colors for color and background-color in two contexts #left-menu #current.active and a.top:link
149 Same colors for color and background-color in two contexts #left-menu #current.active and a.top:hover
173 Same colors for color and background-color in two contexts #left-menu #current.active and #left-menu a:hover
189 Same colors for color and background-color in two contexts #container and h1
195 Same colors for color and background-color in two contexts #left-menu #current.active and h2
201 Same colors for color and background-color in two contexts #left-menu #current.active and h2.products
211 Same colors for color and background-color in two contexts #left-menu #current.active and h3.tropical
221 Same colors for color and background-color in two contexts #left-menu #current.active and h2.title
228 Same colors for color and background-color in two contexts #left-menu #current.active and h3
239 Same colors for color and background-color in two contexts #left-menu #current.active and a:link
247 Same colors for color and background-color in two contexts #left-menu #current.active and a:hover
276 Same colors for color and background-color in two contexts #left-menu #current.active and #breadcrumbs a
331 Same colors for color and background-color in two contexts #left-menu #current.active and #sitemap li ul li

↑ Top

Valid CSS information

#container {
margin : 20px 80px 20px 80px;
border : 1px solid #cccccc;
background-color : #15283a;
}
#header {
height : 190px;
clear : both;
background-image : url(images/header-bg.jpg);
background-position : left top;
background-repeat : repeat-x;
}
#logo {
float : left;
margin : 100px 0 0 30px;
}
#wrap {
background-color : #ffffff;
}
#clear {
clear : both;
}
#left {
font-family : Arial, Helvetica, sans-serif;
width : 20%;
float : left;
background-color : #ffffff;
margin : 25px 5px 10px 5px;
}
#content {
font-family : Arial, Helvetica, sans-serif;
padding : 20px 30px 0 30px;
background-color : #ffffff;
font-size : 0.85em;
margin : 25px 5px 30px 5px;
}
#footer {
border-top : 1px solid #3f77aa;
font-family : Arial, Helvetica, sans-serif;
font-size : 75%;
padding : 10px 140px 4px 140px;
color : #15283a;
background-color : #ffffff;
text-align : center;
}
#content-right {
font-family : Arial, Helvetica, sans-serif;
padding : 20px 30px 0 10px;
background-color : #ffffff;
font-size : 0.85em;
margin : 25px 5px 30px 22%;
}
a.foot:link {
color : #3f77aa;
text-decoration : none;
}
a.foot:visited {
color : #747474;
text-decoration : none;
}
a.foot:hover {
color : #3f77aa;
text-decoration : underline;
}
#global-nav {
float : left;
width : 100%;
background : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.75em;
line-height : normal;
border-bottom : 5px solid #3f77aa;
}
#global-nav ul {
margin : 0;
padding : 0 10px 0 23%;
list-style : none;
}
#global-nav li {
display : inline;
margin : 0;
padding : 0;
}
#global-nav a {
float : left;
background : url("images/tab-left.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#global-nav a span {
float : left;
display : block;
background : url("images/tab-right.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #ffffff;
}
#global-nav a:hover span {
color : #ffffff;
}
#global-nav a:hover {
background-position : 0% -42px;
}
#global-nav a:hover span {
background-position : 100% -42px;
}
#global-nav li #current.active {
background-position : 0% -42px;
}
#global-nav li #current.active span {
background-position : 100% -42px;
}
#topnav {
text-align : right;
margin : 0 6.5em 0 0;
padding-top : 5px;
font-size : 0.75em;
font-family : Arial, Helvetica, sans-serif;
}
a.top:link {
display : inline;
padding : 2px;
color : #3f77aa;
text-decoration : none;
}
a.top:visited {
display : inline;
padding : 2px;
color : #747474;
text-decoration : none;
}
a.top:hover {
color : #3f77aa;
text-decoration : underline;
}
#left-menu a, #left-menu a:visited {
position : relative;
text-decoration : none;
text-align : center;
background-color : #a4c2dd;
color : #15283a;
display : block;
width : 10em;
border : 4px solid #ffffff;
border-color : #ddeeff #667788 #334455 #ccddee;
padding : 0.25em;
margin : 0.5em auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.75em;
}
#left-menu a:hover {
top : 2px;
left : 2px;
color : #3f77aa;
border-color : #334455 #ccddee #ddeeff #667788;
}
#left-menu #current.active {
top : 2px;
left : 2px;
color : #ffffff;
background-color : #3f77aa;
border-color : #334455 #ccddee #ddeeff #667788;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.25em;
color : #15283a;
font-weight : bold;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.1em;
color : #3f77aa;
font-weight : bold;
}
h2.products {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.1em;
color : #3f77aa;
font-weight : bold;
font-style : italic;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 2px solid #3f77aa;
}
h3.tropical {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.1em;
color : #3f77aa;
font-weight : bold;
font-style : italic;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 1px dashed #3f77aa;
}
h2.title {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.1em;
color : #3f77aa;
font-weight : bold;
font-style : italic;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #3f77aa;
font-weight : bold;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 1px solid #3f77aa;
}
a:link {
text-decoration : none;
color : #3f77aa;
}
a:visited {
text-decoration : none;
color : #747474;
}
a:hover {
text-decoration : underline;
color : #3f77aa;
}
a img {
border : 0;
}
img.right {
float : right;
clear : left;
vertical-align : text-top;
margin-left : 10px;
margin-bottom : 15px;
}
#breadcrumbs {
margin-top : 10px;
font-size : 0.8em;
color : #747474;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
}
#breadcrumbs a {
color : #3f77aa;
font-weight : normal;
text-decoration : none;
}
#breadcrumbs a:hover {
text-decoration : underline;
}
#breadcrumbs .location {
font-weight : bold;
margin-right : 3px;
}
.location {
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
color : #747474;
}
img.product {
float : right;
margin : 5px 0 15px 1.5em;
}
p.producttext {
margin-bottom : 90px;
}
#sitemap {
list-style : circle;
padding : 3px;
margin : 5px 5px 10px 30px;
}
#sitemap ul {
list-style : circle;
padding : 3px;
margin : 5px 5px 10px 30px;
}
#sitemap li a {
font-size : 1em;
font-weight : bold;
line-height : 1.2em;
}
#sitemap li ul li {
line-height : 1.1em;
color : #3f77aa;
}
#sitemap li ul li a {
font-size : 0.95em;
font-weight : normal;
font-style : italic;
}

↑ Top