* { margin: 0; padding: 0 }

body {
    padding: 8px;
    font-family: Arial, sans-serif;
}
a img { border: 0 !important; }
#prld {
    width: 0;
    height: 0;
    display: inline;
}
#prld .p1 {background-image: url(../images/society-hover.gif);}
#prld .p2 {background-image: url(../images/garden-hover.gif);}
#prld .p3 {background-image: url(../images/royal-hover.gif);}
#prld .p4 {background-image: url(../images/winter-hover.gif);}
#prld .p5 {background-image: url(../images/events-hover.gif);}

#wrapper {
    width: 800px;

    margin: 0 auto;
}

#topnav {
    overflow: hidden;
}

#topnav ul {
    list-style-type: none;
}

#topnav li { 
    float: right;
    margin-right: 10px;
    text-align: center;
    height: 31px;
    padding-bottom: 1px;
}

#topnav a.society { padding: 9px 5px; background: url(../images/society.gif) no-repeat; }
#topnav a.garden  { padding: 2px 5px; background: url(../images/garden.gif) no-repeat; }
#topnav a.royal   { padding: 9px 5px; background: url(../images/royal.gif) no-repeat; }
#topnav a.winter  { padding: 9px 5px; background: url(../images/winter.gif) no-repeat; }
#topnav a.events  { padding: 2px 5px; background: url(../images/events.gif) no-repeat; }
#topnav a.championships  { padding: 2px 5px; background: url(../images/championships.gif) no-repeat; }

#topnav a.societywe { padding: 2px 5px }
#topnav a.royalwe { padding: 2px 5px; }
#topnav a.society:hover, #topnav a.scur { background: url(../images/society-hover.gif) no-repeat; }
#topnav a.garden:hover,  #topnav a.gcur { background: url(../images/garden-hover.gif) no-repeat; }
#topnav a.royal:hover,   #topnav a.rcur { background: url(../images/royal-hover.gif) no-repeat; }
#topnav a.winter:hover,  #topnav a.wcur { background: url(../images/winter-hover.gif) no-repeat; }
#topnav a.events:hover,  #topnav a.ecur { background: url(../images/events-hover.gif) no-repeat; }
#topnav a.championships:hover,  #topnav a.ccur { background: url(../images/shearing-hover.gif) no-repeat; }

#topnav a {
    line-height: 15px; 
    width: 113px;
    padding: 0 10px;
    display: block;
    color: #fffde2;
    font: bold 12px Arial, sans-serif;
    text-decoration: none;
}

#body-ct {
    clear: right;
    padding-bottom: 10px;
}
.cleared:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header img {
    float: left;
    padding: 5px 15px 4px; 
}

#header h1 {
    float: left;
    padding-top: 40px;
    width: 200px;
}

.linenav { clear: left; line-height: 2;  }
.linenav .textsize { float: right; margin-right: 20px; }
.linenav ul {
    float: right;
}

.linenav #contacts {
    padding-left: 10px;
    float: left; 
}
.linenav li {
    display: inline;
}

.linenav li a { 
    text-decoration: none;
    padding: 0 8px;
}

.linenav li a.cymraeg {
    color: red;
}

#location {
    padding: 10px 10px 0 10px;
}

#left { 
    width: 160px;
    padding: 10px;
    float: left;
}

#left h3 {
    padding: 3px 0 3px 15px;
    font-family: Arial, sans-serif;
}

#left #footer { 
    height: 20px;
}

#left li {
    display: block;
}
#left a { 
    display: block;
    text-decoration: none;
    font-family: Arial, sans-serif;
    padding: 3px 0 3px 15px;
}

#left ul#sub a {
    padding-left: 30px;
}

#content {
    padding: 10px;
    width: 420px;
    float: left;
}

#content ul {   padding-left: 2em }

#content h1 {
    font-family: Arial, sans-serif;
    margin-bottom: 1em;
}

#content img {
    padding: 5px;
}
#content p {
    font-family: Arial, sans-serif;
    line-height: 1.3;
    text-align: justify;
    margin-bottom: 1em;
}

.featured {
    padding: 0.6em;
    margin: 1em 0;
}

#content .featured span.heading {
    margin: 0;
}

#content .featured span.heading {
    font-weight: bold;
    font-family: Arial, sans-serif;
}

 a {
    text-decoration: underline;
    border: 0 !important;
}

#right {
    width: 160px;
    padding: 10px 9px;
    float: left;
}

#right .widget img { display: block }
#right .widget { margin-bottom: 20px }

#right .caption { line-height: 1.6; padding: 0 5px; text-align: right }
#right .caption a { 
    font-weight: bold;
    text-decoration: none; 
    background: url(../images/arrow-right.gif) bottom right no-repeat; 
    padding-right: 20px;
}

#right h2 { line-height: 1.6; padding-left: 10px; font-weight: bold; }

#news { padding-bottom: 10px }
#news dl { padding: 0 10px 10px 0; }
#news dd, #news dt { padding-left: 20px;  }
#news dt { margin-top: 10px; }
#news a { text-decoration: none }

#news p { margin: 1em 0.5em }
#news input { float: left;  font-size: 10px }
#news input.textfield  { width: 70%; margin: 0 0.5em 1em;}
#bottomnav { clear: both; }

#content .image-caption {
    display: block;
    font-size: 90%;
    width: 98%;
    font-style: italic;
}

#content .top, #content .print {
    float: right; 
    margin: 1em 0 1em 1em;
    padding-left: 20px;
    border: 0;
    text-decoration: none;
}

#content .top:hover, #content .print:hover {
    text-decoration: underline;
    border: 0;
}

.featured-left { width: 49%; float: left; }
.featured-right { width: 49%; float: right; }

.top { clear: both }

#contact td { padding: 2px }
#contact .submit { padding: 0 5px }

#content #sitemap a {
    border: 0;
    text-decoration: none;
}


#tickets a:hover {
    color: #faff76 !important;
}

#scrollup {
    position: relative;
    overflow: hidden;
    height: 70px;
	width: 100%
}

.headline {
    position: absolute;
    top: 210px;
    height: 60px;
    width: 100%;
}

#content #scrollup {
    position: relative;
    overflow: hidden;
    height: 40px;
	width: 100%
}

#content .headline {
    position: absolute;
    top: 210px;
    height: 30px;
    width: 100%;
}