thank you for your reply, I have been pulling my hair out trying to lear CSS but I’m just not getthing there as I would like. I should stick to photo restoration. :-)
here is the css
body{
padding:0;
margin:0;
color:#666666;
background-color: #BB4146;
font:101% Verdana,Geneva,Arial,Helvetica,sans-serif;
background-image: url(../background/pageback.gif);
}
/* standard link styles */
a:link a:active{
color:#000099;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:visited{
color:#CC6600;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a:hover{
color:#FF9900;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
/*standard heading tags*/
h1{
color:#75171D;
font-size:14px;
}
h2{
color:#455A43;
font-size:13px;
}
h3{
color:#75151B;
font-size:12px;
}
h4{
color: #CC252D;
font-size:11px;
}
.footer{
color: #75151B;
text-decoration:none;
font-size: 90%;
}
/*styles the comments box*/
/* class for the login form on entry page we have named it form2 so it doesn't clash with the styles of the contact form */
.form2{
padding:6px;
margin-bottom:10px;
}
/* a class for the header table,so that we can add a left border to match the main table */
.headertable{
border-right: 3px solid #75171D;
}
/* styles used to float images on the pages so that text flows around the image */
.imgleft{
float:left;
padding-right:10px;
}
.imgright{
float:right;
padding-left:10px;
}
/* style for the main table content area */
.maintable{
width:960px;
color:#666666;
background:#FFFFFF;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
border-right: 3px solid #75171D;
border-bottom: 10px solid #561013;
line-height: 1.3em;
}
/* styles the main table links */
.maintable a:link{
color: #75171D;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.maintable a:visited{
color: #921D25;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:hover{
color: #CC6666;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintable a:active{
color: #75171D;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:underline;
}
.maintd{
padding:20px 30px 10px 30px;
background:#FFFFFF;
}
.maintd a:link{
color: #75151B;
}
/* styles the menu table inside the flyout div*/
.menu{
border-top: 1px solid #561013;
border-left: 1px solid #561013;
width:150px;
color: White;
background: #BB4146;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.menu a{
display:block;
color: White;
background: #BB4146;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:link{
border-right: 1px solid #561013;
border-bottom: 1px solid #561013;
border-left: 1px solid #561013;
padding:2px 2px 2px 2px;
color: White;
background: #BB4146;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:visited{
border-right:1px solid #561013;
border-bottom: 1px solid #561013;
border-left: 1px solid #561013;
padding:2px 2px 2px 2px;
color:#333333;
background: #BB4146;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:hover{
border-right: #561013 1px solid;
border-bottom:#561013 1px solid;
border-left:#561013 1px solid;
padding:2px 2px 2px 2px;
background: #EBC5C7;
color: #333333;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
.menu a:active{
border-right:1px solid #561013;
border-bottom:1px solid #561013;
border-left:1px solid #561013;
padding:2px 2px 2px 2px;
color:#333333;
background: #E2AAAF;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
/* set the position of the nav bar table from the top */
/* if you change this you will need to adjust the flyout div positions to correspond */
.navtable{
margin-top:20px;
}
/*style for the left side bar area behind the menu buttons*/
.sidebarlft{
padding-left:5px;
width:159px;
background-color: #AF2026;
border-right: 1px solid #75171D;
background-image: url(../background/sidebar_back.gif);
}
/* styles the Client Log in text in sidebar */
.sidebarlft H2 {
color: white;
}
.sidebarlft label {
color: white;
}
/* end of styles for login area in sidebar */
/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer{
margin-top:200px;
width:400px;
left:142px;
position:absolute;
visibility:hidden;
z-index:1;
}
/* FLYOUT DIV STYLES */
/*flyout 1 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown1{
width:153px;
position:absolute;
left:142px;
top:190px;
height:96px;
z-index:5;
visibility:hidden;
}
/*flyout 2 div change the co ordinates for left and top if you need to move the flyout 50px between flyouts*/
#dropdown2{
width:154px;
position:absolute;
left:142px;
top:223px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
/*flyout 3 div change the co ordinates for left and top if you need to move the flyout*/
#dropdown3{
width:153px;
position:absolute;
left:142px;
top:255px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown4{
width:153px;
position:absolute;
left:142px;
top:287px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown5{
width:153px;
position:absolute;
left:142px;
top:318px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown6{
width:153px;
position:absolute;
left:142px;
top:350px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown7{
width:153px;
position:absolute;
left:142px;
top:382px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
#dropdown8{
width:153px;
position:absolute;
left:142px;
top:414px;/* this sets the top of the flyout */
height:95px;
z-index:5;
visibility:hidden;
}
/* div used to style a border just above the copyright information */
.linediv {
border-bottom: 1px solid #561013;
padding:0;
margin: 0;
}
.clearit {
clear: both;
font-size: 1px; /*for IE*/
height: 0;
line-height: 0;
}
/*styles for the contact form*/
/*declaring a margin of 0 will not give you unwanted white space underneath the end of the form*/
/*styles the 'contact form' text at top of contact form*/
fieldset{
padding:10px;
border: 1px solid #75151B;
margin-bottom:15px;
}
form{
margin:0;
}
input,textarea{
background: #F4E0E1;
border: 1px solid #75151B;
}
/*styles the input fields*/
/*styles the form fields*/
label{
color: #455A43;
font-weight:normal;
}
label,span.spacer{
width:100px;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #2C4A4B;
font:14px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
/* end of form styles */
