/* clientstyles.css */

/* Block all default margins and padding */
* {
   margin:0;
   padding:0;
/* Temporary borders */
/* border:dashed 1px#f00 */
}
body{
	background: #393732;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align:left
}
/* Wrapper contains the layout */
#wrapper{
	width: 80em;
	background-color:#FFC23D;
	/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 20px auto 0 auto;
	font-family: Verdana, Geneva, Arial, sans-serif;
}
/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
z-index:1;
}
 
/* Absolutely position links in the branding division */
#branding a{
	position:absolute;
	text-decoration:none;
	color:#000;
	font-size:0.8em;
	width: 268px;
	height: 22px;
	top: 54px;
}
/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
  color:#000;
  }
  /* Hover links in branding bar */
#branding a:hover{
  color:#0f0;
}
/* Active link in branding bar */
#branding a:active{
  color:#1bb498;
}

/* Navbar division */
#navbar{
  background-color:#e0a119;
   /* Left margin must match leftcolumn width */
 /* margin-left:12em;*/
  height:2.6em;
}
/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family: Verdana, Geneva, Arial, Sans-Serif;
  font-size:95%;
  color:#000;
  background-color:#e0a119;
  display:block;
  height:2.7em;
  width:9em;
  border-right:solid 1px #ddd;
  text-align:center;
  line-height:3em;
  outline-style:none;
  
}
/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background-color:#000;
  color:#fff;
}
/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}
/* List items in the navbar */
#navbar li{
  float:left;
  /* Required for drop-down menus */
  position:relative;
  
  }  
  /* Drop-down menu styles */
  /* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul{
  visibility:visible;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a{
  background:#7d7d7d; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:15em;
  padding:0 0 0 1em;
  height:2.5em;/* height: auto; */
}
/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover{
  background: #aaa;
  color:#000;
}

/***********left column division styles*********/
#leftcolumn{
	/*content and navbar left margin must match this width */
   margin-top:1em;
   margin-bottom:9em;
	width:14.5em;
	float:left;
	background-color:#FFC23D;
	/* Center images and text inside this column */   
   text-align:center;
   line-height:1.25;
	font-family: Verdana, Geneva, Arial, sans-serif;
   
  
 }
 #rightcolumn{
	/* #content and navbar right margin must match this width */
   margin-top:0em;
	margin-bottom:9em;
	width:23em;
	float:right;
	/* Center images and text inside this column */
   text-align:left;
	line-height:1.25em;
   }
   
 /* Styles h1, h2, h3 and h4 style rules in the rightcolumn division */
#rightcolumn h1, #rightcolumn h2, #rightcolumn h3, #rightcolumn h4
#leftcolumn h1, #leftcolumn h2, #leftcolumn h3, #leftcolumn h4{  
font-family: Arial, Gadget, sans serif;
  color:#45322F;
  font-weight:bold;
  font-style:normal;
  font-variant:small-caps;
  letter-spacing:0.04em;
 }
/* Size h1 headings in the right and left column division */
#rightcolumn h1,
#leftcolumn h1{
  font-size:2em;
}
/* Size h2 headings in the right and left column division */
#rightcolumn h2,
#leftcolumn h2{
  font-size:1.5em;
  line-height:1.3em;
}
/* Size h3 headings in the right and left column division */
#rightcolumn h3,
#leftcolumn h3{
  font-size:1.25em;
  font-style:normal;
}
/* Size h4 headings in the right and left column division */
#rightcolumn h4,
#leftcolumn h4{
	font-size:1em;
	font-style:normal;
}
	
 /* Applies to images in the left and right columns  */
#leftcolumn img,
#right column img{
  /* width:100%; */
  margin:0em 0;
 
}

/* Applies to paragraphs in the left and right columns */
#leftcolumn p,
#rightcolumn p{  
  width:82%;
     padding:0.25em;
     /* border:thin solid #7E97A6; */
     font-family: Verdana, Geneva, Sans-Serif;
     font-size:0.9em;
	 line-height:1.5em;
     margin: 0.5em auto;
  text-align:left;
  }
  

  	
#content{
	/* Left and right margins must match sidebar column width */
 margin-top:1em;
	margin-left:15em;
	margin-right:23em;
	margin-bottom:9em;
	background-color:#fff;
	color:#000;
	padding:10px 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;	/* overflow:hidden */
}

/****** Style rules for the content division *****/

/*Applies to all paragraphs and lists in the content division*/
#content p,#content ul,#content ol{
	font-family:Verdana, Geneva, sans-serif
	text-align:left;
	font-size:10pt;
	line-height:normal;
}
/* Applies to lists in the content division */
#content ul, #content ol{
  padding:5px 0 5px 40px;
 }
 /* Applies to paragraphs in the content division */
#content p{
	line-height:1.5em;
	font-style: normal;
} 
/* Applies to all list items in the content division */
#content li{
  margin-bottom:10px;
}
/* Applies to all table items in content division*/
#content td{
	font: Verdana, Geneva, sans-serif;
	font-size:0.7em;
	letter-spacing:inherit;
	line-height:1.2em;
   
}

	
/* Styles h1, h2, h3 and h4 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
	font-family: Arial, Gadget, sans serif;
	color:#000;
	font-weight:bold;
	font-style:normal;
	font-variant:small-caps;
	letter-spacing:0.06em;
 }
/* Size h1 headings in the content division */
#content h1{
  font-size:2em;
}
/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
}
/* Size h3 headings in the content division */
#content h3{
  font-size:1.25em;
  font-style:normal;
}
/* Size h4 headings in the content division */
#content h4{
	font-size:1em;
	font-style:normal;
}
/* end content division */

.rcolbox { /*right column colored text boxes */
	width: auto;
	height: auto;
	border: none;
	background-color:#033;
	text-align: center;
	font:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#000;
	padding:15px;
	margin-left: auto;
	margin-bottom:6px;
}

.centcolbox   /*center column colored text boxes */
{
	width: auto;
	height: auto;
	text-align:center;
	font:Verdana, Geneva, sans-serif;
	font-size: auto;
	line-height:1.7em;
	color:#000;
	padding:5px;
	margin-left: auto;
	margin-bottom:6px;
}

#rightfloat{
	float:right;
	margin:0 0 10px 10px;
	padding:2px;
}
	
	

.floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}

.floatrightspecial
{
float: right;
margin: 0 0 10px 10px;
padding:0;
}

.floatleft
{
float: left;
margin: 2px 8px 0 0;
padding: 3px;
}

#extraDiv1 {
	background-image: url("images/Super Saver Mug Final_0692.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 800px;
	position: absolute;
	top: 960px;
	width: 195px;
	z-index: 6;
	left: 1px;
	height: 439px;
}

#extraDiv2 {
	background-image: url("bldgimages/geckowithlogo.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 800px;
	position: absolute;
	top: 114px;
	width: auto;
	z-index: 6;
	}
	

/* start footer division */
#footer{
	background-color:  #ffc23d;
   border-top: solid 1px #117b6f; 
	padding:2em;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	height:9em;	
}