/* 	****************************************
		mrcoffee.ws stylesheet
		02.14.08		
		**************************************** 	*/
		
/* 	basic elements	*/
body {
	font: 10pt arial, sans-serif;
	color: #FFFFFF;
	background: #000066;
	margin: 15px 15px 15px 15px;
}

/* remove borders on all images unless requested, kthnx */
img {
  border: 0px;
  border-collapse: collapse;
}

a img {
  border: 0px;
  border-collapse: collapse;
}

p {
	margin: 0px 0px 10px 0px;
}


h1 {
  font: bold 12pt verdana, sans-serif;
  padding:  0px 0px 5px 0px;
  margin: 0px;
}
h2 {
  font: bold 10pt arial, sans-serif;
  padding: 0px;
  margin: 0px;
  display: inline;
}


a:link {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #0033CC;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
}


/* lists */
ul.bulletlist {
  font: normal 10pt arial, sans-serif;
  list-style-image: url(http://images.mrcoffee.ws/dot5.gif);
	text-align: justify;
	padding: 0px 20px 0px 20px;
  margin: 0px;
}
ul.reglist {
	list-style-image: url(http://images.mrcoffee.ws/dot2.gif);
	text-align: left;
	padding: 0px 20px 0px 20px;
  margin: 0px;
}
ul.quotelist {
  font: italic 10pt arial, sans-serif;
  line-height: 14pt;
  list-style: none;
  text-align: center;
  padding: 0px 20px 0px 20px;
  margin: 0px;
}
.quotelist .name {
	font: normal 10pt arial, sans-serif;
}

/* horizontal rules */
#wrapper hr {
  background: url('http://images.mrcoffee.ws/hbar.gif') no-repeat;
  text-align: center;    
  margin-top: 7px;
  margin-bottom: 5px;
  height: 2px;
  width: 525px;
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
}
/* horizontal rules for IE since it doesn't deal well  */
/* "* html .entries hr" targets IE6 only (valid CSS) (filter opacity added to JS) */
* html #wrapper hr {
  display: list-item;
  list-style: url('http://images.mrcoffee.ws/hbar.gif') inside;
  text-align: center;
  height: 0px;
  width: 0px;
  padding: 0px;
  margin-left: -525px;
  margin-right: -525px;
  border: 0px;
  border-collapse: collapse;  
}
/* "*:first-child+html .entries hr" targets IE7 only (valid CSS) (filter opacity added to JS) */
*:first-child+html #wrapper hr {
  display: list-item;
  list-style: url('http://images.mrcoffee.ws/hbar.gif') inside;
  text-align: center;
  height: 0px;
  width: 0px;
  padding: 0px;
  margin-left: -400px;
  margin-right: -400px;
  border: 0px;
  border-collapse: collapse;  
}



/* everything between body tags.. in case we need this for something. */
#pagecontainer { }

/* logo information */
#logo img {
  float: left;
  margin: 0px;
  margin-right: 5px;  
  vertical-align: top;
}
#logo #logotitle {  
	font: bold 12pt arial, sans-serif;		
  float: left;  
  position: absolute;
  left: 320px;
  top: 22px;     
  display: inline;  
}
#logo .logosubtext {
	font: italic 8pt verdana, sans-serif;
  clear: left;
  text-align: left;  
}

/* contains everything under the logo div */
#page {
  margin-top: 15px;  
}

/* navigation column */
#navigation {  
	float: left;
  vertical-align: top;  
  width: 160px;
  background-color: #000000;
  border: 1px solid #0000FF;
}
#navigation ul {    
  padding: 5px 0px 5px 25px;  
  border-bottom: 1px solid #0000FF;
}
#navigation .digits {
  padding: 5px 0px 5px 0px;
	font: italic 7pt arial, sans-serif;
  text-align: center;  
  border-bottom: 1px solid #0000FF;
}
#navigation .homepage-updated {
  padding: 5px 0px 5px 0px;
	font: 10pt arial, sans-serif;
	text-align: center;	
}
#navigation .homepage-copyright {	
  padding-left: 5px;
  border-spacing: 0px;
}

/* copyright information - navigation */
#navigation .copyrightemaillink {  
  margin-bottom: 5px;
  background: url(http://images.mrcoffee.ws/emailroll.gif) 5px 0px no-repeat;
  overflow: hidden;    
  height: 13px;
  width: 55px;
  display: block;
}
#navigation .copyrightemaillink:hover {
  background-position: 5px -13px;  
}

/* opera hack 
	html>body div.myDiv { }
*/


/* right side of page - wrapper */
#wrapper {  
	float: left;
	vertical-align: top;	
	margin-left: 15px;
	margin-bottom: 15px;	
	width: 760px;
	max-width: 760px;
	padding: 10px;
	background-color: #202020;
	border: 1px solid #0000FF;
}

/* page specific stuff */
#infopic div, #infopic img {
  margin-right: 20px;
  float: left;
}
#infopic .contactinfo {
  margin-left: 20px;
}

#linkpage li {
  margin-bottom: 10px;
}

.picturepage div {  
  float: left;
  text-align: center;
  display: block;
  width: 253.3px;
  height: 220px;
}

/* float utility clear */
div.clearfix {  
  width: 0px;
  height: 0px;  
  float: none !important;
  clear: left !important;
}

/* mootools tooltips */
.toolTipElement { }
.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}

/* 
  placed in js -- fix for tooltip transparency in IE.  Unfortunately, the image will not dynamically resize using this method.
* html .tool-tip {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='images/bubble2-ie.png');
}
*/
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;	
}
/* [class] will be read by browsers NOT IE, so as to restore working order to tooltips in browsers that don't have PNG issues */
.tool-title[class] {
	background: url(http://images.mrcoffee.ws/bubble2.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;	
}
.tool-text[class] {
	background: url(http://images.mrcoffee.ws/bubble2.png) bottom right;
}