

/* Pagetop layout */

  #pagetop {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 60%;
    }

  #pagetop p {
      font-size:2.5em;
	padding: .4em;
	margin: 0;
    }

  #pagetop img {
	height: 5em;
	float:left;
    }

  #pagetop a img  {
	border: 0;
    }

  #masthead {
	padding:0;
	margin:0;
	background: #cc0;
	width: 100%;
	height: 5em;
    }
  

/* nav bar layout */

  #nav {
	width: 80%;
	min-width: 40em;
	margin: 0 0 2px 0;
	padding: 0;
	float:right;
    }

  #nav ul {
      background: #aa0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 10em;
	float: left;
    }

  #nav li {				/* added for IE stupidity */
	display:inline;
    }

  #nav a, #nav h2, .here  {
	font-size: 1em;
	display: block;	
	border: 1px #000 solid;
	padding: 2px 3px;
	margin: 0;
	text-decoration: none;
	text-align: center;
    }

  #nav a:link, #nav a:visited {
	color: #000;
	border-top: 1px #000 solid;
	border-left: 3px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 3px #000 solid;
    }

  #nav a:active {
	color: #0c0;
	background: #770;
	border-top: 3px #000 solid;
	border-left: 1px #000 solid;
	border-right: 3px #000 solid;
	border-bottom: 1px #000 solid;
    }

  #nav a:hover {
	color: #0f0;
	background: #770;
	border-top: 3px #000 solid;
	border-left: 1px #000 solid;
	border-right: 3px #000 solid;
	border-bottom: 1px #000 solid;
    }

  .here {
	color: #FFF;
	background: #440;
	border-top: 3px #000 solid;
	border-left: 1px #000 solid;
	border-right: 3px #000 solid;
	border-bottom: 1px #000 solid;
    }

 
/* Drop Down Nav */

   #nav ul li ul {
	list-style:none;
	margin: 0;
	padding: 0;
	width: 0px;
	float:left;
    }

   #nav ul li ul {		/* hide sub menus normally */
	display:none;
    }

   #nav ul li:hover ul {	/* show sub menus on hover */
	display:block;
	list-style:none;
	margin: 0 0 0 20;
	padding: 0;
	width: 110px;
	position:absolute;
    }

   #nav ul li ul a:link, #nav ul li ul a:hover, #nav ul li ul a:active, #nav ul li ul a:visited {
	font-size: .8em;
	display: block;
	margin:0;
	text-decoration:none;
	text-align:center;
	border:0px solid #000;
	background-color: #aaa;
    }




/* breadcrumb layout */

  #bread {
	clear: both;
	border: 1px solid #000;
	background: #440;
	color:#FFF;
	width: 70%;
	margin: 0.5em;
	padding: 2px;
    }	

  #bread p {
	margin: 0;
	padding: 0;
      font-size: .8em;
    }

  #bread a:link, #bread a:visited  {
	color: #FFF;
	text-decoration: none;
    }

  #bread a:active {
	color: #000;
	text-decoration: none;
    }

  #bread a:hover {
	color: #F00;
	text-decoration: none;
    }





/* footer */

  #footer {
	margin:0;
	padding:  10px 10% 0 10%;
	font-size: .8em;
	clear: both;
    }




/* content layout */

  #content {
	margin:0;
      padding:0;
      border: 0px solid #000;
      background: #fff;
	min-width: 1200px;
    }


  #content h2 {
	font-size: 1.2em;
	text-align: center;
    }



/* frame layout */

  #poptopics {
	margin: 0 0 0 0;
	padding: 20;
	border: 0 solid #000;
	font-size: 1em;
	width: 15%;
	float: left;
    }

  .newsframe {
	margin: 0 0 0 0;
	padding: 0 10px 10px 10px;
	background: #fff;
	font-size: 1em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	width: 40%;
	float: left;
    }


  .recent {
	margin: 0 0 0 0;
	padding: 0 10px 10px 10px;
	background: #cc0;
	font-size: 1em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	width: 25%;
	float: left;
    }

  #newrestaurants {
	margin: 0 0 0 0;
	padding: 0 10px 10px 10px;
	background: #fff;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
	width: 20%;
	float: left;
    }

  #events {
	margin: 0 0 0 0;
	padding: 20px;
	font-size: 1em;
	border: 0 solid #000;
	width: 19%;
	float: left;
    }

  #events a {
	font-size: .8em;
    }




/* subpage layout */

  #subcontent {
	margin: 0 0 0 0;
	padding:20;
	background: #fff;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #aaa;
	width: 55%;
	float: left;
	font-size: 1em;
    }

  #subcontent ul {
	margin: 1.5em;
    }

  #subcontent li {
	font-size: 1em;
    }

  .restaurant #subcontent ul, .restaurant #poptopics ul {
	margin: 1.5em;
	list-style:none;
    }

  .restaurant #subcontent li, .restaurant #poptopics li {
	padding:0 0 4px 25px;
	font-size: 1em;
    }

/* icon classes */

  .restunknown {
	background: transparent url(images/qmark.gif) no-repeat left center;
    }

  .restmenu {
	background: transparent url(images/happy.gif) no-repeat left center;
    }

  .restaccom {
	background: transparent url(images/happy.gif) no-repeat left center;
    }
