body
{
    background-position: center;
    margin: 0;
    text-align: center;
    background-color: #d7b979;
    height: 100%;
    background-image: url('images/ocshadow.jpg');
    background-repeat: repeat-y;
}
#main
{background-color:White;
    text-align:left;
    width:800px;
    height:100%;
    margin:0 auto 0px auto;
 min-height:100%;

  
}
html{margin:0;
     padding:0;
     height:100%;
}
#header
{
    height:30px;
    
    
}
#topmenu
{
    height: 40px;
    background-color: black;
    color: White;
    margin: 0;
    padding: 0;
    background-image: url('images/menubg.jpg');
    background-repeat: repeat-x;
}

#maincontent
{ background-color:White;
    clear:both ;
    padding:10px;
    height:100%;
}
#footer
{
    height:30px;
    text-align:center;
      clear:both;
    background-color:Black;

    color:#FFF;
    position:absolute;
    bottom:0;
 z-index: 10;
 
width:800px;
margin-left:auto;
margin-right:auto;
}
#mainimage
{
    height:300px;
}
#countdown
{
    background-color:Black;
    color:White;
    width:100%;
 text-align:center;   
 margin:0;
 padding:0;
}
#countbox
{ margin:0;
  padding:0;
    background-color: Black;
    color: White;
 width:100%;
 text-align:center;
    font-size: 30px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
#limerick
{
    font-weight: bold;
    font-size: 20px;
    font-variant: small-caps;
    text-align:center;
    margin:5px auto 5px auto;
}
img
{
    border-style: none;
  
}
/*menu Css*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
background-color:Black;
width:800px;

} 
#nav-menu
{
    background-color: black;
    width: 800px;
    height: 2em;

}
#nav-menu .item
{
    height: 2em;
line-height: 2em;
float: left;
width: 8em;
display: block;
/*border: 0.1em solid black;*/
color: white;
text-decoration:none;
font-weight:bold;
text-align: center;
background-color:Black;
}
* html #nav-menu .item {padding:0 20px;}
#nav-menu .selected
{background-color:#005c00;
}
#nav-menu .hover
{
    height: 2em;
line-height: 2em;
float: left;
width: 8em;
display: block;
font-weight:bold;
/*border: 0.1em solid black;*/
color: white;
text-decoration: none;
text-align: center;
background-color:#005c00;
}

* html #nav-menu .selected .selected, * html #mainnav .hover .hover {
	background-image:none; 
	background-color:transparent;
	float:right;
}
#nav-menu li
{
float: left;
margin: 0 0 0 0  ;
} 
#nav-menu li a
{
/*background: url(background.gif) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
/*border: 0.1em solid black;*/
color: white;
text-decoration:none;
font-weight:bold;
text-align: center;
background-color:Black;
  
} 
#nav-menu li a:hover
{
/*background: url(background.gif) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
font-weight:bold;
/*border: 0.1em solid black;*/
color: white;
text-decoration: none;
text-align: center;
background-color:#336600;
} 


#LeftPanel
{
    float:left;
    padding:5px 5px 5px 5px;
    width:200px;
    margin:5px;
}
#RightPanel
{float:right;
    width:500px;
}
.subscribe
{
    width:250px;
  
    height:400px;
  
    background-color:#336600;
    color:White;
  
    
    
}
.subscribeContent
{
    padding:5px;
}

.map
{
margin:0 auto 0 auto; 
    width:100%;
    text-align:center;
}
.BeerOfMonth
{
    
   width:250px;
    background-color: #FF9900;
    height:400px;
}
.BeerOfMonthContent
{ text-align: center;
     background-color: #FF9900;
padding:5px;

}
.BeerOfMonthContent img
{
    width:100px;
    height:100px;
}
.EventsPanel
{
    width:250px;
    height:400px;
}
.EventsPanelContent
{
    padding:5px;
    margin:0;
    text-align:center;
    line-height:.5;
}
.EventsPanelContent ul
{line-height:.5;
    padding:0;
    margin:0;
}
.EventsPanelContent li
{line-height:1.2;
    list-style:none;
    padding:0;
    margin:0;
  
}
.EventDate
{
    font-weight: bolder;
    text-decoration: underline;
}
#map_canvas
{
    text-align:center;
    width:500px;
    height:500px;
    margin:auto;
}
.GalleryTitle
{
    background-color: #336600;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 15px;
    text-align:center;
}
#eventleft
{
    border-color: #000000;
    float: left;
    width: 300px;
    margin-right: 5px;
    border-right-style: solid;
    border-right-width: 1px;
}
#eventright
{
    float:left;
}
/*Modal Popup*/
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup
{
    background-color:#FFFFFF;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:500px;
}