/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin: 0 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
height:100%;
background-image: url(../media/images/Brecon-bg.jpg);
background-position:top;
background-repeat:repeat-x;
}
#container {
width: 777px;
margin:0px auto;
padding:0 0 0 0px;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}


/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 777px; 
height: 322px; 
text-align:right;
margin:0 0 0 0px;
padding:0 0 0 0px;
background-image:url(../media/images/header-gallery.jpg);
background-repeat:no-repeat;
background-position:top;
}
#pagetag{
width: 742px; 
height:18px;
background-color:#666666;
text-align:right;
padding-right:19px;
padding-top:5px;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/
.topmenu {
clear: both;
width:777px; 
float: left;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-top:5px; 
margin-bottom:5px; 
padding-top:7px;
padding-bottom:8px;
height:14px;
display:inline;
direction:ltr;
text-align:left;
color:#666666;
font-size:100%;
}
.topmenu a {
color:#670000;
text-decoration:none;
font-size:100%;
}
.topmenu a:hover{
color:#666666;
}
.topmenu ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.topmenu li{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:0px;
padding-left:10px;
list-style-position:outside;
}
.topmenu li a:hover{
color:#B5A190;
text-decoration:none;
font-size:100%;
}


/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
.navleft {
clear: both;
float: left; 
width: 165px; 
margin-right:10px;
color: #ffffff;
}
.navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.navleft li {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-top:8px;
height: 20px;
border-bottom: dotted 1px #cccccc;
}
.navleft li a {
text-decoration:none;
color: #666666;
cursor:pointer;
}
.navleft li a:hover {
text-decoration:none;
color:#670000;
}

/* Left Options*/
/*------------------------------------*/
#submenu {
clear: both;
float: left; 
width: 160px; 
color: #666666;
font-size:90%;
}
#submenu  ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#submenu li {
list-style-type:none;
list-style-position:outside;
padding-top:10px;
padding-left:12px;
height: 26px;
margin:0 0 0 0;
list-style-position:outside;
background-image:url(../media/images/sub-menu-btn.jpg);
background-position:top;
background-repeat:no-repeat;
}
#submenu li a {
text-decoration:none;
color: #cccccc;
cursor:pointer;
}
#submenu  li a:hover {
text-decoration:none;
color:#957A64;
}


/* Content */
/*--------------------*/
#content {
float: left;
width: 777px; 
color:#666666;
font-size:100%;
margin-top:16px;
text-align:center;
height:auto;
}

#content p {
color:#666666;
font-size:100%;
}
#content a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#700A00;
text-decoration:underline
}
#content hr{
color:#999999;
width:380px;
text-align:left;
}
#content li {
color:#666666;
font-size:100%;
list-style-type:none;
}
#content li a{
color:#666666;
font-size:100%;
list-style-type:none;
}
#contenthome{
float: left;
width:252px;
padding-right:5px;
padding-left:5px;
padding-bottom:20px;
color: #6666667;
font-size:100%;
}
#contenthome p {
color: #666666;
font-size:100%;
}
#contenthome a {
color:#F6FC3A;
text-decoration:none;
font-weight:normal;
}
#contenthome a:hover{
color:#ffffff;
text-decoration:underline
}
#contenthome hr{
color:#999999;
width:380px;
text-align:left;
}
#contenthome li {
color:#F6FC3A;
line-height:13px;
font-size:110%;
list-style-type:square;
}


#contentfull {
float: left;
width:586px;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
padding-top:23px;
border-left:5px #1B1B1B solid;
border-right:5px #1B1B1B solid;
border-bottom:5px #1B1B1B solid;
background-color:#1B1B1B;
height:100%;
color: #999999;
}
#contentfull p {
color: #999999;
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
}
#contentfull a {
color:#FFFF00;
text-decoration:none;
font-weight:bold;
}
#contentfull a:hover{
color:#696B01;
text-decoration:underline
}
#contentfull hr{
color:#999999;
width:380px;
text-align:left;
}
#contentfull li {
color:#666E83;
line-height:13px;
font-size:100%;
text-transform:lowercase;
}

#events-sub {
position:relative;
clear:both;
width: 427px;
padding-top:93px;
background-image:url(../media/images/latest-events-head.jpg);
background-position:top;
background-repeat:no-repeat;
color:#666666;
}
#events-sub  p{
color:#666666;
}
#events-sub  a{
color:#670000;
}
#events-sub  a:hover {
color:#670000;
text-decoration:underline;
}
.events-sub-body {
position:relative;
clear:both;
width: 412px;
background-image:url(../media/images/latest-events-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:5px;
padding-right:10px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#666666;
}
.events-sub-body p {
color:#666666;
width: 395px;
}
.events-sub-body a{
color:#670000;
width: 100%;
}
.events-sub-body a:hover {
color:#670000;
text-decoration:underline;
}
#events-right-sub {
position:relative;
clear:both;
width: 160px;
color:#666666;
}
#events-right-sub  p{
color:#666666;
}
#events-right-sub  a{
color:#670000;
}
#events-right-sub  a:hover {
color:#670000;
text-decoration:underline;
}
.events-right-sub-body {
position:relative;
clear:both;
width: 136px;
background-image:url(../media/images/events-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:10px;
padding-right:14px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#ffffff;
font-size:90%
}
.events-right-sub-body p {
color:#ffffff;
}
.events-right-sub-body a{
color:#670000;
border-bottom: solid #cccccc 1px;
}
.events-right-sub-body a:hover {
color:#670000;
text-decoration:underline;
}
/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 160px; 
background-color:#ffffff;
color: #ffffff;
font-size:110%;
padding-bottom:20px;
}
#navright ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#navright li {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0;
list-style-position:outside;
}
#navrightli a {
text-decoration:none;
color: #333333;
cursor:pointer;
}
#navright li a:hover {
text-decoration:none;
color: #666666;
}
#events{
float: left; 
width: 150px; 
margin: 0px ; 
background-color:#ffffff;
color: #ffffff;
font-size:110%;
border-left:10px solid #ffffff;
padding-bottom:20px;
padding-left:5px;
padding-right:5px;
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
width: 777px; 
text-align: left;
color:#999999;
border-top:10px solid #ffffff;
padding-right:5px;
margin-top:20px;
padding-top:75px;
font-size:100%;
background-image:url(../media/images/footermenu-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#footer a {
color:#999999;
text-decoration:none;
}
#footer a:hover {
color:#670000;
text-decoration: none;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer li a {
color:#999999;
text-decoration: none;
padding-right:4px;
}
#footer li a:hover {
color:#670000;
text-decoration: none;
}

#sign-off {
clear: both;
width: 777px; 
text-align: left;
color:#999999;
padding-top:4px;
padding-bottom:4px;
padding-right:5px;
margin-bottom:10px;
font-size:90%;
}
#sign-off a {
color: #999999;
text-decoration: none;
padding-right:5px;
font-size:110%;
}
#sign-off a:hover {
color:#670000;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* News
/*-----------------------*/

#news{
float: left; 
width: 100%; 
}
.newsitem{
float: left; 
width: 100%; 
color:#666666;
margin-bottom:5px;
}
.newsitem p {
color:#666666;
text-decoration:none;
font-weight:normal
}
.newsitem a {
color:#333333;
text-decoration:none;
font-weight:normal
}
.newsitem a:hover {
color:#696B01;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:300px;
color:#66B1DB;
margin-bottom:6px;
}
h1 {
font-weight: normal;
font-size: 130%;
color:#670000;
padding:0 0 0 0px;
margin:0 0 0 0px;
}
h2 {
font-weight: normal;
font-size: 100%;
color:#544438;
}
h3 {
font-weight: bold;
font-size: 100%;
color:#666666;
margin:0 0 0 0px;
}
h4 {
font-weight: bold;
font-size: 100%;
color:#666666;
margin:0 0 0 0px;
}
h5 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
margin-bottom:3px;
}
h6 {
font-weight: normal;
font-size: 110%;
color:#cccccc;
}
h7 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
}