@charset "utf-8";/*declare on very first line of style sheet,castro p332 Only one @charset rule may appear in an external style sheet and it must appear at the very start of the document. 
It must not be preceded by any characters, not even comments.W3C FAQ CSS character encodiing declarations. Further No BOMs are needed in UTF-8 files as stated by Byte order mark Stanford EDU*/
/*Cascading Style Sheets define the appearance of your web page and are a felxible way to make changes to all of your web pages at once.Castro p119*/
#wrap {
margin: auto;
width: 95%;
}/*westciv.com the margin property allows you to control the amount of space between each edge of an element and its adjoining elements*/

#jbcclogo {
position: absolute;/*Elements can be taken out of the normal flow and instead be positioned absolutely by specifying their exact position. CAstro, 2007 p179.*/
left: 9%;
top: 10px;
width: 100%;/*16/8/2007 I have now resized the logo and paintbrush images after receiving student feedback. I had viewed these pages on a smaller screen but did not notice/see the problem. I do now however and have now returned to my original css file with pixel measurements
instead of percentages. All that remains is to view the pages in IE6 tomorrow at work to see how they view. resized again 19/8/2007 and viewed on laptop. IE6 again tomorrow*/
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}/*the last semicolon may be ommited. As suggested by Castro p120, I have chosen not to omit the semicolon in the hope that it will reduce coding errors*/

#leftnav {
color: #000000;
/*background-color: #cc33cc; have made this a comment until I decide if I want to use it*/
position: absolute;/*Elements can be taken out of the normal flow and instead be positioned absolutely by specifying their exact position. CAstro, 2007 p179.*/
left: 0px;
top: 350px;
width: 14%;
border: solid 2px #cc33cc;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 90%;/*Castro p 157 says percentages are well supported in current browsers. Also sizes specified in em's and percentages are more elastic, enabling design change and allowing  visitors to make changes.
htmldog says it is generally accepted thatem or percentages are the best units for font as they allow user flexibility*/
font-family: arial, verdana, helvetica, sans-serif;/*specifying font types to suit both windows and mac means that the user will have the most chance of seeing the fonts I chosen. Castro p153*/
line-height: 50pt;
text-align: left;
}
a:link {color: #cc33cc;}
a:visited {color: #33cc33;}
a:hover {color: orange;}
a:active {color: #cc33cc;}/*links should always be specified in the order shown. Designing Web standards cited www.sitepoint.com and castro p 146 also shows how to do this*/

a img {
border: none;
}/*I was stuck on how to remove the borders around the images in my left navigation. Fellow student Judy Martin offered this suggestion*/
 
 #breadcrumbnav {
 position: absolute;/*Elements can be taken out of the normal flow and instead be positioned absolutely by specifying their exact position. CAstro, 2007 p179.*/
 left: 10px;
 top: 288px;
 /*border: solid 2px #cc33cc; I decided not to use this because I did'nt like the way it looked as it shrunk and grew with the breadcrumb nav*/
 font-size: 90%;
 padding-top: 10px;
 }
 
 #pagetitle {
 position: absolute;
 left: 202px;
 width: 70%;/*I reduced this width 16/8/2007 after receiving student feedback. I have now reviewed the resized pages on my lap top and can see the improvements.
 As at 20/8/2007 I am again trying percentages in the hope that this will regain the flexibility I had across different screen sizes*/
 top: 350px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-top: 10px;
 border: solid 2px #cc33cc;
 font-size:150%;
 font-family: arial, verdana, helvetica, sans-serif;
 font-weight: bold;
 text-align: left;
 }
 
 #aboutthispage {
 position: absolute;
 left: 202px;
 width: 70%;/*I reduced this width 16/8/2007 after receiving student feedback. I have now reviewed the resized pages on my lap top and can see the improvements.*/
 top: 410px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px;
 border: solid 2px #cc33cc;/* 16/8/2007 have removed the border at this stage because I can't get left nav to extend to bottom of page yet*/
 Line-height: 25px;
 font-size: 100%;
 font-family: arial, verdana, helvetica, sans-serif;
 text-align: justify;/*changed to justify 16/8/2007 as I think it looks better when the border is removed. Castro p165*/
 }