/* background color at top is rgb 185,214,247 and bottom is rgb 76,123,235 */

#banner {float:left;width:550px;margin-top:3px;}

#viewcart {float:right;margin-right:5px;}

body
{color:black; background-color:rgb(76,123,235);
background-image:url(../_images/backgroundcolor.png);
background-repeat:repeat-x;
font-family: arial;text-align:justify;}


#footer {height:3em; clear:both; background-color:rgb(185,214,247);}
#footer li {display:inline; margin-left:1em;}
#footer {font-size:0.8em; line-height:1em; text-align:left;padding-top:10px;}
#footer a {color: black;}

p a{color:rgb(224,83,83);font-weight:normal;text-decoration:none;} 
p a:hover {color:blue;}

/* margin for the left menu bar and the distance between heading and top box */
h1 {font-family: arial; font-size: 0.8em;font-weight:normal;}
h1 a{color:blue;font-weight:normal;text-decoration:none;} 
h1 a:hover {color:rgb(224,83,83);}


h5 {font-size:0.9em;color:rgb(224,83,83); margin-left:5px; margin-top:0px;}
h3 {font-family: arial; font-size: 0.8em;font-weight:normal;margin-right:30px;margin-top:5px;}
h3 a{color:blue;font-weight:normal;text-decoration:none;} 
h3 a:hover {color:rgb(224,83,83);}
h4 {font-family: arial; font-size: 1.0em;font-weight:normal;}
h4 a {font-family: arial; font-size: 1.0em;font-weight:normal;color:rgb(224,83,83);text-decoration:none;}
h4 a:hover {color:blue;}
h2 {font-family: arial; font-size: 1.0em;font-weight:normal;margin-top:0px;margin-bottom:0px;color:rgb(76,123,235);}


#header {float:left; width:750px;}

/* removes any border from an imported image */
img {border:none;}

#main {float:right; width:550px;}
#main1 {float:right; width:550px;}

#menu {float:left; width:200px;height: 2950px;}
#menu li {list-style-type:none; text-align:left;font-size:0.8em;}
#menu a {color:rgb(76,123,235);text-decoration:none;position:relative;left:-2px;}
#menu a:hover {background-color: rgb(224,83,83) ;}


#navigation {float:left; width:650px;clear:both;background-color:white;}
#navigation {padding-top:1px;font:bold 0.8em/1.0em arial;text-transform:uppercase;text-align:right;}
#navigation li {display:inline;margin:1.0em;}
#navigation a {text-decoration:none;color:rgb(224,83,83);}


div.pictures {margin-right: 5px;margin-bottom:15px;
  border: 1px solid rgb(185,214,247);
  height: auto;
  width: auto; float:left; text-align: center;}

div.pictures img
{display:inline; margin:5px; border: 1px solid #ffffff;}

div.pictures a:hover img {border: 1px solid #0000ff;}

div.desc a {text-decoration:none;color: rgb(224,83,83);}

div.desc a:hover {color:blue;}

div.desc {text-align:center; font-weight:normal; width:245px; margin:2px;color: blue;}

div.click {text-align:center; font-weight:normal; width:245px; margin:2px;color:black;}	



/* this defines the width and height of the centre page */
#wrapper {background-color:white; width:750px;height:3370px;  margin:auto;}
#wrapper {border-width:2px; border-style:solid; border-color:black;}