/* CSS Document */


@import "mad-common.css";



/* Main Banner */
#mainbanner { background: url(images/internalbanner.jpg) no-repeat top left; width: 940px; height: 143px; }


/* Copy Container */
#copycontainer { width: 940px; padding: 40px 0 0 0; background: url(images/content-leftcol-baseshadow.gif) no-repeat bottom left; }
#innercontainer { width: 940px; width/**/:/**/ 871px; padding: 0 39px 90px 30px; background: url(images/content-divideline.gif) repeat-y; }


/* Left Column */
#leftcol { float: left; width: 180px; }

#leftcol ul.menu { margin: 0 0 37px 0; padding: 0; list-style: none; font-size: 108%; }
ul.menu li { border-bottom: 1px solid #ececec; }
ul.menu a { display: block; width: 180px; width/**/:/**/ 160px; padding: 6px 10px 5px 10px; color: #6e6e6e; text-decoration: none; font-weight: bold; }
ul.menu a:hover, ul.menu a.active { background-color: #f9f9f9; color: #a31e1a; }

ul.menu li ul { list-style: none; margin: 0; padding: 0; }
ul.menu li ul li { border-bottom: none; font-size: 90%; }
ul.menu li ul li a { background-color: transparent; width: 180px; width/**/:/**/ 150px; padding: 6px 10px 5px 20px; text-decoration: none; font-weight: normal; }
ul.menu li ul li a:hover, ul.menu li ul li a.active { background-color: #f9f9f9; color: #a31e1a; }


/* Right Contents */
#rightcolumn { float: right; width: 641px; line-height: 160%; }
#rightcolumn a { color: #a31e1a; }
#rightcolumn a:hover { font-weight: bold; }


/* Breadcrumbs */
#breadcrumbs { line-height: normal; position: relative; margin: 0 0 0 -10px; border: 1px solid #ececec; width: 650px; width/**/:/**/ 630px; padding: 7px 10px 6px 10px; font-size: 90%; }
#breadcrumbs a { padding: 0 10px 0 14px; background: url(images/breadcrumbs-arrow.gif) no-repeat 0px 4px; color: #484848; text-decoration: none; }
#breadcrumbs a:hover { color: #a31e1a; }
#breadcrumbs .currentpage { padding: 0 10px 0 14px; background: url(images/breadcrumbs-arrow.gif) no-repeat 0px 4px; color: #484848; text-decoration: none; }


/* Main Page Content Styling */
h1.pagetitle { color: #a31e1a; font-size: 270%; margin: 42px 0 25px 0; }

blockquote { margin: 0; padding: 5px 25px 25px 25px; font-size: 90%; color: #9b9b9b; }


table.data { width: 100%; margin-bottom: 35px; }
table.data th { width: 70px; text-align: left; color: #000; }
table.data th, table.data td { border-bottom: 1px solid #ccc; padding: 4px 0; vertical-align: top; }


/* MAD Search */
.searchresult { padding: 10px 0; border-bottom: 1px dotted #ccc; }
.searchresult .resultnumber { display: none; }
.searchresult a.resulttitle { font-size: 115%; font-weight: bold; display: block; margin-botom: 5px; }
.searchresult .resultsection { display: none; }


/* Sponsors List */

#sponsoslist .sponsor-wrap a {width: 637px; float: left; display: block; margin: 0 0 40px 0;}
#sponsoslist .sponsor-wrap a:hover {text-decoration: none;}
#sponsoslist .sponsor-wrap a img {float: right; margin: 0; padding: 0;}
#sponsoslist .sponsor-wrap a h5 { position: relative; margin: 0; padding: 0 0 0 22px; color: #000; background: url(images/sponsors-icon.gif) no-repeat 0px 0px; }
#sponsoslist .sponsor-wrap a p {margin-left: 22px;}




/* Project.R Raffle Page */
.projectrleft { float: left; width: 400px; }
.projectrright { float: right; width: 210px; }
.projectrright img { padding: 4px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.projectrright img.firstchild { border-top: 1px solid #cccccc; }

.rafflepurchase { padding: 23px 0; margin: 23px 0 0 0; border-top: 1px solid #cccccc; }
.rafflepurchase input.text { width: 200px; font-size: 11px; color: #444444; padding: 0; margin: 0 0 8px 0; }
.rafflepurchase .paymentbutton { text-align: center; padding-top: 10px; }
.rafflepurchase table.data { width: 400px; }
.rafflepurchase label { display: block; padding: 0 0 3px 0; }
.rafflepurchase img { padding: 0; border: none; }

#projectrgallery { margin-top: -62px; position: relative; }

a#lightbox-loading-link img { display: inline; }


/* Kaldi Coffee */
.kaldilogo { float: right; padding: 0 0 25px 35px; }
a.kaldibuylogo { display: block; width: 138px; height: 29px; margin: 20px 0 40px 0; }
.font1up { font-size: 108%; }

.kaldiblends table { width: 100%; }
.kaldiblends table td { padding: 8px 0; border-bottom: 1px solid #e3e3e3; vertical-align: top; }
.kaldiblends table td.blend strong { font-size: 108%; color: #a9042f; display: block; }
.kaldiblends table td.blend strong span { color: #7d7d7d; }
.kaldiblends table td.strength { width: 160px; }
.kaldiblends table td.strength img { width: 131px; height: 68px; float: right; }


.raffle-onhold { margin-top: 25px; padding: 20px; background: #fffbd8; }

#total
{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
a.button,a.button:visited
{
	display:none;

	height:29px;
	width:136px;

	padding-top:15px;
	margin:0 auto;
	overflow:hidden;

	color:white;	
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	
	background:url(/img/button.png) no-repeat center top;
}

a.button:hover
{
	background-position:bottom;
	text-decoration:none;
}

#blanket 
{
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv 
{
	position:absolute;
	background-color:#eee;
	width:300px;
	height:200px;
	z-index: 9002;
	padding:10px;
	border: 1px double #909;
}
/*a.p1 {display:block; width:20px; height:20px; text-decoration:none; background:#fff; border:0; margin:20px 0 0 100px; float:left;}*/
a.p1 img { border:0;}
a.p1:hover {text-decoration:none; background-color:#fff; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}

a.p1:hover b 
{
	top:-65px; 
	left:110px; 
	padding:10px; 
	border:1px solid #aaa; 
	background:#fff; 
	opacity:1.0;
	
}

