/*
Date: 4/1/09;  QBFox Design Studio [802] 897-2483 info@qbfdesign.com
for: SHARD VILLA  

Page-map:
			1 body
			2 wrapper
				3  banner
					4 nav
					5 center
						6 leftcol
						8 rightcol
						9 3 boxes
					10 footer
Style-map:
			global resets
			new base styles
			structure
			typography/styles
colors:
		 text: #6F5105  tan
		 banner/footer: #ddddb3   yellow gray
		 rules: # 808099    gray blue
		 nav: #d5d599;
		 html/body: background = #003600 dark green
		 wrapper: background=image
		 center: bckgrnd=transparent
		 boxes: background=gif image
			

===============================================================================================*/

   /*------- RESETS -------*/
*, html, body, ul,li, li ul li{
 margin: 0; padding: 0; border: 0; }

a img, :link img, :visited img {
	border:0;
	background-position: center;
}



/*============== NEW BASES ========================================================================*/
html, body {height:825px; background-color: #000033 /*#297672*/;}
body {width:100%; font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%; line-height:1; text-align:center; 
  }


	/*------------------ STRUCTURE ---------------------------------------------------------------*/

#wrapper{width:80%; height: auto;
	font-size:62.5%;
	background-color: #ebe7c3;
	/*background: transparent;*/
	margin: 35px auto; padding-top:25px;
		border:#912463 /*#000*/ 2px solid; /*border-top:#000 6px solid;*/}

	 
	#footer{ height:3em; 
			width:100%;
			position:relative;
			border-bottom: 2px solid #003600;
			background-color:#c1b066;
			padding: 2px 0 2px 0;
			}


/* ----- "center" sections ----------------- */

#content-t {width:80%; margin:15px auto; position:relative;
}

#content-t .xmas {
	float:right;
	display:inline;
	position:relative;
	margin-top: -200px;
	margin-right:30px;
	z-index: 2000;
	
	height:auto;
	visibility: visible;	/*left: 645px;width: 248px;*/
}

#content-t .bubble {
	float:right;
	display:inline;
	position:absolute;
	top: 204px;
	right:708px;
	z-index: 2500;
	
	height:auto;
	visibility: visible;	}
	
/* ========================  Typography/Styles =========================================================*/

/* ------ scroll box --------- */

.Rscroll { 
/*width:set on page */
	text-align: left;
	font-family:Ariel, Verdana,Helvetica, sans-serif;
	font-size: 1.2em /*1.1em*/;
	font-weight: normal;
	line-height: 135%;
	border:1px solid #776; border-right:2px; border-bottom:4px;
	margin-left:35px;; margin-top:8px;
	padding-left:1px;
	height:85px; 
	position:absolute;/*added jun 21   required by the overflow attribute--? */
	overflow:auto; 
	}

	.Rscroll a { text-decoration: underline; color: #6F5105; font-style:normal; }

	.Rscroll a:visited  { color: #BAAD81; text-decoration: underline; }

	.Rscroll a:hover { color: #ccc;background-color:#BAAD81; text-decoration: none; font-weight: normal; }

	.Rscroll ul { margin-left:15px;font-size:1.2em /*1.1em*/, line-height:135%;}
	.Rscroll ul li ul { margin-top:-1px; margin-left:-5px;} 

p {font-size:1.4em; font-family: Arial, Verdana, Hevetica,sanserif; text-align:left; color:#333; margin: 3px 20px 12px 20px; line-height:1.2; letter-spacing: .05em;}

h1, h2, h3 {font-family:Georgia, "times new roman", serif; text-align:left;
	margin-top: 20px;
	background-color:transparent;
	line-height: 1.2;}

	h1{font-size: 2em; /* 18px */
		color:#CC0099;
		font-weight:500;
		text-align:left;
		 }
	h2{font-size: 1.7em;   /* 13px */  font-weight:400; color:#CC0099; margin-bottom:6px;}
	h3{font-size: 1.4em;    /* 12px */  font-weight:400; color: #007E7E; margin-bottom:-3px;}
	.subhd {margin-top: 5px;
			color: #006000;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style: italic;}


.foot p {
	color:#660033;
	font-size: 1em /*1em*/;     /* of body size (ie: 10px/1em/100%)   */
	text-align: center;
	padding: 4px;
	line-height:1; margin-bottom:6px; 
	}
		.foot a {text-decoration:underline; color:#55554d; background-color:transparent;}

		.foot a:visited{color:#55554d; text-decoration:none; background-color:transparent; }

		.foot a:hover { color:#333333; background-color:transparent; font-weight:bold;}

#txtmenu, #txtmenu2 {    /* horiz text links at bottom*/
	 line-height: 110%; color: #660033;
	text-transform: uppercase;
	text-align:center;
	}
 

#up {	position:absolute;
		right:30px;
		bottom:15px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 9px;
		font-weight: bold;
		text-transform:uppercase;
		background-color:transparent;
		}
body > div#up {position: fixed;}

		#up a, #up a:visited {color:#FFFF99 /*0033CC*/;text-decoration: none;}
		#up a:hover {font-style: oblique;text-decoration: underline; color:#00CCFF;font-weight: normal;} 




 

 /*change space before & after p */
.p0-10 {margin-top:1px; margin-bottom:10px; background-color:transparent;}
.p0-0 {margin-top:1; margin-bottom:0; background-color:transparent;}
.p0-5 {margin-top:1; margin-bottom:5px; background-color:transparent;}


.eight {font-size:80%; letter-spacing: .01em; background-color:transparent;  }
.nine { font-size:90%;  letter-spacing: .01em; background-color:transparent; }
.ten {font-size: 1em; background-color:transparent; }
.plus1 {font-size: 120%; background-color:transparent; }



.italic {/* for visial style only, eg titles */
	font-family:Georgia, Times, "Times New Roman", serif;
	font-style:italic;
	font-size: 1.1em;
	background-color:transparent;
	color:#6F5105;
	}  

i, em {/*to add emphasis */
	font-style:italic;
	font-weight:bold;
	background-color:transparent;
	color:#6F5105;
	} 

strong, b { color: inherit; background: transparent; }


sub, sup {font-size: ; font-variant: smallcap; }
	sub {vertical-align:-.5em;}
	sup {vertical-align:+.5em ;}

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

.clearR {clear: right;}
.clearL {clear:left;}
.clrBoth {clear:both;}


/*-- RULES/Images --- default sets to 100% and centered; use:   <div class="rule" style=" ?? ">  change width, margin, etc <hr> </div>       */

.rule     { width:96%; margin: 16px auto; height: 3px;  background-color:#cbc380; border-top:1px solid #33CCFF; }
.rule hr  { display:none; }


.imgR {float:right; padding:3px 2px 6px 10px; margin:0 0 20px 15px;}  /* margin ?? */
.imgL {float:left; padding:3px 10px 6px 2px ; margin-right: 10px;}

.imgbrdr {border:1px solid #000 ;}
.imgnobrdr {border:0;}


/*------------ LIST STYLES --------------------------------------------------------------

.col1 ul, .col2 ul, .col3 ul {
		color:#6F5105;
		margin-left: 0px;
		margin-right:0px;
		padding-top:4px; 
		 }

.col1 li, .col2 li, .col3 li {
		font-size: 1.2em ; color:##6F5105;
		padding-bottom:4px;
		line-height: 135%;
		background-color:inherit;
		list-style:disc; 
		}

.col1 ul li ul, .col2 ul li ul, .col3 ul li ul {
		margin-left: 15px;
		font-size: 95%;
		background-color:inherit; 
		list-style:square;
		color:#6F5105;
		}

	.col1 p, .col1 a, .col2 p, .col2 a, .col3 p, .col3 a {
		color:#6F5105; text-decoration:underlined;
		}
	.col1 a:visited, .col2 a:visited, .col3 a:visited {
		color:#BAAD81;text-decoration:underlined;
		}
	.col1 a:hover, .col2 a:hover, .col3 a:hover {
		color: #ccc;   text-decoration: none; background-color:#BAAD81;
		}

.centerA ul, .centerB ul, .centerC ul, .centerD ul {
		font-size:1.1em ;
		line-height: 120%;
		padding-right:3px;
		margin-left: 35px;
		color: #6F5105;
		margin-top:10px;
		margin-bottom:10px;
		background-color:inherit;
		}

.centerA li, .centerB li, .centerC li, .centerD li    {
		background-color:inherit; 
		}
.centerA ul li ul, .centerB ul li ul, .centerC ul li ul, .centerD ul li ul  {
		padding-left:15px; background-color:inherit; list-style:square; 
		}
*/

/*#alert{
	background-color:#006600;  = green, or  #c6002d =red; 
	text-align: center;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size:90%;
	color: #fff; text-align:center;
	float: right;
	position: absolute;
	width: 100px; height:50px;
	top: 11px;
	right: 3%;*/
	/*left: 603px; 
}*/