/* CSS DocumenSS Document */
/* this is the basic tableless centered align change base font here */
body {background-color: #333333;
	padding-top: 0em;margin:0px;color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	margin: 0 auto;}

div#main {background-color:#FFFFFF;margin:auto;width: 800px;
		  text-align:left;height: auto;color: #000000;}


/* this is the end of the basic body */

/* This is the header  it includes the topnavigataion*/
div#header {height: auto;width: 800px;}
#main #header img {float: left;}

div#topnav {height: 32px;width: 800px;background-image: url(../images/topnavbground.jpg);
			padding-top:8px;float:left;}

div#newnavbar{float:left;
	width:800px;
	height:32px;
	background-image: url(../images/newnavbgrond.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;}
div#newnavbar ul{margin:0px; padding-left:1em; padding-top:7px; list-style:none; text-align:center;}
div#newnavbar ul li {display: inline; padding-right: 1em;}
div#newnavbar ul li a{color:#FFFFFF; text-decoration:none}
div#newnavbar ul li a:hover{color: #000000;}
div#newnavbar .currenttop a:link {text-decoration:underline;}

/* This is the middlecontet CSS*/
div#middlecontent {width: 800px;background-color: #FFFFFF;height: 2000px;	float: left;}
/* This is the footer CSS*/

div#footer {width: 800px;height: 90px;background-color: #CCCCCC;background-repeat: no-repeat;clear: left;
	background-image: url(../images/footer.png);}

/* This is the lower navigation*/
div#bottomnav{
	width: 660px;
	font-size: 10px;
	padding-left: 140px;
	clear: left;
	background-color: #CCCCCC;
	height: 30px;
}


#bottomnav li{display:inline;margin-right: 0.5 em;	padding-right:inherit;
			font-weight:bold;}
					  
#main #bottomnav  a {font-weight: bold;color: #0000FF;text-decoration: none;}
#main #bottomnav  a:hover {font-weight: bold;color: #0000FF;text-decoration: underline overline;}


div#copyright {
	padding-left: 50px;
	position: relative;
	bottom: 10px;
}

/* THIS IS THE END OF THE BASIC CSS*/

/* THIS IS THE SPECIFIC CSS */

/*CSS FOR MIDDLE CONTENT */
div#middlesandblastgallery {width: 800px;height:470px;background-color: #000000;float: left;
							background-image: url(../images/sandblastgallerybground.jpg);}
div#goback {
	float: left;
	height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 25px;
	padding-left:100px;
}
div#goback a{text-decoration:underline; color:#FFFFFF;}
div#goback a:hover{text-decoration:underline overline;}


/*CSS FOR INSIDE MIDDLECONTENT*/

/*THIS IS FOR THE BIG PICURE*/
div#centerpicture {float: left;width: 380px;height: 405px;margin-top: 45px;text-align: center;vertical-align: middle;}
div#centerpicture img {padding:3; border:1px solid #000000;}

/*THIS IS FOR THE PICTURE TABLE*/
div#pictable {
	float:left;
	height:360px;
	width:415px;
	margin-top: 7px;
	overflow: scroll;
	overflow:auto;
	border: 2px outset #CCCCCC;
}

.centered {text-align: center;vertical-align: middle;height: 405px;}
.centered2 {text-align: center;vertical-align: middle;}

#pictable td{height: 150px;	width: 120px; text-align: center;
			 vertical-align: middle;}


/*THIS IS FOR THE INSTRUCTIONS*/
div#instructions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	width: 24em;
	float:right;
	margin-top:1em;
	margin-right:10em;
	
}