/******************************
 * style.css 
 * for RestaurantMarketingGroup.org 
 * by Andrew Jensen
 * 4/9/09
 ******************************/        


body
{
	font-family: 'arial', 'helvetica', 'verdana', 'sans-serif';
	font-size: 11px;
	line-height: 1;
	
	margin: 0;
	padding: 0;
	background: #f0f0f0 url('images/bg_body.png') top left repeat-x scroll;
	text-align: center;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0.5em;
}
h1 {
	font-size: 34px;
	color: #9E0000;
}
h2 {
	font-size: 26px;
	line-height: 1;
	color: #9E5757;
}
h3 {
	font-size: 22px;
	color: #9E5757;
	margin-bottom: 5px;
}
h4 {
	font-size: 15px;
	font-weight: bold;
	color: #9E5757;
}
h5 {
	font-size: 13px;
	font-weight: bold;
}
h6 {
	font-size: 13px;
	font-weight: bold;
}




p
{
	font-weight: normal;
	margin: 0 0 0.5em;
}

a:link
{
	color: #9E0000;
	text-decoration: none;
}
a:visited
{
	color: #9E2E2E;
	text-decoration: none;
}
a:hover
{
	color: #cc0000;
	text-decoration: underline;
}

a img{border:none;}


table {
	margin: 0 auto 15px;
	border: 1px solid #9E9E9E;
	border: none;
	border-collapse: collapse;
	color: black;
}
th, td
{
	padding: 2px 5px;
	vertical-align: top;
	text-align: left;
}
th
{
	font-weight: bold;
}
table td.Submit {
	font-weight: bold;
	text-align: center;
}
#Table td.err {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: center;
}


input, textarea, select
{
	margin: 0;
	padding: 1px;
	font-size: 100%;
	line-height: 1;
	border: 1px solid #9E9E9E;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: 'arial', 'helvetica', 'verdana', 'sans-serif';
}
input:focus,textarea:focus,select:focus{border:1px solid #666666;}
input[type="submit"]
{
	padding: 1px 5px;
	font-weight: bold;
	background-color: #f0f0f0;
}
input[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:active 
{
	background-color: #e0e0e0;
}
textarea {
	margin-bottom: 0.5em;
	padding: 3px;
	line-height: 1.2;
}
select {padding: 0px; }



hr
{
	height: 1px;
	border: medium none;
	background-color: #B6B6B6;
	margin: 1.5em auto;
}



fieldset
{
	-moz-border-radius: 5px;
	margin: 0 auto 15px;
	padding: 5px;
	border: 1px solid #9E9E9E;
}
legend
{
	color: #9E5757;
	font-size: 22px;
}



/* Structural IDs */

#container1
{
	margin: 0px auto;
	width: 980px;
	background: #ffffff url('images/bg_page.png') top left repeat-y scroll;
	text-align: left;
}

#container2
{
	padding: 0px 15px;
	background: transparent url('images/bg_top.png') top left no-repeat scroll;
}

#topbar
{
	height: 35px;
}
#topbar ul
{
	margin: 0;
	padding: 0 20px 0;
	float: right;
}
#topbar li
{
	display: inline;
}
#topbar a:link, #topnav a:visited
{
	display: block;
	float: left;
	margin-left: 15px;
}



#header
{
	height: 53px;
}
#title{margin:0;padding:0;float:left;position:relative;left:0px;top:0px;}
#title a{display:block;width:96px;height:48px;text-indent:-9999px;outline:0;}

#topnav
{
	top: 28px;
	right: 20px;
	margin: 0; padding: 0;
	position: relative;
	float: right;
	color: #eaad00;
	list-style-type: none;
}
#topnav li
{
	display: inline;
}
#topnav li a:link, #topnav li a:visited
{
	display: block;
	float: left;
	margin-left: 15px;
	
	color: #eaad00;
	border-bottom: 5px solid #eaad00;
	padding-bottom: 6px;
	
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	
}
#topnav li a.current
{
	border-bottom: 5px solid white;
}
#topnav li a:hover, #topnav li a:active
{
	color: #FFCB39;
	border-bottom: 5px solid #FFCB39;
}




#page
{
	padding: 20px 0px;
	min-height: 400px;
}


#sidebar
{
	float: left;
	width: 170px;
	word-wrap: break-word;
	position: relative;
	left: 5px;
}
.sidebar_section
{
	margin-bottom: 15px;
	/* padding: 40px 5px 1px; */
	padding: 10px 5px 1px;
	background-color: #E8DCBC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	overflow: hidden;	/* TODO: Find a more elegant way to take care of overflowing stuff... */
}
#sidebar h3
{
	color: black;
	font-size: 18px;
	margin-bottom: 2px;
}
#sidebar ul
{
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.2;
}
#sidebar li
{
	zoom: 1;	/* fix IE hasLayout bug */
	padding-bottom: 5px;
}
#sidebar a:link, #sidebar a:visited
{
	line-height: 1.2;
	display: block;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
#sidebar a:hover
{
	color: #990000;
	text-decoration: underline;
}



#content
{
	float: left;
	position: relative;
	left: 15px;
	width: 760px;
	
	font-size: 13px;
	line-height: 1.3;
}


#footer
{
	clear: both;
	margin: 0px auto;
	padding: 30px 0px;
	line-height: 1.2;
	text-align: center;
	background: #f0f0f0 url('images/bg_footer.png') 0px 0px no-repeat scroll;
}






/* Search bar */
#searchbar
{
	margin-bottom: 10px;
}
#search
{
	display: block;
	float: left;
	margin-right: 5px;
	width: 90px;
	font-size: 11px;
	background-color: white;
	padding: 1px;
	border: 1px solid #9E9E9E;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input#search:focus{border:1px solid #cc0000;}
input#searchsubmit
{
	display: block;
	font-size: 11px;
	font-weight: normal;
	background-color: white;
	padding: 0px 2px;
	border: 1px solid #9E9E9E;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input#searchsubmit:focus{border:1px solid #cc0000;}


/* industry news sidebar section */
#industry_news{}
#industry_news li
{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9E8B57;
	line-height: 1.2;
}
#industry_news h4
{
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
}
#industry_news .date
{
	margin-bottom: 4px;
	font-size: 9px;
	color: #333333;
}
#industry_news p{margin-bottom:0px;}


/* DEALER CREDENTIALS SIDEBAR SECTION */
#sidebar .dealer
{
	margin-bottom: 15px;
	padding: 10px 5px 1px;
}
#sidebar .dealer img
{
	display: block;
	width: 160px;
	margin-bottom: 10px;
}

/*
#content .dealer {float: right; margin-left: 15px; margin-bottom: 15px; padding: 10px 5px 1px; background-color: #E8DCBC; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .dealer img {display: block; width: 180px; margin-bottom: 10px; }
*/



#rmg_programs
{
	/*
	padding-top: 140px;
	margin-bottom: 20px;
	*/
	font-size: 15px;
	color: #9D0000;
	text-align: center;
}
#rmg_programs img
{
	clear: both;
	margin: 0px auto 25px;
}



#watchOurVideo:link, #watchOurVideo:visited
{
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	outline: 0;
	background: transparent url('images/btn_video.png') 0 0 no-repeat scroll;
}
#watchOurVideo:hover {color: #7caf41; text-decoration: none; background-position: 0px -32px; }





/* HOME PAGE - SPECIFIC STUFF */
body.home {background: #f0f0f0 url('images/bg_body_home.png') top left repeat-x scroll; }
body.home #container2 {background: transparent url('images/bg_top_home.png') top left no-repeat scroll; }
body.home #header
{
	height: 85px;
}
body.home #title
{
	left:10px;
	top:10px;
}
body.home #title a
{
	width:200px;
	height:60px;
}
body.home #topnav
{
	top: 60px;
}





/* "Marketing that works every time" section */
#marketingthatworks
{
	height: 275px;
	padding-right: 335px;
	background: transparent url('images/works_graphic.jpg') top right no-repeat scroll;
	text-align: center;
}
#marketingthatworks h1
{
	margin: 0 0 20px;
	padding: 0;
	height: 120px;
	text-indent: -9999px;
	background: transparent url('images/works_title.png') top center no-repeat scroll;
}
#marketingthatworks p
{
	margin: 0 0 20px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#marketingthatworks a
{
	display: block;
	margin: 0 auto;
	width: 176px;
	height: 42px;
	outline: 0;
	text-indent: -9999px;
}
#marketingthatworks a:link, #marketingthatworks a:visited {background: transparent url('images/btn_learnhow.png') 0px 0px no-repeat scroll; }
#marketingthatworks a:hover {background-position: 0px -84px; }
#marketingthatworks a:active {background-position: 0px -126px; }



/* COLUMN-BASED CONTENT LAYOUTS */

.column_2
{
	width: 48%;
	margin-right: 2%;
	float: left;
	overflow: hidden;
}
/*
.column_3
{
	width: 31%;
	margin-right: 2%;
	float: left;
}
*/





.product_group {
	padding-bottom: 0px;
}
.product_group h2 {border-bottom: 1px solid #9E5757; }


#content .product {
	font-size: 11px;
	height: 60px;
	padding: 0 0 0 52px;
}
.product a
{
	text-decoration: none;
}
.product span
{
	display: inline;
	float: left;
	margin-left: -52px;
}
.product img
{
	/*width: 42px;
	height: 42px;*/
	border: 1px solid #9E9E9E;
	padding: 1px;
}
#content .product h3
{
	font-size: 16px;
	font-weight: bold;
}
.product p
{
	margin: 0px;
}
.product h3 a:link,.product h3 a:visited{color:#9E0000;}
.product h3 a:hover{color:#cc0000; text-decoration: underline;}
.product a:hover img {
	border: 1px solid #cc0000;
	_border: 1px solid #9E9E9E; /* dodge drawing bug in IE6 */
}




h2.mixedcase
{
	text-transform: lowercase;
}
h2.mixedcase span
{
	display: block;
	font-size: 36px;
	line-height: 1;
	color: #9E0000;
	text-transform: capitalize;
	margin-left: 20px;
}





/* Content Styles */

.frame
{}
.frame img, img.frame
{
	display: block;
	padding: 1px;
	border: 1px solid #9E9E9E;
}
.frame span
{
	display: block;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}


a.button:link, a.button:visited
{
	display: block;
	
	float: left;
	
	height: 32px;
	margin: 15px auto;
	padding-right: 26px;
	overflow: hidden;
	color: #628739;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	outline: 0;
	background: transparent url('images/btn_basic_right.png') right top no-repeat scroll;
}
a.button:link span, a.button:visited span
{
	display: block;
	background: transparent url('images/btn_basic_left.png') left top no-repeat scroll;
	padding: 7px 10px 9px;
}
a.button:hover {color: #7caf41; text-decoration: none; background-position: right -32px; }
a.button:hover span {background-position: 0px -32px; }


a.redButton:link, a.redButton:visited
{
	color: #870000;
}
a.redButton:hover
{
	color: #BD0000;
}



.infoBox	/* TODO: Make this pretty */
{
	-moz-border-radius: 5px;
	margin: 0 0 15px;
	padding: 5px;
	background: #FFFBF6 url('http://www.restaurantmarketinggroup.org/images/infoBox_bg.png') top left repeat-x scroll;
	border: 1px solid #9E9E9E;
}
.testimonialBox	/* TODO: Make this pretty */
{
	-moz-border-radius: 5px;
	
	margin: 0 0 15px;
	padding: 5px;
	/*background: #FFFBF6 url('http://www.restaurantmarketinggroup.org/images/testimonialBox_bg.png') top left repeat-x scroll;*/
	background-color: #ffffe0;
	
	border: 1px solid #9E9E9E;
}

.scrollBox
{
	height: 100px;
	overflow: auto;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #9E9E9E;
}

.center, .Center
{
	text-align: center;
}
.floatLeft, .left
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.floatRight, .right
{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.clear {clear: both; }
.hidden {display: none; }

.bold, .Bold
{
	font-style: italic;
}


.red {color: #ff0000; }
.sand {color: #9E5757; }
.black {color: black; }





#reason
{
	font-size: 12px;
	line-height: 15px;
	padding-left: 2.5em;
	list-style-image: url('images/arrow.gif');
}

#otherInfo
{
	display: none;
}

#opportunityTable
{
	float: left;
}

#opportunityTable th
{
	background-color: #E8DCBC;
	border-collapse: collapse;
	border: 1px solid #f0f0f0;
}

.numOfViews !important
{
	width: 100px;
}

#opportunityTable tr th
{
	width: 150px;
}

.opportunityField
{
	width: 250px;
}

#opportunityFieldSet
{
	padding-left: 25px;

}

/* PRINT STYLES */

@media print
{
	html
	{
	}
				
	body, #container1, #container2, #page, #footer
	{
		background: white none;
	}
	
	#container1, #header, #content, #footer
	{
		position: static;
		width: 100%;
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	#title
	{
		float: none;
		border-bottom: 1px solid #9E5757;
		margin-bottom: 5px;
		font-size: 20px;
	}
	#title a
	{
		width: auto;
		height: auto;
		text-indent: 0px !important;
	}
	
	#topnav, #sidebar
	{
		display: none !important;
	}
	
	
	
	



}
