/*style sheet for categories */

html, body { min-height:101%; margin-bottom:1px; }/*sets a min height so ghost scrollbar appears when needed */

body {
	margin:0; /*sets the body margins to zero */
	padding:0;/*zero off any padding */
	color:#000033; /*sets the background color, image and repeats the image on  x  */
	font-family: Verdana, Sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	background-color: #000033;
	background-image: url(../images/body_background.png);
	background-repeat: repeat-x;
	}

#page {
	width: 790px; /*sets the page div width */
	margin: 0 auto;/* centres the overall design, all design elements are placed within page div */
}
#bottombuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 280px;
}

/*below is the div that holds the header image */
#header{
	height: 278px;/*note the height value is the same as the bg image height as in #bottomlogo */
	width: 790px;
}
/*toptext style*/
#toptext {
	width: 627px;
	margin-bottom: 20px;
}
.title {
	width: 627px;
	margin-bottom: 10px;
	text-align: center;
	color:#9C9;
	font-size; 40px;
	font-weight: bold;
	text-transform:uppercase;
}
	

/*below are the styles created for the nav */

    #thumbsleft {
	font-size:90%;
	width: 135px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
 } 
  
  #thumbsleft a{
	color:#CCC;
	display:block; /* a element is clickable in whole acting like a button */
	border:solid 1px #fff;
	height:1%;
	text-decoration: none;
	background-color: #000033;
	font-size: 80%;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}


  #thumbsleft a:hover{
	display:block;
	color: #2B1A0C;
	background-color: #3366FF;
}

   #thumbs {
	line-height:140%;
	width: 647px;
    margin-left:140px;
 
  }
  
 #leftthumbs {
	width: 190px;
	margin: 40px 0;
	float: left;
}

  
.gallery {
  float:right;
  margin:6px;
  padding:0;
  list-style:none; 
  }

.gallery li{
  display:block;
  float:left;
  margin:10px;
  padding:0;
  }
/*below does not work in IE6-*/  
img {
border:none;
}
img:hover {
opacity:0.4;
}


/*link styles*/
a{
	color: #F9AD02;/*font color for links*/
	text-decoration: none;/*removes the underline*/
}
a:visited{
	color: #898A48;/*font color for visited state of links*/
}
a:hover{
	color: #FFFFFF;/*font color for hover state of links*/
}
a:active{
	color: #ccc;/*font color for active state of links*/

}


img {border: none; }/*zeros any border from images*/
#sendinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 80%;
}

  .qua1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCFF;
	font-style: normal;
}



#nextpage {
	width: 100px;
	float:right;
	color: #6699FF;
	text-align: center;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0;
  }
#nextpage a{
	color:#FFF;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	border:solid 1px #FFF;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#nextpage a:hover{
	display:block;
	border:solid 1px #fff;
	background-color: #FF9900;
}

.flash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 627px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 50px;
	}
	
#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 8;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
	width: 625px;
	}
	
.click {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 140px;
	color: #FFFFFF;
	padding: 0px;
	margin: 10px 34px;
	}

.second {
	clear: both;
	width:627;
	height:auto;
}

#flashbanners  {
	width: 235;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	color: #FFFFFF;
	padding: 0px;
}

.bclick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 235px;
	color: #FFFFFF;
	padding: 0px;
	margin: 10px 20px;
	}
	
	.cclick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	width: 235px;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	}
	
	
#nextpage {
	width: 100px;
	float:right;
	color: #6699FF;
	text-align: center;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0;
  }
#nextpage a{
	color:#FFF;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	border:solid 1px #FFF;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#nextpage a:hover{
	display:block;
	border:solid 1px #fff;
	background-color: #FF9900;
}

#previouspage {
	width: 100px;
	float:right;
	color: #6699FF;
	text-align: center;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0;
}
#previouspage a {
	color:#FFF;
	display:block; /*makes whole area clickable, this makes the link look and act like a button*/
	border:solid 1px #FFF;
	height:1%;
	margin: 3px;
	font-size: 70%;
	padding-left: 3px;
}
#previouspage a:hover {
	display:block;
	border:solid 1px #fff;
	background-color: #FF9900;
}

#bottombuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 280px;
}


/*footer styles*/


#footer {
	font-size:8pt;
	background-color: #E2E2E2;
	background-image: url(../images/footer.png);
	height: 40px;
	clear: both;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }

#footer p {
	padding: 10px;

}

/*footer link styles*/
#footer a {
	color:#CCCCCC;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color:#FEBD3D;
	text-decoration: none;
  }
  #bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFF;
	text-align: center;
}