body {margin:0; padding:0; font-size: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #E0e0e0 ;}
#shrink { font-size:13px; }
  #container1 {background: #e0e0e0; width: 690px; margin: 20px auto; height: auto; padding: 0 3px 3px 0; }
      #container3 { padding: 0 3px 3px 0; }
        #container4 { z-index:3; background: #e0e0e0; width: 683px; margin:0; padding:0; position: relative;}
        /* Hides from IE-mac \*/
        #container4:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
        /* End hide from IE-mac */
        #container5 {  z-index:1; margin-top:5px; background: #FFF; width: 683px; padding: 0; position: relative;}

	#logo { z-index:4; float:left; width: 150px; height: 55px; left: 100px; top: 0px; background: url(../img/hc.gif) no-repeat; }
      #logo a  {width: 100%; height: 100%; display: block;}
    #header { height: 102px; background: transparent url(../img/hctop.jpg) no-repeat; clear:both; }
	#font
		{
		width:518px; text-align:right; padding:38px 0px 0px 0px;
		font-size: 18px; float:left; z-index:4;
	 	}
    #menu
		{
		margin: 0px 10px; padding: 0 10px; list-style: none; font-size: 11px;
		background: url(../img/hcmenu.gif) no-repeat; height:22px;
		}
    /* Hides from IE-mac \*/
    #menu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */
      #menu li
	  	{float: left; height:20px; padding:0; }
        #menu li a
			{
			font-family:Geneva, Arial, Helvetica, sans-serif;
			display: block; padding: 0 8px; height: 100%;
			width: 1em; line-height: 22px; color: #fff; background:transparent;
			font-weight:bold; text-decoration: none; position:relative;
			}
		#menu li a:visited
			{
			text-decoration:none; color: #fff; background:transparent;
			}

        #menu li>a {width: auto;}
        #menu li a:hover { color: #EF4939; }
        #menu li ul
			{
			position:absolute; margin:0; padding:0;
			height:auto; background:transparent; width:120px;
			}
			#menu li ul li { display:block; float:none; margin:0; padding:0; }
    		#menu li>ul li { height:auto !important; }

    		#menu ul li a
				{
				display:block; color:rgb(255,255,255); background:rgb(0,0,0);
				height:22px; padding:2px 10px 0 10px; text-align:left;
				text-transform:uppercase;
				}
			#menu ul li a:visited
				{

				}
			#menu ul li a:hover, #menu ul li a.active
				{
				color:#EF4939; background:rgb(0,0,0);
				}

			#menu li:hover ul, #menu li.over ul { display:block !important; }
			#menu ul { display:none; }


    #contentContainer { background:#e0e0e0; margin-top:0px; width: 100%; padding: 0; }
    /* Hides from IE-mac \*/
    #contentContainer:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */

    #wideColumn { background: #FFF url(../img/hccontenttop.gif) no-repeat; width: 422px; float: left;}
	  #wideColumn div.text { min-height:385px; padding: 0px 10px 0 10px; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; }
	  #wideColumn div.text h1 {margin: 5px 0px 8px 0px; padding-top:5px; }
	  #wideColumn div.text h2 {margin: 6px 0px 1px 0px; }
	  #wideColumn div.text p {margin: 0px 0px 8px 0px; }

    /*  This is a hack needed for lemon. Take it as it is. And use it!  */

      #narrowColumn { background: #FFF; width: 254px; float: right;}
        #narrowColumn #search { background: url(../img/hcsearch.jpg) no-repeat; margin: 0; padding: 0; }
          #narrowColumn #search h6 { margin:0; padding: 5px 0 0 10px;}
          #narrowColumn #search div { padding: 5px 0;}
            .search { padding-left:2px; margin-left:10px; color: #333; width: 195px;}
            .button { background:transparent; border: 0 !important; margin: 0 0 0 5px; color:#fff; font-weight:bold; width: 30px; }
          #narrowColumn input {font-size: 15px; border: 1px solid #999;}
        #narrowColumn div.text { min-height:150px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom:1px solid #b6b6b6; border-right:1px solid #b6b6b6; border-left:1px solid #b6b6b6; line-height:17px; margin: 0 0px; padding: 10px;}
        #narrowColumn div.text a { text-decoration:none; color: blue}
        #narrowColumn div.text a:hover { text-decoration:underline;}

        /*  This is a hack needed for lemon. Take it as it is. And use it!  */

        #narrowColumn>div.text {height: auto !important;}

        #narrowColumn #search_result { min-height:150px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom:1px solid #b6b6b6; border-right:1px solid #b6b6b6; border-left:1px solid #b6b6b6; line-height:17px; margin: 0 0px; padding: 10px;}
	        #narrowColumn #search_result a { text-decoration:none; color:blue; }
	        #narrowColumn #search_result a:hover { text-decoration:underline; }
	        #narrowColumn #search_result p { margin:8px 0 0 0; padding:0; }

		#calendarform { margin:0; padding:10px 0 10px 10px; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; }

		/* Calendar */
		#calendar {
		width: 230px; background-color: #fff;
		font: 11px/20px tahoma, verdana, arial, helvetica, sans-serif;
		color: #4E565F; text-align: center; border-left: 1px solid #A2ADBC;
		}

		#calendar .nav, .nav a { font: bold 14px tahoma, verdana, arial, helvetica, sans-serif; color: #000; text-align: center; text-decoration: none; }
		#calendar caption { padding: 0; width: 228px; color: #333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; }
		#calendar th { width:14%; font: bold 11px/20px tahoma, verdana, arial, helvetica, sans-serif; color: #616B76; background: #D9E2E1; border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; border-top: 1px solid #A2ADBC; }
		#calendar .today, td.today a, td.today a:link, td.today a:visited { color: #F6F4DA; font-weight: bold; }
		#calendar td { border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; width: auto; height: 20px; text-align: center; background: url(../img/calendarbg.gif) no-repeat right bottom; }
		#calendar td.light { color: #e0e0e0; }
		#calendar td a { color:#000; text-decoration: none; display: block; }
		#calendar td a:link, #calendar td a:visited { color: #000; background: #D9E2E1; }
		#calendar td a:hover { background: #ccc; color: #000; text-decoration:none; }
		.events p { margin:0; }

		span.tip { background-color:#E9EFF8 }

		div#tipDiv {
		  position:absolute;
		  visibility:hidden;
		  left:0;
		  top:0;
		  z-index:10000;
		  background-color:#F2F5FC;
		  border:1px solid #337;
		  padding:4px;
		  color:#000;
		  font-size:16px;
		  line-height:1.2;
		  }
		/* /Calendar */

    #footer {clear: both; margin: 5px 4px 0px 0px; background: #426190; height: 20px; color: #FFF; padding: 0 5px; line-height: 14px; border: 1px solid #000; font-size: 12px;}
      #footer dl {margin: 0; }
      /* Hides from IE-mac \*/
      #footer dl:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
      /* End hide from IE-mac */
        #footer dt {font-weight: bold; float: left; padding: 2px 0 0 5px;}
        #footer dd {float: right; margin: 0; padding: 2px 5px 0 5px;}
          #footer a {color: #FFF;}

/* General rules */

H1        {margin:0; padding:0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #5070A0;}
H2        {margin:0; padding:7px 0 2px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #5070A0;}
h6        {font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #FFF; margin: 10px 0;}
P         {line-height: 15px; color: #444;}
a         {text-decoration:none; color:blue; }
a:hover   {text-decoration:underline; }

.padding  {padding: 0 20px; }

div.text {height: auto !important;}