/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/* ----------container to center the layout-------- */
#container {
width: 908px;
padding:0px;
margin-top:10px;
margin-left: auto;
margin-right: auto;
} 


#outerTop{ 
border-left: solid 181px #ffffcc; /* color of the left column  */ 
background-color:  #ffffcc;  /* color of the content column */
margin-left:10px;
margin-right:10px;
} 

#innerTop{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#leftTop {
 width:181px; 
 float:left; 
 position:relative; 
 margin-left:-181px; 
  background-image: url(../images/secondary/top-logo.png); 
  background-repeat: no-repeat;  
  height:121px;
  overflow: hidden; 

 }

/* -----------------content--------------------- */ 
#contentTop{ 
background-image: url(../images/home/top-nav-bg.png); 
background-repeat: no-repeat; 
height: 97px; 
position: relative; 
margin: 0px; 
}
/*
#contentTop img
{
 height: 147px; 
 position: relative;
 top:24px;
}
*/


#topnav {
 width:635px; 
 position:relative; 
  background-image: url(../images/home/top-nav-bg.png); 
  background-repeat: no-repeat;  
  height:24px;
 }
#topnav ul { margin: 0; padding: 0;         }
#topnav li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#topnav a { height: 24px; float: left; padding-top: 0px; }
#topnav a:hover { background-position: 0 -24px; }
#topnav a.selected { background-position: 0 -24px; }
#topnav-shopping a { width: 136px; background: url(../images/topnav/top-nav-shopping.png) no-repeat left top; height:24px;}
#topnav-dining a { background: url(../images/topnav/top-nav-dining.png) no-repeat left top; width: 91px; height: 24px; }
#topnav-entertainment a { background: url(../images/topnav/top-nav-entertainment.png) no-repeat left top; width: 161px; height: 24px; }
#topnav-services a { background: url(../images/topnav/top-nav-services.png) no-repeat left top; width: 108px; height: 24px; }
#topnav-society a { background: url(../images/topnav/top-nav-society.png) no-repeat left top; width: 93px; height: 24px; }

#outer{ 
border-left: solid 181px #ffffcc; /* color of the left column  */ 
border-right: solid 190px  #ffffcc; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
margin-left:10px;
margin-right:10px;
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 
/* -----------------content--------------------- */ 
#content{ 
  background-image: url(../images/secondary/body-bg.png); 
  background-repeat: no-repeat;
  min-height:500px;
  position: relative; 
  margin: 0px; 
  padding-top:50px;
  padding-left:30px;
  padding-right:10px;
  padding-bottom:10px;
}
/* --------------left and right navi------------- */
 #right {
 width:190px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 background-color: #FFFFCC;
margin-left:10px;
 }
#nav {
 width:181px; 
 float:left; 
  padding-top:60px;
 position:relative; 
 margin-left:-181px; 
  background-image: url(../images/secondary/nav-bg.png); 
  background-repeat: no-repeat;  
  height:543px;

 }

#nav ul { margin: 10px 0 0 10px; padding: 0;         }
#nav li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#nav a { height: 23px; float: left; padding-top: 0px; }
#nav a:hover { background-position: 0 -23px; }
#nav a.selected { background-position: 0 -30px; }
#nav-welcome a { background: url(../images/nav/nav-welcome-home.png) no-repeat left top; width: 161px; }
#nav-events-calendar a { background: url(../images/nav/nav-events-calendar.png) no-repeat left top; width: 161px; }
#nav-media-making-news a { background: url(../images/nav/nav-media-making-news.png) no-repeat left top; width: 161px; }
#nav-about a { background: url(../images/nav/nav-about.png) no-repeat left top; width: 161px; }
#nav-history a { background: url(../images/nav/nav-history.png) no-repeat left top; width: 161px; }
#nav-fair-trade a { background: url(../images/nav/nav-fair-trade.png) no-repeat left top; width: 161px; }
#nav-directions a { background: url(../images/nav/nav-directions.png) no-repeat left top; width: 161px; }
#nav-rail a { background: url(../images/nav/nav-rail.png) no-repeat left top; width: 161px; }
#nav-contacts a { background: url(../images/nav/nav-contacts.png) no-repeat left top; width: 161px; }
#nav-media-borough a { background: url(../images/nav/nav-media-borough.png) no-repeat left top; width: 161px; }
#nav-mac a { background: url(../images/nav/nav-mac.png) no-repeat left top; width: 161px; }
#nav-mba a { background: url(../images/nav/nav-mba.png) no-repeat left top; width: 161px; }
#nav-festivals a { background: url(../images/nav/nav-festivals.png) no-repeat left top; width: 161px; }
#nav-line a{ background: url(../images/nav/nav-line.png) no-repeat left top; width: 161px; }
#nav-related-links a{ background: url(../images/nav/nav-related-links.png) no-repeat left top; width: 161px; }
#nav-business-directory a{ background: url(../images/nav/nav-business-directory.png) no-repeat left top; width: 161px; }

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding-top:3px;
height:20px;
margin-left:10px;
margin-right:10px;
font-size:.8em;
text-align: right;
padding-right:10px;
padding-left:10px;
background-color:#990000;
color: #FFFFCC; 
text-decoration: none;
 } 
#footer .rightSide
{
float:left;
color: #FFFFCC; text-decoration: none;
}
#footer a:link { color: #FFFFCC; text-decoration: none;  }
#footer a:visited { color: #FFFFCC; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: none; }
#footer a:active { color: #FFFFFF; text-decoration: none; }