body {
color: #000; 
font-size: 12px; 
font-family: "trebuchet ms", arial, helvetica, sans-serif; 
line-height: 13px; 
text-align: center; 
margin: 0 0 15px;
background-color: black; }

#container {
margin:0 auto;
width:760px;
text-align:left; }

/*******************  BEGIN TEXT ATTRIBUTES *******************/

p, td, form, ul, ol {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
line-height: 17px;
margin: 0 0 9px; }

.smalltext {
color: #af8c2d;}

.featureitem p {
color: black;}

h1, h2, h3, h4 {
margin: 0; }

h1 {
font-family: "trebuchet ms", arial, helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 22px;
margin: 0 0 16px; }

h1 img.pagehead {
margin-bottom: 0;
margin-top: 5px; }

h2 {
font-family: "trebuchet ms", arial, helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 20px;
margin: 0 0 13px; }

h3 {
font-size: 14px;
line-height: 16px;
margin: 0 0 11px;
color: #af8c2d;
font-weight: bold; }

h4 {
font-size: 12px;
line-height: 14px;
margin: 0 0 10px;
font-weight: bold; }

a:link, a:visited, a:active { color: #d2232a; 
font-weight: bold;
text-decoration: none; }

a:hover { color: #f42830;
text-decoration: underline; }


.floatright {
float: right; }

div.featureitem .smalltextleft p, div.smalltextleft, .smalltextleft p {font-size: 12px; line-height: 15px; margin: 0 0 6px; text-align: left;}

/*******************  END TEXT ATTRIBUTES *******************/


/*******************  BEGIN MAIN MENU TOP STYLES *******************/

#mainmenutop {
text-align: center;
font-size: 11px;
line-height: 11px;
padding: 12px 0;
color: white; }

#mainmenutop a:active, #mainmenutop a:link, #mainmenutop a:visited  {
color: white;
text-decoration: none;
padding: 0 12px;
border-right: 1px solid white;
font-weight: normal; }

#mainmenutop a.lastitem {
border: none; }

#mainmenutop a:hover {
font-weight: bold;
color: #d2232a; }

/*******************  END MAIN MENU TOP STYLES *******************/



/*******************  BEGIN HOME PAGE LAYOUT *******************/

#page520_home {
background-image: url(http://www.520barandgrill.com/images/bg520hometagline.gif);
background-repeat: no-repeat;
width: 760px;
float: left;
display: inline;
margin-bottom: 5px; }

#masthead_pic_home {
margin-left: 15px;
margin-top: 60px;
float: left;
display: inline;
width: 255px;
height: 350px;
background-color: black; }

/*******************  BEGIN HOME PAGE PHOTO ROTATOR - NOTE THE EXTRA STYLESHEET FOR ROTATOR IS CALLED FROM JS FILE - MUST BE IN ROOT DIRECTORY AS WELL. *******************/

#masthead_pic_home img {
}

#rotator
{
	cursor: pointer;
	overflow: hidden;
	position: relative;
	height: 350px;
	width: 255px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
float: left;
display: inline;
padding: 5px;
}
/*******************  END HOME PAGE PHOTO ROTATOR *******************/

#masthead_home {
height: 150px;
width: 490px;
float: right;
display: inline;
margin: 0; }

#masthead_home img {
float: right;
display: inline;}

#content_top_home {
float: right;
display: inline;
width: 475px;
margin-right: 15px;
 }

/*  HIDE PADDING FROM ALL IE VERSIONS */
html>/**/body #content_top_home {
padding-bottom: 3px; }

#content_home {
float: right;
display: inline;
width: 475px;
margin-right: 15px;
background-color: white;
padding-bottom: 15px; }

#hours {
float: left;
display: inline;
color: white;
text-align: center;
background-color: #d2232a;
margin-left: 20px;
padding-bottom: 5px;
width: 245px; }

.hourspad {
padding: 7px 4px 4px; }

#linkbtns {
float: left;
display: inline;
background-color: black;
margin-left: 20px;
margin-bottom: 0;
padding: 5px 0;
width: 245px; }

#hours h3 {
font-size: 13px;
line-height: 13px;
margin: 0 0 2px;
color: white; }
 
#hours p {
font-family: "trebuchet ms", arial, helvetica, sans-serif;
margin: 0 0 3px;
font-size: 12px;
line-height: 12px; }

.hometext_featurecolumn {
float: right;
display: inline;
width: 145px;
margin-left: 15px; }

.featureitem h1 {
display: block;
background-color: #d2232a;
font-size: 13px;
line-height: 15px;
color: white;
margin: 0 0 6px;
padding: 4px 4px 6px;
text-align: center;}

.featureitem p {
font-size: 13px;
line-height: 15px;
margin: 0 0 14px;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
text-align: center;}

.hometext {
border: 1px solid #af8c2d;
border-left: 0;
float: left;
display: inline;
width: 273px;}

#hours p {
margin-bottom: 0;
line-height: 14px;}

#hours h3 {
margin-bottom: 3px; }

/*******************  END HOME PAGE LAYOUT *******************/



/*******************  BEGIN ALL PAGE LAYOUTS *******************/

#page520 {
background-image: url(http://www.520barandgrill.com/images/bg520tagline.gif);
background-repeat: no-repeat;
width: 760px;
float: left;
display: inline;
padding-bottom: 5px; }

#masthead_pic {
width: 255px;
background-color: black;
margin: 15px 0 0 15px;
float: left;
display: inline; }

#masthead_pic img {
padding: 5px;
float: left;
display: inline; }

#masthead {
height: 100px;
width: 490px;
float: right;
display: inline; }

#content_top {
float: right;
display: inline;
width: 475px;
margin-right: 15px; }

#masthead img {
float: right;
display: inline; }

#content {
width: 725px;
margin: 0 15px 0 20px;
background-color: white;
clear: both;
float: left;
display: inline; }

.content_pad {
padding: 15px 20px; }



/*ADDRESS STYLES*/

#address {
color: white;
background-color: #af8c2d;
margin: 5px 0;
width: 475px;
float: right;
display: inline;
height: 25px; }

#address p {
font-family: "trebuchet ms", arial, helvetica, sans-serif; 
font-size: 13px;
line-height: 13px;
text-align: center;
padding: 6px 0 0;
margin: 0; }

/*END ADDRESS STYLES*/


#photostrip {
background-color: black;
width: 475px;
float: right;
display: inline; }

#photostrip img {
background-color: black;
margin-right: 5px;
float: left;
display: inline; }

#photostrip img.stripright {
margin: 0; }

.pagetext {
border: 1px solid #af8c2d;
border-left: 0;
float: left;
display: inline;
width: 510px;}

.textpad {
padding: 12px 10px 3px 4px; }

#footer520 {
color: white;
background-color: #af8c2d;
margin: 0;
height: 25px; }

#footer520 p {
font-family: "trebuchet ms", arial, helvetica, sans-serif; 
font-size: 12px;
line-height: 13px;
text-align: center;
padding: 6px 0 0; }



/*******************  END ALL PAGE LAYOUTS *******************/


/*******************  BEGIN MENUPAGE SPECIAL STYLES *******************/

div#content.foodmenus {
width: 725px;
margin: 0 15px 0 20px;
background-color: white;
clear: both;
padding-bottom: 15px; }

.foodmenus .content_pad {
padding: 15px 20px 0; }

.foodmenutitles {
width: 185px;
float: left;
display: inline; }

.foodmenutitles a img { 
border-bottom: 1px solid #af8c2d; }

.foodmenutitles a img.topmenuitem {
border-top: 1px solid #af8c2d; }

.foodmenus .pagetext {
border: 1px solid #af8c2d;
border-right: 0;
float: left;
display: inline;
width: 520px;
min-height: 572px; }

.foodmenus .pagetext .textpad {
padding: 12px 0 3px 15px; }

div#content.foodmenus h2 {
font-size: 18px;
line-height: 19px;
margin: 0 0 2px;
font-weight: bold;
color: #af8c2d;
font-family: "Times New Roman", Times, serif; }

/*******************  END MENUPAGE SPECIAL STYLES *******************/


/*******************  BEGIN CONTACT US SPECIAL STYLES *******************/

div#content.contactus {
width: 725px;
margin: 0 15px 0 20px;
background-color: white;
clear: both;
padding-bottom: 15px; }

.contactus .pagetext {
border: 1px solid #af8c2d;
border-left: 0;
float: left;
display: inline;
width: 520px; }

.contactus .pagetext .textpad {
padding: 12px 15px 3px 3px; }

.contactus .pagetext h1 {
color: #d2232a;
font-size: 27px;
padding: 0;
line-height: 27px;
margin-bottom; 10px; }

.contactus .pagetext h2 {
color: #af8c2d; }

/*******************  END CONTACT US SPECIAL STYLES *******************/


/*******************  BEGIN MEET THE TEAM SPECIAL STYLES *******************/

div#content.meettheteam {
width: 725px;
margin: 0 15px 0 20px;
background-color: white;
float: left;
clear: both;
padding-bottom: 15px; }

div#content.meettheteam .content_pad {
padding: 15px 0 15px 20px; }

.meettheteam .hometext_featurecolumn {
margin-left: 0; }

.meettheteam .pagetext {
width: 704px;
float: left;
display: inline;
border: 0; }

.meettheteam .pagetext .bio h1 {
color: #d2232a;
font-size: 23px;
line-height: 23px;
padding: 0;
float: left;
display: inline;
margin-bottom: 4px;
padding-bottom: 0; }

.meettheteam .bio p img {
float: right;
display: inline;
margin-left: 10px;
margin-bottom: 0;
margin-top: 0;
padding: 0;
border: none; }

.meettheteam .pagetext .bio h2 {
color: #af8c2d;
font-size: 13px;
line-height: 15px;
margin-bottom: 8px;
margin-top: 0;
padding-top: 0;
clear: left; }

.meettheteam .pagetext .bio strong {
color: #d2232a; }

.bio {
border: 1px solid #af8c2d;
border-left: 0;
border-bottom: 0;
float: left;
display: inline;
width: 217px;
margin-right: 15px;
margin-bottom: 15px; }

.meettheteam .textpad {
padding: 12px 15px 3px 3px; }


/*******************  END MEET THE TEAM SPECIAL STYLES *******************/


/*******************  BEGIN ABOUT US SPECIAL STYLES *******************/
.pagetext#about520 {
min-height: 500px; }

.pagetext#about520 h2 {
color: #af8c2d; }

/*******************  END ABOUT US SPECIAL STYLES *******************/




/*******************  BEGIN NEWS SPECIAL STYLES ******************
see wppa_style.css for other edits*/
.news h2 {
color: #af8c2d;
font-size: 18px;
line-height: 18px;
margin-bottom: 5px; }


/*******************  END NEWS SPECIAL STYLES *******************/

/*******************  BEGIN PHOTO GALLERY SPECIAL STYLES *******************/

.page-photogallery .pagetext {
border: none;
float: left;
display: inline;
width: 685px;}

.page-photogallery .textpad {
padding-top: 0; }


/*******************  END PHOTO GALLERY SPECIAL STYLES *******************/


/*******************  BEGIN GENERIC PAGE SPECIAL STYLES *******************/

.page-general .pagetext {
border: 1px solid #af8c2d;
border-left: 0;
float: left;
display: inline;
width: 685px;}

.page-general .textpad {
padding: 12px 10px 3px 4px; }

/*******************  END GENERIC PAGE SPECIAL STYLES *******************/

table.checklist tr {
border-bottom: 1px solid black;
color: black; }

table.checklist td {
border-bottom: 1px solid black;
padding: 6px;
text-align: center;}

div#content .news div.post a img {border: none;}
div#content .news div.post img.alignright {float: right; display: inline; margin-left: 18px;}

div.foodmenus h1 strong {display: block; width: 100%; border-bottom: 1px solid #000; padding-bottom: 6px; font-size: 14px; color: #000; font-weight: bold;}
.OT_feedTitle {font-size: 14px;}

/*******************  REMOVE SOME TOP PAD TEMPORARILY ON HOMEPAGE FOR GRAPHIC HEADING *******************/
div.hometext div.textpad {padding-top: 5px;}