html { width: 100%; height: 100%; overflow: auto; }
body { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 100%; }
body { background-color: #dbe7fa; overflow: auto; }
h1, h2, h3, h4, h5, h6, h7 {  margin: 0px; padding: 0px; border: 0px; }
h1 { font-size: 125%; color: darkblue; }
a, a:link, a:active, a:visited { color: blue; }





.ui-pages-content { background: #dbe7fa url('../images/background-split.jpg'); }
.ui-pages-content { background-position: top left; background-repeat: repeat-x; }
.ui-pages-content { width: 100%; height: 600px; }



	/*.ui-pages-content-ribbon { background: transparent url('../images/background-split-ribbon.png'); }
	.ui-pages-content-ribbon { background-position: 0px 225px; background-repeat: no-repeat; } */
	.ui-pages-content-ribbon { width: 100%; height: 400px; }
	.ui-pages-content-ribbon { background-image: url('../images/background-split-ribbon-1280x210.png'); }
	.ui-pages-content-ribbon { background-repeat: no-repeat; }
	.ui-pages-content-ribbon { -o-background-size: 100% 210px, auto; -moz-background-size: 100% 210px, auto; }
	.ui-pages-content-ribbon { -webkit-background-size: 100% 210px, auto; background-size: 100% 210px, auto; }




		/*.ui-pages-content-ribbon div { width: 400px; display: inline-block; float: left; } */
		.ui-pages-content-paypal { background-color: white; }
		.ui-pages-content-paypal { border: 1px solid lightblue; }
		.ui-pages-content-paypal { padding: 15px; }

		.ui-pages-content-ribbon div h1 { font-size: 125%; color: darkblue; }

			.ui-pages-content-ribbon div blockquote { margin: 15px; }

				.ui-pages-content-ribbon div blockquote label {}

					.ui-pages-content-ribbon div blockquote label span { }
					.ui-pages-content-ribbon div blockquote label span { }









.urbangreymenu { width: 250px; }

.urbangreymenu .headerbar { font: bold 13px Verdana; color: white; padding: 7px 0 7px 31px; }
.urbangreymenu .headerbar { text-transform: uppercase; margin-bottom: 0; }
.urbangreymenu .headerbar { background: #606060 url('../images/downgreen.gif') no-repeat 8px 6px; }

.urbangreymenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; }
	.urbangreymenu ul li { padding-bottom: 2px; }

.urbangreymenu ul li a { background: #dbe7fa; color: black; }
.urbangreymenu ul li a { display: block; padding: 5px 0; line-height: 17px; }
.urbangreymenu ul li a { padding-left: 8px; text-decoration: none; }
.urbangreymenu ul li a { background: -moz-linear-gradient(right, #dbe7fa, #ffffff); }
.urbangreymenu ul li a { background: -webkit-gradient(linear, right center, left center, from(#dbe7fa), to(#ffffff)); }

	.urbangreymenu ul li a:visited { color: black; }
	.urbangreymenu ul li a:hover { color: white; background: black; }













.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a {
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span {
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;

/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */

/* If you want the pop-up open above the thumb, remove the top: 50px; and add
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 130px; /* enter desired thumb width here */
	height : auto;
}