#col_1{float:left;margin-top:0px;width:690px;}
#col_1 input,#col_1 textarea{border:1px solid Silver;padding:3px;-moz-border-radius:3px;}
#col_1 input.submit{background-color:#2586c5;color:White;float:right;}
#col_2{margin:10px 0px 0px 690px;}
#col_2 h2{background:#5aabe0 url(../img/bgRightHeader.gif) repeat-x left bottom;color:White;font-size:1.1em;margin-top:0px;padding:3px;}
#col_2 h2 { background: #0C72B1; }
#col_2 ul{margin:0px;padding:0px;}

/*#col_1 div.homePanel{background:#f4f4f4;float:left;height:310px;margin:0px 10px 10px 0px;padding:0px;width:220px;}*/
#col_1 div.homePanel{background:#f4f4f4;float:left;height:325px;margin:0px 10px 10px 0px;padding:0px;width:220px;}
#col_1 div.homePanel h2{font-size:1.1em;margin:0px;padding:3px!important;}

/*DB 3 lines added*/
#col_1 div.homePanel_text { height: 300px; }
#col_1 div.homePanel_links { padding-left: 7px; padding-bottom: 5px; }
.clearfix { clear: both; }

#page ul { list-style: none; background-color: transparent; }
.selected { background: #fff !important; color: #000000 !important; }
#header_banner { padding-left: 10px !important; }

body.arts #col_2 h2{background-color:#da1a35/*#FF0000*/;color:White;}
body.arts h1,
body.arts h2,
body.arts #col_2 a,
body.arts #col_2{color:#da1a35/*#cc0000*/;}

body.history #col_2 h2{background-color:#936F56/*ffce34/*#b4ab3b*/;color:White;}
body.history h1,
body.history h2,
body.history #col_2 a,
body.history #col_2{color:#936F56/*c39d26/*#666600*/;}

body.landscape #col_2 h2{background-color:#6b57a5/*#0030b6*/;color:White;}
body.landscape h1,
body.landscape h2,
body.landscape #col_2 a,
body.landscape #col_2{color:#6b57a5/*#0030b6*/;}

body.leisure #col_2 h2{background-color:#2586C5/*52b9e9/*#9900CC*/;color:White;}
body.leisure h1,
body.leisure h2,
body.leisure #col_2 a,
body.leisure #col_2{color:#2586C5/*3c8aae/*#9900CC*/;}

body.literature #col_2 h2{background-color:#AF4C0A/*f47421/*#FF9900*/;color:White;}
body.literature h1,
body.literature h2,
body.literature #col_2 a,
body.literature #col_2{color:#AF4C0A/*f47421/*#996600*/;}

body.nature #col_2 h2{background-color:#009449/*#3b7924*/;color:White;}
body.nature h1,
body.nature h2,
body.nature #col_2 a,
body.nature #col_2{color:#009449/*#3b7924*/;}


/* Homepage */
#col_1 div.homePanel h3{font-weight:normal;margin:10px 0px 0px 0px;}
#col_1 div.homePanel h2,
#col_1 div.homePanel h3,
#col_1 div.homePanel p{padding:0px 5px 0px 5px;}
#col_1 div.homePanel img{display:block;}
#col_1 div.homePanel p.strapline{color:White;font-size:0.9em;font-weight:bold;margin:-1.31em 0px 0px 0px;padding:0px 0px 0px 3px;position:absolute;}
#col_1 div.homePanel span.bg{background:Black;display:block;filter:alpha(opacity=60);height:1.31em;margin:-1.31em 0px 0px 0px;opacity:0.6;position:absolute;width:220px;z-index:0;}

#ir_0,#ir_1,#ir_2,#ir_3,#ir_4,#ir_5{height:112px!important;}
#ir_0:hover,#ir_1:hover,#ir_2:hover,#ir_3:hover,#ir_4:hover,#ir_5:hover{border:none!important;display:block;text-decoration:none!important;}
#ir_0 img,#ir_1 img,#ir_2 img,#ir_3 img,#ir_4 img,#ir_5 img{height:112px!important;width:220px!important;}


#arts {background-color:#da1a35/*#FF0000*/;color:White;}
#history {background-color:#936F56/*E1B355/*#ffce34/*#cccc33*/;color:White;}
#arts a, #history a , #landscape a , #leisure a , #literature a, #nature a {color:White;}
#landscape {background-color:#6b57a5/*#0030b6*/;color:White;}
#leisure {background-color:#2586C5/*#52b9e9/*#9900CC*/;color:White;}
#literature {background-color:#AF4C0A/*#f47421/*#FF9900*/;color:White;}
#nature {background-color:#009449/*#217900*/;color:White;}

/* Map page */
#col_2 ul.key img{height:32px;width:32px;}

/* Theme Page */
#col_1 div.description h1{font-size:1.1em;}
#col_1 div.themeRow{clear:left;}
#col_1 div.themeRow h2{font-size:1.2em;margin-bottom:0px;}
#col_1 div.themeRow h2 a{text-decoration:underline;}
#col_1 div.description{background-color:#f4f4f4;margin-right:10px;padding:5px;}
#col_1 div.themeRow img{float:left;margin:3px 10px 0px 0px;}
#col_1 div.themeRow p{margin:5px 0px 0px 130px;}


#col_1 div.homePanel h2,
#col_2 h2{background-image:url(../img/bgCol2H2.png);background-repeat:repeat-x;background-position:left bottom;}


/* Events Page */
body.events h1{background:#f4f4f4;font-size:1.3em;margin:0px 10px 10px 0px;padding:5px;}
body.events h2{color:White;font-size:2em;font-weight:normal;margin:0px 10px 10px 0px;padding:8px;}
body.events h3{font-size:1em;margin:0px;}
body.events h3 a{color:Black;text-decoration:underline;}
body.events #col_1 p{margin:0px;}
div.event0 h2{background-color:#dd8c50;}
div.event1 h2{background-color:#159aba;}
div.event2 h2{background-color:#90af5e;}
div.event3 h2{background-color:#a0719e;}
div.event0,div.event1,div.event2{margin-bottom:10px;}
a.showOnMap{background:url(../img/icoMap.gif) no-repeat;padding-left:20px;}


/* Admin */
body.admin #col_1{width:100%;}
body.admin #col_1 label{width:10%;}
body.admin #col_1 input.text,body.admin #col_1 textarea{width:85%;}
body.admin #col_2{display:none;}

/* Dominic new calendar */

div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}
div.calendar {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
      }
      div.calendar table {
        width: 100%;
      }
      div.dateField {
        width: 140px;
        padding: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #555;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      div#popupDateField:hover {
        background-color: #cde;
        cursor: pointer;
      }

