Code:
240 Same colors for color and background-color in two contexts #content and #footer p 240 Same colors for color and background-color in two contexts body and #footer p 240 Same colors for color and background-color in two contexts #back and #footer p 243 Same colors for color and background-color in two contexts #back and #footer a 243 Same colors for color and background-color in two contexts #content and #footer a 243 Same colors for color and background-color in two contexts body and #footer a
And Heres the code of my CSS
Code:
* { margin : 0;
padding : 0;
}
a:link { color : #a5a9b2;
}
a:hover { text-decoration : none;
color : #ff0000;
}
a:visited { color : #a5a9b2;
}
body { background : #ffffff url(images/back_all.gif) repeat-x;
font : 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color : #666666;
}
#content { margin : 0 auto;
background : #ffffff;
width : 742px;
text-align : left;
}
#back { background : #ffffff;
width : 742px;
}
#header { height : 406px;
text-align : left;
}
#menu1 { width : 702px;
height : 152px;
padding-left : 40px;
}
#menu ul { list-style : none;
}
#menu li { display : inline;
}
#menu a { float : left;
width : 79px;
height : 32px;
display : block;
text-align : center;
text-decoration : none;
color : #000000;
font-weight : bold;
font-size : 12px;
text-transform : uppercase;
}
#menu a:hover { width : 79px;
height : 32px;
color : #004586;
text-decoration : underline;
}
#button1 a { background : url(images/button1.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;
}
#button1 a:hover { background : url(images/button1_r.jpg) no-repeat;
height : 24px;
width : 124px;
}
#button2 a { background : url(images/button2.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;
}
#button2 a:hover { background : url(images/button2_r.jpg) no-repeat;
height : 24px;
width : 124px;
}
#button3 a { background : url(images/button3.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;
}
#button3 a:hover { background : url(images/button3_r.jpg) no-repeat;
height : 24px;
width : 124px;
}
#button4 a { background : url(images/button4.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;
}
#button4 a:hover { background : url(images/button4_r.jpg) no-repeat;
height : 24px;
width : 124px;
}
#button5 a { background : url(images/button5.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;
}
#button5 a:hover { background : url(images/button5_r.jpg) no-repeat;
height : 24px;
width : 124px;
}
#logo { background : url(images/header.jpg) no-repeat;
width : 722px;
height : 234px;
text-align : left;
padding-left : 20px;
padding-top : 10px;
}
#logo a { text-decoration : none;
font-style : italic;
font-size : 18px;
color : #000000;
}
#logo H2 a { font-size : 12px;
}
#left { width : 266px;
}
#left H3 { width : 241px;
height : 47px;
font-size : 14px;
font-weight : bold;
padding-left : 25px;
padding-top : 15px;
text-transform : uppercase;
color : #000000;
background : url(images/title.gif) repeat-x;
}
#left ul { list-style : none;
}
#left li ul { border : 0;
margin-left : 20px;
margin-bottom : 10px;
}
#left li li { padding : 4px 20px;
background : url(images/small.gif) no-repeat left;
}
#left a { color : #a5a9b2;
}
#left a:visited { color : #a5a9b2;
}
#left p { padding : 10px;
}
#calendar1 { padding : 0 10px 20px 10px;
}
#calendar table { width : 100%;
text-align : center;
}
#calendar tbody td { border : 1px solid #f1f1f1;
}
#calendar #prev { text-align : left;
}
#calendar #next { text-align : right;
}
#calendar tfoot a { text-decoration : none;
font-weight : bold;
}
#calendar #now { background : #696969;
border : 1px solid #ff0000;
font-weight : bold;
color : #ffffff;
}
#right { float : right;
width : 450px;
padding-right : 10px;
}
#right H4 { margin : 0;
padding : 0;
font-size : 12px;
color : #c5c5c5;
}
#right a { color : #a5a9b2;
text-decoration : none;
}
#right p { margin : 0;
padding : 0;
padding-bottom : 10px;
}
#right h2 { margin : 0;
padding : 0;
padding-top : 10px;
color : #c5c5c5;
}
.date { text-align : right;
color : #808080;
font-size : 11px;
}
.date a { color : #d72020;
}
#footer { height : 29px;
clear : both;
padding-top : 50px;
background : url(images/footer.gif) repeat-x bottom;
}
#footer p { margin : 0;
font-size : 10px;
text-align : center;
color : #ffffff;
}
#footer a { color : #ffffff;
}
