Learning website skills for charity website

/*divs available*/
#all
 #top
  #mininav
 #maindiv
  #mainnav
  #content
   #topcontent
   #intro .section
.section
  #rightcol
   #frlinks
    #donate, #hungryel, #yellowmoon, #buyat, #evclick, #edcm
 #footer
  #access
 
 

/*code for positioning*/
#all {
width:100%;
min-width:800px;
position:relative;
}
#top, #maindiv {
width:100%;
min-width:800px;
position:relative;
display:block;
}
 
#top img {
float:left;
width:560px;
margin:0 auto 0 0;
}
#mininav {
position:relative;
float:right;
width:12em;
}

#mainnav {
clear:both;
}
#maindiv {
clear:both;
margin:auto;
}
#maindiv #rightcol {
width:13em;
position:relative;
display:inline;
float:right;
margin:0 0 0 auto;
}
#rightcol #frlinks {
position:relative;
display:inline;
float:right;
margin:0 auto;
padding:0.5em;
width:12em;
background-color:green;
}
#edcm {
clear:right;
float:right;
}
#maindiv #content {
position:relative;
margin:0 14em 0 0;
width:auto;
display:inline;
}
 
 
 
 
#footer {
position:relative;
margin:1em 0;
clear:both;
padding:1em 1em 2em 1em;
}
#access {
width:20em;
border:2px black solid;
float:right;
clear:both;
}
#footer ul {
clear:both;
text-align:center;
padding:1em;
background-color:#cccccc;
font-weight:bold;
}
 
 
/*colour fonts etc*/

#top ul a, #content, #footer {
font-family:verdana, arial, helvetica, sans-serif;
}

#mininav {
background-color:#ffffcc;
border:2px red dashed;
padding:0.2em;
}
#mininav a:hover {
color:red;
}

#mainnav ul {
margin:0;
list-style-type:none;
text-align:center;
padding:1em 0;
}

#mainnav ul a {
float:left;
width:7.5em;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:110%;
font-family:sans-serif;
color:white;
background-color:red;
padding:2px;
border:6px blue groove;
margin:2px;
}

#mainnav li {
display:inline;
list-style-type:none;
}
 
#mainnav a:hover {
background-color:#33ff66;
color:black;
}
 
 

#donate, #yellowmoon, #hungryel, #buyat, #rightcol #frlinks #evclick, #edcm {
width:11em;
border:2px blue solid;
padding:0.5em;
font-family:georgia, serif;
font-size:90%;
text-decoration:none;
margin-right:0;
}
#rightcol p {
width:11em;
}
#donate a, #yellowmoon a, #hungryel a, #buyat a, #evclick a {
text-decoration:none;
display:block;
}
#buyat {
background-color:#FF0018;
}
 
#buyat strong {
color:#FF0018;
}

#hungryel {
background-color:#0099f0;
}
#hungryel strong {
color:#0099f0;
}

#yellowmoon img {
background-color:white;
}
#yellowmoon {
background-color:#FFCE21;
}
#yellowmoon strong {
color:#FFCE21;
}
#evclick {
background-color:#0099FF;
}
#evclick strong {
color:#0099FF;
}
#footer ul {
text-align:center;
}
#footer li {
display:inline;
padding:2em;
}
 
 
 
#maindiv #frlinks {
width:11em;
padding:0.5em;
}
 

#frlinks img {
clear:both;
border:0;
margin:0.2em;
}
#frlinks p {
margin:0;
padding:0.3em;
position:relative;
background-color:white;
font-size:90%;
}
 
#content .section {
position:relative;
width:auto;
border-color:red blue green orange;
border-width:0.7em;
border-style:solid;
margin:0 14em 0 0;
padding:1em;
background-color:white;
}
 
h1 {
color:blue;
padding:0.5em;
}
h2 {
color:purple;
}

#access {
padding:0.2em 0.5em;
font-size:90%;
background-color:white;
}
#access img {
margin:0.2em 0
}

#edcm {
background-color:white;
}
 

#all {
background-color:yellow;
}
#topcontent {
margin:0 auto;
padding:05.em;
}
#content {
margin:0 auto;
padding:05.em;
}
 
 
.section p {
width:auto;
padding:1em;
}
#intro p {
position:relative;
width:auto;
padding:1em;
margin:0 14em 0 0;
background-color:white;
border:2px black solid;
}
.section {
position:relative;
clear:left;
}
.section #mission {
width:auto;
margin:auto;
padding:2em;
background-color:#ccccff;
border:2px double red;
}
.section #mission h4, .section #mission p {
display:inline;
font-weight;bold;
}
.section #mission h4 {
color:blue;
}
h3 {
padding:0;
text-align:center;
}
.auction {
clear:left;
}

.auction p img {
float:left;
clear:left;
}
.activity {
font-weight:bold;
}
#longleat img, #sunshineclowns img, #cotswoldfarmpark img, #bowood img {
float:left;
margin-right:1em;
}
.caption {
fant-weight:bold;
font-size:80%
}