body {
	background-color: #000000;
	}
	
#uberwrapper {
	margin: auto;
	width: 960px;
	}

#wrapper {
	position: absolute;
	margin-top: 10px;
	height: 750px;
	border-width:1px;
	border-style: solid;
	border-color: #FF00FF;
	background-color: #555555;
	}
	
p {
	font-family: Verdana, "Lucida Grande", "Century Gothic", sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	padding: 5px 20px 10px 20px;
	margin: 0;
	}
	
p.content {
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: justify;
	padding: 5px;
	margin: 5px 100px 0 50px;
	}
	
.buyinstructions {
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	padding: 0px;
	margin: 5px 0px 0 50px;
	}
	
p.buyinstructions {
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	padding: 0px;
	margin: 5px 0px 0 50px;
	}
	
ol li {
	list-style-position: inside;
	}
#paypaltable table{
	width= 651px;  
	border-width=2px; 
	bordercolor= #000000;
	text-align=center; 
	cellpadding=6px; 
	cellspacing=3px; 
	}
	
table{
	width= 651px; 
	cell-width=217px;
	border-width=2px; 
	bordercolor= #000000;
	text-align=center; 
	cellpadding=6px; 
	cellspacing=3px;
	margin: 10px auto 10px;
	}
	
.tablecaption{
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7dc623;
	text-align: left;
	padding: 3px;
	margin: 2px auto -15px;
	}

div #contactinfo{
	background-color: #acacac;
	}
	
.contact{
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 14px;
	color: #3c4627;
	text-align: justify;
	padding: 5px;
	margin: 5px 100px 0 50px;
	}
	
#open-graphic-lg.jpg   {
	width:540px;
	margin: 5px 0 0 5px;
	border-style: none;
	}

	
h1, h2, h3 {
	font-family: Verdana, "Lucida Grande", "Century Gothic", sans-serif;
	}
	
h1 {
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 30px;
	margin-top:20px;
	margin-left: 50px;
	}
	
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 20px;
	margin-top:20px;
	}
	
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 20px;
	margin-top:50px;
	}
	
h4 {
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7dc623;
	text-align: left;
	padding: 5px 0 0 50px;
	margin-top: 30px;
	}

.site_list {
	display: block;
	font-family: "Lucida Grande", "Century Gothic", Verdana, sans-serif;
	font-size:18px;
	color: #7dc623;
	text-align: left;
	padding: 5px 0 0 50px;
	margin-top: 30px;
	font-weight: bold;
	padding-left:50px; 
	line-height: 2em;
	list-style-type: none;
	text-decoration: none;
	}
	
h1 ul li {
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
	margin-top:50px;
	text-decoration: none;
	}
	
#wrap-navigation {
	width: 960px;
	}
	
#banner { 
	background-color: #cccccc;
	width: 960px;
	height: 75px;
	padding: 0;
	margin: 0;
	}
	
#banner>img {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-left: 195px;
	margin-bottom: 0;
	}
	
	
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

#menu {
	width: 960px;
	height: 32px;
	background-color: #949e7c;
	}

#menu ul{
	font-family: Verdana, "Lucida Grande", "Century Gothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	list-style-type:none;
	padding:0;
	margin:0;
	}
/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
	font-family: Verdana, "Lucida Grande", "Century Gothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	float:left;
	position:relative;
	z-index:100;
	}

/* use the table to position the dropdown list */
#menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
	}

/* style all the links */
#menu a, #menu :visited {
	display:block;
	font-size:14px;
	width:149px;
	padding:7px 0;
	color:#5F763D;
	background:#949e7c;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	}
/* style the links hover */
#menu :hover{
	color: #00FF00; 
	background:#acacac;
}

/* hide the sub level links */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
	}
/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
	visibility:visible;
	}


	
div #wrap-mainsections {
	position: absolute;
	top: 104px;
	width: 960px;
	height: 626px;
	margin: auto;
	}

div div>#sidebar{
	position: absolute;
	top: 104px;
	background-color: #5f763b;
	width: 275px;
	height: 626px;
	}



/*This starts gallery one div*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery1 {width:674px; height:610px; position:relative; border:1px solid #ddd; background:#555555; margin-top:10px; margin-left: 8px;}

#gallery1 ul {list-style:none; border: solid #363636;
padding:5px; margin:0; width:200px;  float: right; height:264px; overflow:auto;}

#gallery1 ul li {display:inline; width:50px; height:83.33px; float:left;  margin:0 4px 4px 0; border: 1px solid green; cursor:pointer;}

#gallery1 ul li img {display:block; width:50px; height:83.33px; }

#gallery1 ul li span {display:none; position:absolute; left:460px; top:400px; width:200px;font-family:verdana, arial, sans-serif; color:#FFFFFF; font-size:11px; line-height:15px; text-align:left;}

#gallery1 ul li span strong {font-size: 14px; color:#7dc623; margin-top: 10px;}

/*--why difference from Stu here?--*/

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:375px; height:590px; border:1px solid #000;}


#gallery1 ul li.default {width:0; height:0; border:0; }

#gallery1 ul li.default i {position:absolute; left:0; top:0; width:400px; height:590px;}

#gallery1 ul li.default i img {margin:5px auto 0 auto; width:375px; height:590px;  border:1px solid #000;}

/*--why difference to here?--*/

#gallery1 ul li.off {display:none;}

#gallery1 ul li.click {border-color: #7dc623; background-color:#555555; cursor:default;}

#gallery1 ul li.click i {position:absolute; left:0; top:0; width:545px; height:590px;}

#gallery1 ul li.click i img {margin:5px auto 0 25px; width:auto; height:auto; border:1px solid #000;}

#gallery1 ul li.default span,
#gallery1 ul li.click span {display:block;}

/*This starts gallery two div*/

#gallery2 {width:674px; height:610px; position:relative; border:1px solid #ddd; background:#555555; margin-top:10px; margin-left: 8px;}

#gallery2 ul {list-style:none; border: solid #363636;
padding:5px; margin:0; width:200px;  float: right; height:264px; overflow:auto;}

#gallery2 ul li {display:inline; width:50px; height:50px; float:left;  margin:0 4px 4px 0; border: 1px solid green; cursor:pointer;}

#gallery2 ul li img {display:block; width:50px; height:50px; }

#gallery2 ul li span {display:none; position:absolute; left:460px; top:400px; width:200px;font-family:verdana, arial, sans-serif; color:#FFFFFF; font-size:11px; line-height:15px; text-align:left;}

#gallery2 ul li span strong {font-size: 14px; color:#7dc623; margin-top: 10px;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:375px; height:590px; border:1px solid #000;}

#gallery2 ul li.default {width:0; height:0; border:0; }

#gallery2 ul li.default i {position:absolute; left:0; top:0; width:400px; height:590px;}

#gallery2 ul li.default i img {margin:5px auto 0 25px; width:375px; height:375px;  border:1px solid #000;}

#gallery2 ul li.off {display:none;}

#gallery2 ul li.click {border-color: #7dc623; background-color:#555555; cursor:default;}

#gallery2 ul li.click i {position:absolute; left:0; top:0; width:545px; height:590px;}

#gallery2 ul li.click i img {margin:5px auto 0 25px; width:auto; height:auto; border:1px solid #000;}

#gallery2 ul li.default span,
#gallery2 ul li.click span {display:block;}

/*This starts gallery three div*/

#gallery3 {width:674px; height:610px; position:relative; border:1px solid #ddd; background:#555555; margin-top:10px; margin-left: 8px;}

#gallery3 ul {list-style:none; border: solid #363636;
padding:5px; margin:0; width:200px;  float: right; height:264px; overflow:auto;}

#gallery3 ul li {display:inline; width:50px; height:83.33px; float:left;  margin:0 4px 4px 0; border: 1px solid green; cursor:pointer;}

#gallery3 ul li img {display:block; width:50px; height:83.33px; }

#gallery3 ul li span {display:none; position:absolute; left:460px; top:400px; width:200px;font-family:verdana, arial, sans-serif; color:#FFFFFF; font-size:11px; line-height:15px; text-align:left;}

#gallery3 ul li span strong {font-size: 14px; color:#7dc623; margin-top: 10px;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:375px; height:500px; border:1px solid #000;}

#gallery3 ul li.default {width:0; height:0; border:0; }

#gallery3 ul li.default i {position:absolute; left:0; top:0; width:400px; height:590px;}

#gallery3 ul li.default i img {margin:5px auto 0 auto; width:375px; height:500px;  border:1px solid #000;}

#gallery3 ul li.off {display:none;}

#gallery3 ul li.click {border-color: #7dc623; background-color:#555555; cursor:default;}

#gallery3 ul li.click i {position:absolute; left:0; top:0; width:545px; height:590px;}

#gallery3 ul li.click i img {margin:5px auto 0 25px; width:auto; height:auto; border:1px solid #000;}

#gallery3 ul li.default span,
#gallery3 ul li.click span {display:block;}

/*This ends gallery three div as well as one and two before it*/

	
div div>#maincontent {
	position: absolute;
	top: 106px;
	left: 275px;
	width: 685px;
	height: 626px;
	background-color:#555555;
	}
	
#maincontent table{
	background-color: #acacac;
	}

	
div #footer>p {
	position: absolute;
	top: 726px;
	color: white;
	background-color: #7D7D7D;
	width: 950px;
	height: 20px;
	padding: 2px 0 0 10px;
	margin: auto;
	}
	
.white {
	color: #ffffff;}
	
div #footer>p .white  a:link { 
	text-decoration: none;
	color: #ffffff; }
	
#validation {
	position: absolute;
	top:760px;
	background-color: #000000;
	font-size: 12px;
	color: #ffffff;
	border: none;
	padding: 0px 0 10px 0px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	}
	
.valid{
	color: #161f08}
	
div #validation>p .valid  a:link { 
	text-decoration: none;
	color: #161f08; }
	
a:link { color: #5F763D; text-decoration: none;}

a:visited { color: #528412; text-decoration: none;}

a:hover { color: #00FF00; background-color: #949e7c; text-decoration: none;}

a:active { color: #FF00FF; text-decoration: none;}



