body
{
    width: 100%;
    height: auto;
    background-color: #ffffff;/*THIS IS BACKGROUND COLOUR FOR WHOLE PAGE WHICH MIGHT BE DIFFERENT FROM THAT IN THE CENTRAL CONTAINER*/
/*    background-image: url('../images/bicyclesfade.gif');/*THIS IS BACKGROUND IMAGE FOR WHOLE PAGE*/
    color: #333333;/*THIS REFERS TO THE TEXT COLOUR*/
    font-family:tahoma,helvetica,sans-serif;
    font-size: 80%
}

#container
{
    position: relative;
    margin: 0px auto 0px auto;/*THIS REFERS TO THE SPACE AROUND THE CONTAINER OUTSIDE*/
    width: 780px;
    height: auto;
    padding: 40px 0px 0px;/*THIS REFERS TO THE SPACE BETWEEN THE CONTENT AND THE LIMITS OF THE CONTAINER*/
    line-height: 110%;/*THIS REFERS TO THE DISTANCE BETWEEN LINES*/
    border: 0px solid #8b0c02; 
}

#div1{
position: absolute; top:20px; left:0px; width:79px; height:89px; border: 0px solid #8b0c02; background-color: #ffffff;
padding: 10px;
}

#div2{
position: absolute; width:670px; height:89px; top:20px; left:102px; border: 1px solid #8b0c02; background-color: #5D8CBA; 
padding: 10px;
}

/* divHeader is for the full-width logo plus name image i made in fireworks,
   it is meant to be "cleaner"
*/
#divHeader{
position: absolute; width:780px; height:100px; top:0px; left:0px; border: 0px solid #8b0c02; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
background-color: #ffffff; 
background-image: url('../images/CazbikeHeaderArchive.png');
background-repeat:no-repeat;
}

#div3{
position: absolute; width:79px; height:225px; top:132px; left:0px; border: 0px solid #8b0c02; padding: 10px; background-color: #ffffff; 
}

#div4{
position: absolute; width:79px; height: 805px; top:380px; left:0px; border: 0px solid #8b0c02; padding: 10px; background-color: #ffffff;
}

#div5{
text-align: center; position: absolute; width:630px; height:88px; top:101px; left:102px; border-left: 1px solid #8b0c02; border-top: 1px solid #8b0c02; 
border-right: 1px solid #8b0c02; background-color: #eff3f8; 
padding-left: 30px; padding-right: 30px;  padding-top: 10px;  padding-bottom: 10px; z-index: 1;
}

#div6{
position: absolute; background-color: #eff3f8; width: 550px; height: 910px; top:210px; left:102px; 
padding: 10px; 
border-left: 1px solid #8b0c02; border-bottom: 1px solid #8b0c02; z-index: 2;
}

#div6wide{
position: absolute; background-color: #eff3f8; width: 670px; height: 910px; top:210px; left:102px; 
padding: 10px; 
border-left: 1px solid #8b0c02; border-right: 1px solid #8b0c02; border-bottom: 1px solid #8b0c02; z-index: 2;
}

#div6wholePage{
position: absolute; background-color: #eff3f8; width: 690px; height: 1018px; top:101px; left:102px; padding: 0px; 
border-left: 1px solid #8b0c02; border-right: 1px solid #8b0c02; border-bottom: 1px solid #8b0c02; z-index: 2;
}



#div7{
position: absolute; width:100px; height:540px; top:210px; left:672px; padding: 10px; 
border: 1px solid #8b0c02; background-color: #ffffff; z-index: 5;
}

#div8{
position: absolute; background-color: #eff3f8; width:100px; height:349px; top:774px; left:673px; padding: 10px;
 border-right: 1px solid #8b0c02; border-bottom: 1px solid #8b0c02; z-index: 6;
}

#div9{
position: absolute; background-color: #eff3f8; width:670px; height:350px; top:772px; left:102px; padding:10px; border: 1px solid #8b0c02; z-index: 5;
}

#div10{
position: absolute; background-color: #000080; width: 670px; height: 12px; top: 1142px; left: 102px; padding: 10px; border: 1px solid #8b0c02; z-index: 6;
}

#div11{
position: absolute; width: 660px; height: 5px; top: 104px; left: 109px; background-color: #5D8CBA; 
padding: 10px; text-align: center;
}

a:link {text-decoration:none; color: #000080}
a:visited {text-decoration:none; color: #00080}
a:hover{text-decoration:none; color: white; background: #5d8cba}
a:active {color: #00080}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#5d8cba;
color:#000000;
width: 71px;
height: 18px;
padding:2px;
text-align: center;
font-weight:bold;
/*/*/border:1px solid #8b0c02;/* */
}

.standout	{
		font-family: Verdana, Arial, Helvetica, sans-serif;  
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 11pt;
		color: #8b0c02;
		}

# This if from example in Building Findable Websites, for magpie rss feed
#feed-col {margin:2em; width:340px;}
#feed-col h3 {border:0px none; margin-bottom:0}
.feedbox {width:480px; height:280px; overflow:auto; padding:.6em 2em; font:.8em/1.1em Verdana,Helvetica,sans-serif; color:#666;}
.feedbox h4 {text-transform:capitalize; border-bottom:1px solid #ccc; font-weight:normal; font-family:"Century Gothic", helvetica, sans-serif; font-size:1.6em; color:#333; line-height:1.8em;}
.feedbox ul li {line-height:1.7em; font-size:1.4em;}

.error {color:#f00; font-weight:bold;}