/*------------------------- BODY ---------------------------*/
*,html {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	margin: 0px 0 0 0;
	text-align: center;
}
.clear_both {
	clear: both;
	height: 1px;
}

/*-----------------------CONTAINER FOR CONTENT--------------------------------- */
#container {
	background-color: #FFF;
	background-image: url(graphics/770-bg.png);
	text-align: center;
	width: 770px;
	height: 560px;
	margin: 0 auto 0 auto;
	border: 0;
	padding: 0;
}

/* ---------------------- HEADER DIV ------------------------------------------ */
#container #headbar {
	width: 770px;
	height: 70px;	
	padding: 0;
	margin: 0;
	border: 0;
	color: #ff0000;
}
#container #headbar a {
	color: #999;
	text-decoration: none;
}
#container #headbar a:hover {
	color: #000;
	text-decoration: none;
}
#container #headbar p {
	text-align: left;
	margin: 0 0 0 40px;
}
#container #headbar p.righter {
	text-align: right;
	margin: 45px 35px 0 0;
	font-size: 60%;
	
}
#container #headbar img{
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#container #headbar #leftmost {
	float: left;
	text-align: left;
	width: 380px;
	margin: 37px 0 0 0;
	padding: 0;
}
#container #headbar #rightmost {
	float: left;
	text-align: right;
	width: 380px;
}

/* ---------------------- MAIN ------------------------------------------ */
#container #main {
	width: 770px;
	height: 450px;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
}
#container #main img {
	border: 0px solid #666;
}
#container #main p {
	width: 680px;
	height: 450px;
	text-align: center;
	font-size: 120%;
	border: 2px dotted #fff;
	padding: 0;
	margin: 0 auto 0 auto;
}

/* ---------------------- FOOTER ------------------------------------------ */
#container #footer {
	width: 770px;
	height: 47px;
	padding: 0;
	margin: 0;
	border: 0;
}
#container #footer p.footer {
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	font-size: 60%;
	color: #c0c0c0;
	
}

/*------------------------CONTAINER 2-----------------------------------------*/
#container2 {
	text-align: center;
	width: 1010px;
	height: 60;
	margin: 0 auto 0 auto;
	border: 0;
	padding: 0;
}
/* ---------------------- CONTAINER 2 HEADER ------------------------------------------ */
#container2 #headbar {
	background-image: url(graphics/1010-top.png);
	width: 1010px;
	padding: 0;
	margin: 0px;
	border: 0;
	height: 77px;
	color: #ff0000;	
	border: 0px dotted #ccc;
}
#container2 #headbar a {
	color: #999;
	text-decoration: none;
}
#container2 #headbar a:hover {
	color: #000;
	text-decoration: none;
}
#container2 #headbar p {
	text-align: left;
	margin: 0 0 0px 30px;
}
#container2 #headbar p.righter {
	text-align: right;
	margin: 45px 40px 0px 100px;
	font-size: 60%; 	
}
#container2 #headbar img{
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}               
#container2 #headbar #leftmost {
	float: left;
	text-align: left;
	width: 380px;
	margin: 37px 0 0 0;
	padding: 0;
}
#container2 #headbar #rightmost {
	float: left;
	text-align: right;
	width: 630px;
}

/* ---------------------- GALLERY MAIN ------------------------------------------ */
#container2 #gallery {
	background-image: url(graphics/1010-mid.png);
	width: 1010px;
	height: 950px;
	padding: 0;
	margin: 0;
	border: 0px solid #CCC;
	text-align: center;
}
#container2 #gallery a {
	color: #999;
	text-decoration: none;
}
#container2 #gallery a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container2 #gallery p.gal {
	text-align: left;
	margin: 10px 60px 0 50px;
	font-size: 60%;     	
}
#container2 #gallery #gallerymenu {
	float: left;
	text-align: left;
	width: 50px;
	height: 550px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	text-align: left;
	margin: 10px 0px 0px 50px;
	border: 0px solid #CCC;
}
#container2 #gallery #gallerymenu ul {
	margin: 15px 0 25px 0;
	list-style-type: none;
}
#container2 #gallery #gallerymenu li {
	margin: 15px 0 15px 0;
}
#container2 #gallery #gallerymenu li.narrow {
	margin: 3px 0 3px 0;
}
#container2 #gallery #gallerydisplay {
	float: left;
	width: 823px;
	height: 950;
	margin: 0;
	padding: 0;
	border: 0px solid #CCC;
}

/* ----------------------INFO------------------------------------ */
#container2 #info {
	background-image: url(graphics/1010-mid.png);
	width: 1010px;
	height: 625px;
	padding: 0;
	margin: 0;
	border: 0px dotted #000;
	text-align: left;
}
#container2 #info a {
	color: #999;
	text-decoration: none;
}
#container2 #info a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container2 #info #infobox {
	float: left;
	width: 240px;
	height: 570px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	text-align: left;
	margin: 10px 0px 10px 50px;
	padding: 10px 10px 10px 10px;
	border: 0px solid #CCC;
}
#container2 #info #infobox2 {
	float: left;
	width: 530px;
	height: 570px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	text-align: left;
	margin: 10px 0px 0px 50px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCC;
}
#container2 #info img { 
       border: 0px solid #CCC;
       margin: 0;
       padding: 0px;
}

/* ----------------------BOOKS------------------------------------ */
#container2 #books {
	background-image: url(graphics/1010-mid.png);
	width: 1010px;
	height: 625px;
	padding: 0;
	margin: 0;
	border: 0px dotted #000;
	text-align: left;
}
#container2 #books a {
	color: #999;
	text-decoration: none;
}
#container2 #books a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container2 #books #infobox {
	float: left;
	text-align: left;
	width: 925px;
	height: 606px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	text-align: left;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
}
#container2 #books img { 
       border: 1px solid #CCC;
       margin: 5px;
       padding: 0px;
}

/* ----------------------LINKS------------------------------------ */
#container2 #links {
	background-image: url(graphics/1010-mid.png);
	width: 1010px;
	height: 650px;
	padding: 0;
	margin: 0;
	border: 0px dotted #000;
	text-align: left;
}

#container2 #links a {
	color: #999;
	text-decoration: none;
}
#container2 #links a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container2 #links #stuff {
	float: none;
	text-align: left;
	width: 675px;
	height: 150px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 0 0px 10px 70px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #CCC;
}
#container2 #links #stuff img { 
       border: 0px solid #fff;
       margin: 1px;
       padding: 0px;
}

#container2 #links #title {
	float: none;
	text-align: left;
	width: 675px;
	height: auto;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 0px 0px 0 70px;
	padding: 0;
	border: 0;
}
#container2 #links #linkbox {
	float: none;
	text-align: left;
	width: 675px;
	height: auto;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 0 0 0 70px;
	padding: 0px 10px 10px 10px;
	border: 0px solid #CCC;
}
#container2 #links #linkbox td {
	width: 80px;
	text-align: left;
	border: 0;
	vertical-align: top;
}
#container2 #links img { 
       border: 1px solid #CCC;
       margin: 1px;
       padding: 0px;
}

#container2 #links2 {
	background-image: url(graphics/1010-mid.png);
	width: 1010px;
	height: auto;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

#container2 #links2 a {
	color: #999;
	text-decoration: none;
}
#container2 #links2 a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container2 #links2 #stuff {
	float: none;
	text-align: left;
	width: 675px;
	height: 150px;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 10px 0px 10px 70px;
	padding: 10px 0px 5px 0px;
	border: 1px solid #CCC;
}
#container2 #links2 #title {
	float: none;
	text-align: left;
	width: 675px;
	height: ;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 0 0px 0px 70px;
	padding: 0 0px 5px 0px;
	border: 0px solid #CCC;
}
#container2 #links2 #linkbox {
	float: left;
	text-align: left;
	width: 675px;
	height: ;
	font-family: Arial;
	font-size: 9px;
	color: #999;
	margin: 0px 0px 0px 70px;
	padding: 10px 10px 10px 10px;
	border: 0px solid #CCC;
}
#container2 #links2 img { 
       border: 1px solid #CCC;
       margin: 1px;
       padding: 0px;
}


/* ---------------------- CONTAINER 2 FOOTER ------------------------------------ */
#container2 #footer {
	background-image: url(graphics/1010-bottom.png);
	width: 1010px;
	height: 47px;
	padding: 0;
	margin: 0;
	border: 0;
}
#container2 #footer p.footer {
	text-align: center;
	margin: 0;
	padding: 17px 0 0 0;
	font-size: 60%;
	color: #c0c0c0;	
}
/* ----------------------CONTAINER 3------------------------------------ */
#container3 {
	float: left;
	background-image: url();
	width: 420px;
	height: 800px;
	padding: 0;
	margin: 0;
	border: 0px dotted #000;
	text-align: left;
	FONT-FAMILY: ARIAL;
	color: #999;
	font-size: 9px;
}
#container3 a {
	color: #999;
	text-decoration: none;
}
#container3 a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#container3 img { 
       border: 1px solid #CCC;
       margin: 2px;
       padding: 0px;
}

/* ---------------------- INDEX ------------------------------------------ */
#index {
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border: 0;
	text-align: center;
	color: #000;
	font-size: 60%;
}
#index a {
	color: #666;
	text-decoration: none;
}
#index a:hover {
	color: #000;
	text-decoration: none;
	position: relative; top:2px; left:1px;
}
#index img {
	border: 1px solid #666;
	border-radius: 10px;
	padding: 0;
	margin: 5px 0 0 0;
}
/* ---------------------- GALLERY NAV MENU ------------------------------------------ */
#gmenu {
	padding: 0px 0 7px 0;
	margin: 0px 0 0 0;
	border: 0;
}

#gmenu p {
	text-align: right;
	margin: 0;
	font-size: 70%;
	color: #ff0000;
}
#gmenu a {
	color: #999;
	text-decoration: none;
}
#gmenu a:hover {
	color: #000;
	text-decoration: none;
}
#gmenu img {
	border: 0px solid #666;
	padding: 0;
	margin: 0px 0 0 0;
}