/*TOP*/
h1 {
  position: absolute;
  top: 10px;
  left: 300px;
  font-size: 36px;
  color: #FFFFFF;
  text-align: center
}

h4 {
  color: #663300;
  clear: left;
  padding: 10px;
}

body {
  font-size: medium;
  color: #000000;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif; 
}

#frame {
  width: 950px;
  margin-top:0px;
  text-align:left;
}

#top {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 942px;
  height: 60px;
  background: #990099 url('basketballnet.jpg') right no-repeat;
  border: 5px outset #660066;
  padding: 40px 20px 40px 20px;
  margin: 5px;
}

#main {
  position: absolute;
  left: 195px;
  top: 170px;
  width: 600px;
  background: #F5F5F5;
  padding: 10px;
  margin: 5px;
}

/* Left menu bar */
#leftcontent {
  position: absolute;
  top: 170px;
  left: 10px;
  width: 150px;
  background: #FFCC99 url('newlogo140.jpg') top left no-repeat;
  border: 3px ridge #000000;
  padding: 10px;
  margin: 5px;
}

#leftcontent a {
  font-size:15px;
  color: #990000;
  line-height:1.75;
}

/* Right menu bar */
#rightcontent {
  position: absolute;
  left: 825px;
  top: 170px;
  width: 155px;
  background: #DDEEFF;
  border: 1px groove #CCCCCC;
  padding: 10px;
  margin: 5px;
}

#rightcontent p {
  font-size: 14px
}
#rightcontent a {
  font-size: 16px;
  color: #000066;
  line-height:1.75;
}

a:link, a:visited {
   text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* START of Navigation Bar */
.navbar{
    position: absolute;
    top: 125px;
    left: 150px;
	width: 80%;
	font-family: Georgia, Times New Roman, serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.navbar ul{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #990099;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.navbar ul li{
display: inline;
}

.navbar ul li a{
	float: left;
	color: #FFFF00;
	padding: 5px 11px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #000000;
}

.navbar ul li a:visited{
color: #FFFF00;
}

.navbar ul li a:hover, .navbar ul li .selected{
	color: #FFFF00 !important;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #000000;
}
/* END of Navigation Bar */

/*START of Thumbnail Products Gallery*/
#gallery {
  border: 0px solid gray;
  margin: .5em;
  padding: 1em;
}
#gallery h4 {
  margin: 0;
}
#gallery div {
  border: 1px inset black ;
  margin: 5px;
  padding: 5px;
  width: 100px;
  float: left;
  text-align: center;
}

#gallery h4 {
  clear: both;
}
/*Colour for Product Name*/
 #gallery a {
    color: #CC0099;
    font-weight: bold;
    font-size: small;
}
/* END of Thumbnail Products Gallery*/

/* xmaslink */
/*#xmasimage1 {
  position: absolute;
  top: 35em;
  left: 10px;
  width: 150px;
  height: 180px;
  background: #FFFFFF url('xmas/xmasball6.jpg') left no-repeat;
  border: 0px hidden #000000;
  padding: 10px;
  margin: 5px;
}*/
/* xmaslink */
/*#xmasimage2 {
  position: absolute;
  top: 30em;
  left: 10px;
  width: 150px;
  height: 180px;
  background: #FFFFFF url('xmas/firecracker.jpg') left no-repeat;
  border: 0px hidden #000000;
  padding: 10px;
  margin: 5px;
}*/

/* Navigation Previous Page Arrow */
#prevarrow {
  position: absolute;
  top: 275em;
  left: 400px;
  width: 77px;
  border: 0px;
  padding: 10px;
  margin: 5px;
}
/* Navigation NEXT Page Arrow */
#nextarrow {
  position: absolute;
  top: 275em;
  left: 500px;
  width: 77px;
  border: 0px;
  padding: 10px;
  margin: 5px;
}
/*END Arrows*/


/*Footer*/
#bottom {
  position: absolute;
  top: 280em;
  left: 10px;
  width: 942px;
  height: 25px;
  background: #FFFFFF url('logo.gif') left no-repeat;
  border-top: 1px solid #CCCCCC;
  padding: 35px 30px 30px 30px;
  margin: 5px;
}

/* START of Thumbnail Hover Display */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallery{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space: nowrap;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: fixed;
left: 60%; top: 5%;
z-index: 50;
}

/* END of Thumbnail Hover Display */