/*=======================================*/
/* Copyright Pontypridd Town Council     */
/* developed by www.arqtic.com           */
/*=======================================*/

body {
    margin: 0 auto;
    padding: 0;
    background: #FFF url(../img/bg.jpg) top center repeat-x;
}
a,
a:visited  {
    text-decoration: underline;
    color: #000;
}
a:hover  {
    text-decoration: none;
    color: #000;
}
a img  {
    border: 0;
}
p  {
    margin: 0 0 1em;
}
.hidden  {
    display: none;
}
/* Page structure */
#outer  {
    width: 100%;
    margin: 0;
    text-align: center;  /* IE */
    float: left;
    padding: 10px 0 0;
}
#inner  {
    font-size: 75%;
    width: 762px;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Verdana, Arial, sans-serif;
    padding: 0;
    text-align: left;
}
#innerHome  {
    width: 724px;
    font-size: 75%;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Verdana, Arial, sans-serif;
    padding: 0;
    text-align: left;
}
/* Utility menu */
#util  {
    margin: 0;
    padding: 0;
    list-style: none;
}
#util li  {
    margin: 0;
    padding: 0 10px 0;
    list-style: none;
    float: left;
    border-right: 1px solid #9d9d9c;
}
#util li.first  {
    padding: 0 10px 0 0;
}
#util li.last  {
    padding: 0 0 0 10px;
    border-right: 0;
}
#util a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}
/* Homepage */
#home  {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
#home .struct  {
    float: left;
    width: 100%;
    padding-right: 0;
    background: #FFF;
    margin: 10px 0;
    border: 1px solid #a8a7a6;
}
/*#home h1.logo  {
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
    margin: 0;
}*/

#home .homeLeft  {
    float: left;
    width: 360px;
    padding: 104px 0 0 40px;
}
#home .homeRight  {
    float: left;
    width: 324px;
    text-align: center;
}
#home .ukmap  {
    padding: 20px 0 0;
}
#home #leftLangLink  {
    float: left;
    width: 162px;
    padding: 30px 0;
}
#home #rightLangLink  {
    float: left;
    width: 162px;
    padding: 30px 0;
}
/* Sub page */
#sub  {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
#sub .struct  {
    float: left;
    width: 100%;
    background: url(../img/sub-bg.gif) repeat-y 0 0;
    margin: 10px 0;
    border: 1px solid #a8a7a6;
}
#sub #logo  {
    float: left;
    width: 217px;
}
#sub #bann  {
    float: left;
    width: 540px;
    padding: 5px 0 0;
}
#sub #bann img  {
    width: 540px;
    height: 193px;
}
#sub .cellOne  {
    float: left;
    width: 217px;
    background: #f0f0f0;
}
#sub .cellTwo  {
    float: left;
    width: 485px;
    line-height: 1.5;
    padding: 10px 30px 20px;
}
#sub .cellTwo h1  {
    font-size: 130%;
    margin: 0;
    padding: 0 0 10px;
}
#sub .cellTwo h2  {
    font-size: 120%;
    margin: 0;
    padding: 0 0 10px;
}
#sub .cellTwo a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}
#sub ul#sideMenu  {
    float: left;
    clear: both;
    margin: 0;
    padding: 12px 0 20px 12px;
    list-style: none;
    width: 193px;
}
#sub ul#sideMenu li  {
    padding: 0 0 4px;
    width: 193px;
    float: left;
    clear: both;
}
#sub ul#sideMenu li a  {
    display: block;
    width: 193px;
    height: 27px;
    float: left;
    clear: both;
    text-decoration: none;
}
#sub ul#sideMenu li.pos-about a  {
    background: url(../img/menu-about.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-councillors a  {
    background: url(../img/menu-councillors.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-mayor a  {
    background: url(../img/menu-mayor-v2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-events a  {
    background: url(../img/menu-events-v2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-history a  {
    background: url(../img/menu-history-2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-contact a  {
    background: url(../img/menu-contact.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-other a  {
    background: url(../img/menu-news.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-manylion a  {
    background: url(../img/menu-manylion.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-cynghorwyr a  {
    background: url(../img/menu-cynghorwyr-v2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-presennol a  {
    background: url(../img/menu-presennol-v2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-rhestr a  {
    background: url(../img/menu-rhestr-v2.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-hanes a  {
    background: url(../img/menu-hanes.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-cysylltwch a  {
    background: url(../img/menu-cysylltwch.gif) no-repeat 0 0px;
}
#sub ul#sideMenu li.pos-gwybodaeth a  {
    background: url(../img/menu-newyddion.gif) no-repeat 0 0px;
}

#sub ul#sideMenu li span  {
    display: none;
}
#sub ul#sideMenu li a:hover,
#sub ul#sideMenu li a.current  {
    background-position: 0 -27px;
    text-decoration: none;
}
#sub ul#sideMenu li a.currentParent  {
    background-position: 0 -54px;
    text-decoration: none;
}
#sub ul#sideMenu li a.currentParent:hover  {
    background-position: 0 -54px;
    text-decoration: none;
}
/* Second level */
#sub ul#sideMenu ul,
#sub ul#sideMenu ul li  {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    clear: both;
    width: 193px;
    display: block;
}
#sub ul#sideMenu ul li  {
    float: left;
    clear: both;
    width: 193px;
}
#sub ul#sideMenu ul li.pos-may-archive a  {
    background: url(../img/menu-mayor-archive.gif) no-repeat 0 0px;
    height: 22px;
}
#sub ul#sideMenu ul li.pos-may-archive a:hover,
#sub ul#sideMenu ul li.pos-may-archive a:hover  {
    text-decoration: none;
    background-position: 0 -22px;
}
#sub ul#sideMenu ul li.pos-may-archive a.current  {
    font-weight: bold;
    text-decoration: none;
    background-position: 0 -22px;
}
#sub ul#sideMenu ul li.pos-maer-archive a  {
    background: url(../img/menu-meiri-blaenorol.gif) no-repeat 0 0px;
    height: 22px;
}
#sub ul#sideMenu ul li.pos-maer-archive a:hover,
#sub ul#sideMenu ul li.pos-maer-archive a:hover  {
    text-decoration: none;
    background-position: 0 -22px;
}
#sub ul#sideMenu ul li.pos-maer-archive a.current  {
    font-weight: bold;
    text-decoration: none;
    background-position: 0 -22px;
}



#sub ul#sideMenu ul li.pos-archive a  {
    background: url(../img/menu-events-archive.gif) no-repeat 0 0px;
    height: 22px;
}
#sub ul#sideMenu ul li.pos-archive a:hover,
#sub ul#sideMenu ul li.pos-archive a:hover  {
    text-decoration: none;
    background-position: 0 -22px;
}
#sub ul#sideMenu ul li.pos-archive a.current  {
    font-weight: bold;
    text-decoration: none;
    background-position: 0 -22px;
}



#sub ul#sideMenu ul li.pos-rhestr-guide a  {
    background: url(../img/menu-rhestr-guide.gif) no-repeat 0 0px;
        height: 22px;
}
#sub ul#sideMenu ul li.pos-rhestr-guide a:hover,
#sub ul#sideMenu ul li.pos-rhestr-guide a:hover  {
    text-decoration: none;
    background-position: 0 -22px;
}
#sub ul#sideMenu ul li.pos-rhestr-guide a.current  {
    font-weight: bold;
    text-decoration: none;
    background-position: 0 -22px;
}

/*#sub ul#sideMenu li.pos-events ul li a,
#sub ul#sideMenu ul li a  {
    display: block;
    width: 161px;
    float: left;
    clear: both;
    background: url(../img/menu-events-archive.gif) no-repeat 0 0;
    padding-left: 32px;
    height: 18px;
    padding-top: 9px;
    text-decoration: none;
}

#sub ul#sideMenu li.pos-events ul li a.current,
#sub ul#sideMenu ul li a.current  {
    font-weight: bold;
    text-decoration: none;
    background-position: 0 -22px;
}*/

/* Credit line */
#credit  {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 80%;
    padding-bottom: 10px;
}
#sub #credit  {
    width: 516px;
    text-align: left;
    padding-left: 248px;
}
#credit a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}
/* Councillors table */
table.members,
table.events {
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #CCC;
    width: 100%;
}
table.allotments  {
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #CCC;
    width: 310px;
}
table.members td,
table.members th,
table.events td,
table.events th,
table.allotments th,
table.allotments td  {
    padding: 3px;
    border: 1px solid #CCC;
}
table.allotments th,
table.allotments td  {
	vertical-align:top;
	text-align:left;
}
table.allotments col.allotment {
	width:60px;
}
table.allotments col.name-addr {
	width:100px;
}
table.allotments col.tel-no {
	width:150px;
}
table.events th  {
    width:224px;
	text-align:left;
}
address  {
    font-style: normal;
    white-space: pre;
}
dl.contact dt  {
    float: left;
    width: 60px;
    font-weight: bold;
}
/* Events page */
#sub .cellTwo div.events h2  {
    margin: 0;
    padding: 0;
}
#sub .cellTwo div.events ul  {
    margin-bottom: 0;
    padding-bottom: 0;
}
#sub .cellTwo div.events hr  {
    margin: 1em 0;
    padding: 0;
}
table.events  {
    margin-bottom: 2em;
}
div.events dl  {
float: left;
clear: both;
width: 100%;
}
div.events dt  {
float: left;
width: 19%;
}
div.events hr {
float: left;
clear: both;
width: 100%;
}
ul.eventpics  {
float: left;
clear: both;
width: 465px;
/*background: red;*/
margin: 0;
padding: 0;
}
ul.eventpics li  {
    float: left;
    width: 110px;
    display: block;   
/*    background: #ccc;*/
    padding: 0 0 10px;
margin: 0;
}
ul.eventpics li a,
ul.eventpics li a:link,
ul.eventpics li a:visited  {
    float: left;
    width: 101px;
    background: 0;
    text-decoration: none;
    background: 0;
    color: 0;
    height: 75px;
    
}
ul.eventpics a:hover  {
    text-decoration: none;
    background: 0;
    padding: 0;
    margin: 0;
}
#sub .cellTwo div.events ul.comp-winners {
    margin-bottom: 15px;
}
/* events page specific styles */
.events-page #sub .struct { background:url(../img/3-col-events-bg.gif) repeat-y 0 0; padding:0 0 15px; }
.events-page #sub .cellOne { background:transparent; }
.events-page #sub .cellTwo  { width:545px; padding:0; }
.events-page #sub .events-stage { float:left; width:308px; padding:12px 10px 0; }
.events-page #sub .events-further-info { float:left; width:197px; padding:12px 10px 0; }