/* tested with IE5+/Win, Mozilla, IE5/Mac, Safari, Opera8/Win */

/* colors
bright red:   #921111
dark red:	 #7E0F0F
dark brown:  #3B1B17
Coffee Brown:#552B25
Chocolte Brown: #8A5833
Tan:		#C8A46E
Cream:		#EDD2AB
link:        #EA907F
*/

body
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F7F5D9;
	font-size: 0.75em;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url("../images/background.gif");
	background-color: #A37942;			
	background-repeat: repeat-x;
	background-position: top;
}


/*  fonts ------------------------------------------------------------------------- */

a:link
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
a:hover
{
	color: #EDD2AB;
	text-decoration: underline;
}

p, h1, h2, h3
{
	margin: 0;
	padding: 0;
}

abbr, acronym
{
	text-decoration: none;
	border-bottom: 1px dotted #F7F5D9;
	cursor: help;
}

/*  container ------------------------------------------------------------------- */

div#container
{	
	background-color: #3D0303;
	background-repeat: no-repeat;
	background-position: center top;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;	
	padding: 0;
	text-align: left;
}

/*  intro ------------------------------------------------------------------- */

div#intro
{	
	/*width: 580px;*/
	width: 187px;
	margin: 0;
	padding: 190px 0 0;
	cursor: pointer;
}

div#splick_it
{	
	position: relative;
	top: -63px;
	left: 353px;	
	padding: 2px;
	width: 150px;
	height: 45px;
	cursor: pointer;	
}

div#languageSelect
{
	position: absolute;		
	left: auto;
	right: auto;		
	top: 5px;
	height: 60px;
	width: 140px;
	margin-left: 598px;
	padding: 10px 0 0;
}

/*  upComing ------------------------------------------------------------------- */

div#upComing
{	
	background-image: url("../images/content_boxes_clear.gif");
	background-repeat: repeat-y;
	width: 550px;
	margin-left: 30px;
	text-align: center;
	vertical-align: top;
	font-size: 0.75em;
	font-weight: normal;
}
div#upComing h3
{	
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
}

div#upComing h3 span
{
	display: none;
}

div#upComing p
{
	padding: 0 10px 10px 20px;
}

div#upComing p.p1
{
	margin-top: -25px;
}

div#upComing p.p3
{	
	background-image: url("../images/content_boxes_clear.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
}

div#upComing table
{
	font-size: medium;
	font-weight: bold;
}

/*  supportingText ------------------------------------------------------------------- */

div#supportingText
{
	width: 580px;
	margin: 0 0 50px 0;
	padding: 0;
}

div#article1, div#article2
{	
	background-image: url("../images/content_boxes_middle.gif");
	background-repeat: repeat-y;
	width: 550px;
	margin-left: 30px;
	margin-top: 10px;
}

div#article1 p, div#article2 p
{
	padding: 0 10px 10px 20px;
}

div#article1 p.p1, div#article2 p.p1
{
	margin-top: -25px;
}

div#article1 p.p2, div#article2 p.p2
{
	background: url(    "../images/content_boxes_bottom.gif" ) no-repeat left bottom;
	padding-bottom: 65px; /* for IE5 */
	margin-bottom: 0px;
}

div#article1 h3
{	
	background-repeat: no-repeat;
	background-position: left top;
}

div#article2 h3
{	
	background-repeat: no-repeat;
	background-position: left top;
}

div#article1 h3, div#article2 h3
{
	height: 85px;
}

div#article1 h3 span, div#article2 h3 span
{
	display: none;
}


/*  footer ------------------------------------------------------------------- */

div#footer
{
	/* 	width: 425px; 	height: 40px; 	margin-left: 50px; 	text-align: center; 	font-size: 0.9em; 	padding-top: 10px; 	*/
	width: auto;
	height: 95px;
	text-align: center;
	font-size: 0.9em;
	padding-top: 10px;
}

/******************* TABLE/GRIDVIEW/DETAILSVIEW FORMATTING SECTION *******************/
/* HPD This was pulled in from K:\Accounts\CoffeeFest\PublicWebsiteDesign\FinalDesign\html samples */
/* and implemented per Coffee Fest client */

/*HPD eventually we can remove all 'style' items.  These are deprecated.  Start using the 'gridview' styles instead */


.styleTable
{
	width: 550px;
	border: 1px;
	border-color: #804000;
	background-color: #a37942;
}

.styleHeader
{
	border-width: 1px;
	border-color: #804000;
	background-color: #804000;
	color: #FFCC99;
	font-weight: bold;
	text-align: center;
}

.style8
{
	color: #FFCC99;
	font-weight: bold;
}

.style9
{
	border-width: 1px;
	border-color: #804000;
	font-family: Garamond, "Times New Roman" , Arial;
	text-align: center;
}

.style10
{
	color: #FFFFFF;
}
.style16
{
	font-size: .75;
}
.style17
{
	border-width: 1px;
	border-color: #804000;
	font-family: Garamond, "Times New Roman" , Arial;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .75;
}

.gridview
{
	width: 550px;
	border: 1px;
	border-color: #804000;
	background-color: #a37942;
}

.gridviewHeader
{
	border-width: 1px;
	border-color: #804000;
	background-color: #804000;
	color: #FFCC99;
	font-weight: bold;
	text-align: center;
}

.gridviewItem
{
	border-width: 1px;
	border-color: #804000;
	text-align: center;
	color: #FFFFFF;
}

.detailsview
{
	width: 600px;
	border: 1px;
	border-color: #804000;
	background-color: #a37942;
}

.detailsviewHeader
{
	border-width: 1px;
	border-color: #804000;
	background-color: #804000;
	color: #FFCC99;
	font-weight: bold;
	text-align: right;
	width: 20%;
	padding: 5px 10px 5px 5px;
}

.detailsviewItem
{
	width: 80%;
	border-width: 1px;
	border-color: #804000;
	text-align: left;
	padding: 5px 5px 5px 10px;
	color: #FFFFFF;
}

/******************* END TABLE/GRIDVIEW FORMATTING SECTION *******************/



/*  linkList ------------------------------------------------------------------- */

div#linkList
{
	position: absolute;
	left: auto;
	right: auto;
	top: 210px;	
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	margin-left: 593px;
	padding: 100px 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #BC9562;
}


ul
{
	list-style: none;
	background: url(    "../images/marginal_boxes_bottom.gif" ) no-repeat left bottom;	
	margin: 5px 0 0 0;	
}

li
{	
	padding: 0 10px 5px 15px;
}

div#lbrew ul
{
	background: url(    "../images/marginal_boxes_bottom.gif" ) no-repeat left bottom;	
	list-style: none;
	margin: 0 5px 0 25px;
	padding: 0; 	
}

div#lbrew li
{	
	margin-left: -25px;	
	background: url(    "../images/li_element.gif" ) no-repeat center bottom;
	padding: 0 10px 25px 5px;
}

div#lresources ul
{	
	list-style: none;
	margin: 0 5px 0 25px;
	padding: 0; 	
}

div#lresources li
{	
	margin-left: -25px;	
	text-align: center;	
}

div#lbrew, div#larchives, div#lresources
{
	background: url(    "../images/marginal_boxes_middle.gif" ) repeat-y;
	width: 155px;
}

div#lbrew h3
{
	background: url(    "../images/headline_brew.gif" ) no-repeat left top;
}

div#larchives h3
{	
	background-repeat: no-repeat;
	background-position: left top;
}

div#lresources h3
{	
	background-repeat: no-repeat;
	background-position: left top;
}

div#lbrew h3, div#larchives h3, div#lresources h3
{
	height: 35px;
}

div#lresources h3 span, div#lbrew h3 span, div#larchives h3 span
{
	display: none;
}

/*  eventLinkList ------------------------------------------------------------------- */

div#eventLinkList
{
	position: absolute;
	left: auto;
	right: auto;
	top: 200px;	
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	margin-top: 5px;
	margin-left: 600px;
	padding: 100px 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #BC9562;
}


div#levent ul
{
	background: url(    "../images/marginal_boxes_bottom.gif" ) no-repeat left bottom;	
	list-style: none;
	margin: 0 5px 0 25px;
	padding: 0; 	
}

div#levent li
{
	margin-left: -25px;	
	background: url(    "../images/li_element.gif" ) no-repeat center bottom;
	padding: 0 10px 25px 5px;
}

div#levent
{
	background: url(    "../images/marginal_boxes_middle.gif" ) repeat-y;
	width: 155px;
}

div#levent h3
{
	height: 35px;
}

div#levent h3 span
{
	display: none;
}

/*********** STATEMENT SECTION ************/

div#Statement
{
	margin: 15px;
	width: auto;
	text-align: center;
}

div#Statement h1
{
	font-size: 1.5em;
}

div#Statement h2
{
	font-size: 1.25em;
}

div#Statement h3
{
	text-align: left;
	font-size: 1.15em;
}

div#Statement p
{
	text-align: left;
}

div#Statement p.center
{
	text-align: center;
}

div#Statement p.indent
{
	position: static;
	margin-left: 40px;
	margin-right: 40px;
}

div#Statement p.italic
{
	font-style: italic;
}

div#Statement p.p1
{
	text-align: left;
	font-weight: bold;
}

div#Statement ol
{
	list-style-type: decimal;
	text-align: left;
}

div#Statement ul
{
	margin-left: 20px;
}

div#Statement ul li
{
	text-align: left;
}

div#Statement table
{
	margin-left: 10px;
	width: 100%;
}

div#Statement col.left
{
	width: 15%;
	padding-right: 5px;
	vertical-align: top;
	text-align: right;
}

div#Statement col.right
{
	vertical-align: top;
	width: 85%;
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
}

div#statementlinklist
{
	position: relative;
	float: right;
	width: 155px;
	height: auto;
	background-color: Gray;
	margin: 0 0 10px 15px;
}

div#statementlinklist ul
{
}

div#statementlinklist li
{
	background: url(    "../images/li_element.gif" ) no-repeat center bottom;
	padding: 0 10px 25px 15px;
	font-size: 1.1em;
	text-align: center;
}

div#statementlinklist a
{
	display: block;
	font-weight: normal;
	font-size: 0.9em;
}

/*
div#Statement ul
{
	margin-top: 20px;
	margin-left: 0;
	text-align: left;
}

div#Statement ul li
{
	margin-left: 40px;
	list-style-type: disc;
}
*/

/*********** END STATEMENT SECTION ************/

/*********** IASC SECTION ************/

div#IASC
{
	padding-left: 100px;
	width: 75%;
}

div#IASC h1
{
	text-align: center;
	font-size: 1.5em;
}

div#IASC p
{
	text-align: justify;
	font-size: 1em;
}

div#IASC p.center
{
	text-align: center;
	font-size: 1.25em;
}

div#IASC p.indent
{
	margin-left: 15px;
}

div#IASCBaristi
{
	padding-left: 100px;
	width: 75%;
	text-align: center;
}

/*********** END IASC SECTION ************/

/*********** EXHIBITOR DEFAULT SECTION ************/

.sponsorlogo
{
	width: auto;
	height: auto;
	text-align: center;
	vertical-align: top;
	padding: 5px;
}


/*********** END EXHIBITOR DEFAULT SECTION ************/

/*********** WHO ATTENDS SECTION *******************/

div#whoAttends
{
	margin-top: 15px;
	margin-left: 10px;
	width: 75%;
}

div#whoAttends h1
{
	text-align: center;
	font-size: 1.5em;
}

div#whoAttends h2
{
	text-align: center;
	font-size: 1.25em;
}

div#whoAttends h3
{
	margin-left: 15px;
	text-align: left;
	font-size: 1.1em;
}

div#whoAttends table
{
	margin-left: 25px;
	width: 100%;
}

div#whoAttends col.left
{
	width: 20%;
	padding-right: 5px;
	vertical-align: top;
	text-align: right;
}

div#whoAttends col.right
{
	vertical-align: top;
	width: 80%;
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
}

/************ END WHO ATTENDS SECTION *******************/

/*********** FLOOR PLAN SECTION *******************/

div#floorPlan
{
	margin-left: 10px;
	width: 75%;
}

div#floorPlanImage
{
	width: 575px;
	height: 700px;
	overflow: auto;
}

div#floorPlan h1
{
	text-align: center;
	font-size: 1.5em;
}

div#floorPlan h2
{
	text-align: center;
	font-size: 1.25em;
}

/************ END FLOOR PLAN SECTION *******************/

/************ TRAVEL PLANS SECTION *******************/
div#travelPlansHeader
{
	margin: 10px;
	width: auto;
}

div#travelPlansHeader h1
{
	text-align: center;
	font-size: 1.5em;
}

div#travelPlansHeader h2
{
	text-align: center;
	font-size: 1.25em;
}

div#travelPlans
{
	margin: 10px;
	width: auto;
	text-align: center;
}

div#travelPlans h1
{
	text-align: center;
	font-size: 1.25em;
}

div#travelPlans h2
{
	font-size: 1.1em;
	font-weight: bold;
}

div#travelPlans p
{
	text-align: justify;
	font-size: 1em;
}

div#travelPlans .colRight
{
	text-align: right;
}

div#travelPlans .colLeft
{
	text-align: left;
}

/************ END TRAVEL PLANS SECTION *******************/

/************ TIMELINE SECTION *******************/

.tblTimeline
{
	margin-left: 10px;
	width: 100%;
}

.colTimelineLabel
{
	width: 15%;
	padding-right: 5px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}

.colTimelineItem
{
	vertical-align: top;
	width: 85%;
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
}

/************ END TIMELINE SECTION *******************/

/************ WORKSHOPDETAILS SECTION *******************/
div#workshopDetails
{
	margin: 15px;
	width: auto;
	text-align: center;
}

div#workshopDetails h1
{
	font-size: 1.5em;
}


/************ EVENT SECTION *******************/
div#event
{
	margin-top: 40px;
	width: 580px;
	text-align: center;
	padding: 10px;
}

div#eventSponsors
{
	margin-top: 10px;
	width: 600px;
	text-align: center;
}

div#eventSpecialAttractions
{
	height: 325px;
	width: 600px;
	text-align: center;
}

div#event h1
{
	font-size: 1.5em;
}

div#event h2
{
	font-size: 1.1em;
}

div#event h3
{
	text-align: left;
	font-size: 1.11em;
}

div#event p
{
	text-align: justify;
	font-size: 1em;
}
/************ END EVENT SECTION *******************/


.dynamicContent
{
	padding: 75px 10px 10px 35px;
}