/* Style sheet for ArtisanCMS websites */


/* main holders and containers */
body {
	margin: 0;
	background: #A8AB86;
	font:100% Verdana, Arial, sans-serif;
	color: #000; 
}
div#holder{
	padding: 0;
	margin: 0 auto;
	background:  url("images/mid-bg.gif") repeat-y 50% 0;
}
div#holdertop {
	padding: 0;
	margin: 0 auto;
	background:  url("images/top-bg.gif") no-repeat 50% top;
}
div#container{
	width: 745px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}


/* generic settings for font-size */
p {margin:0; font-size: 75%; padding-bottom: 5px;}
ul {font-size: 75%;}
ol {font-size: 75%}


/* all the H settings -------------------------------------------------------------------------------- */

/* home page main header*/
h2 { color: #566B7D; font-size: 140%; font-weight: normal; padding:3px 0 3px 0; margin:0; font-family:"Trebuchet MS";}
h3.home { color: #000; font-size:120%; font-weight:normal; padding:0; margin: 5px 0 5px 0; line-height: 1.4em;
font-family:"Trebuchet MS", sans-serif}

/* main inner page title USED TO BE H2 */
h3 {font-size: 120%; font-weight: normal; color:#566B7D; margin:0 0 5px 0; padding:0; line-height: 1;font-family:"Trebuchet MS", serif; }


/* home page mini header (boxes) */

/* right hand side title --> CHANGED TO 'p.feature'
h6 {background: #faa22b; color:#fff; padding: 3px 5px; margin:0 0 0 0; font-size: 70%; font-weight: normal;}*/

/* news secondary title  --> CHANGED to 'p.news' / 'p.newstitle'
h4 {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
h4.news {font-size: 70%;}*/

/* news item title on show news page*/
h4 {font-family:"Trebuchet MS", sans-serif;background: #AEBFCD; font-size: 80%; font-weight: normal; padding: 0px; margin: 10px 0; color:#000; border-bottom: none;}

/* news item title*/
h5 {font-family:"Trebuchet MS", sans-serif;background: #AEBFCD; font-size: 75%; font-weight: normal; padding: 0px; margin: 10px 0; color:#999;}

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

/* link states */
a {color:  #983500; ; text-decoration: none;}
a:hover {color: #491E07;}


/* various generic p and img classes */
p.title {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
p.newstitle {color: #000; font-size: 80%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;font-family:"Trebuchet MS", sans-serif}


p.hide {display : none;}
p.back {background:  url("images/blue-back-arrow.gif") no-repeat center left; margin: 15px 0 0 0; padding-left: 20px;}
p.link {background:  url("images/mini-link.gif") no-repeat top left; padding-left: 20px;}
p.file {background:  url("images/mini-pdf.gif") no-repeat top left; padding-left: 20px;}
p.post {background:  url("images/post.gif") no-repeat top left; padding-left: 15px;}
img.left {float: left; margin: 0 10px 0 0;}
img.right {float: right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #ccc;}
img.head {margin: 0 0 10px 0; padding: 5px; border: 1px solid #ccc;}
p.more {text-align: right; padding-right: 17px; background:  url("images/blue-arrow.gif") no-repeat center right;}


/* various spacers and clearers */
div.spacer {height: 20px; clear: both;}
div.spacerten {height: 10px; clear: both;}
div.spacerone {height: 1px; clear: both;}
div.clearer {clear: both; line-height:1}
div.holderten {padding: 0 20px;}


/* header and main navigation */
div#header {padding: 10px 0 0 0;}
div#navbar {padding: 0 10px 10px 0; margin: 0;}

ul.nav {list-style: none; margin:0 0 0 0; padding:10px 0 0 15px ; text-transform:uppercase;}
ul.nav li {margin: 10px 0 0 0; padding:0 0 0 0 ; display: inline; }
ul.nav a {color:black ; text-decoration: none; padding:15px 0 1px 0; margin:0 10px 0 0; width: auto; }
ul.nav a:hover {color: #666;}
ul.nav a.selected { color:#983500}


/* home main structure */
div#content {padding: 0;margin:0; line-height: 1.3em;}
#clear{clear:both;}
div#leftcontenthome {float: left; width: 505px; padding: 25px 0 0 0; }
div#leftholder {padding: 0;margin:0}
div#rightcontenthome {float: left; width: 230px;}
div#hometop{margin:0 0 0 10px;padding:0;}
div#homepic {float: left; width: 140px;}
div#toptext {float: left; width: 355px; }
div#toptext p {margin: 0 20px 0 0;}

div#homebottom {background: #AEBFCD url("images/home-2boxes-strip.gif") repeat-y; margin:0 20px 0 10px;padding:0}
div#box1 {float: left; width: 245px;background:url("images/home-2boxes-strip.gif") repeat-y; }
div#box2 {float: left; width: 230px;background:#AEBFCD }


div#homebottom img {border: 1px solid #ccc; margin: 0 0 5px 0;}

ul.toplink {list-style:  url("images/blue-arrow.gif"); padding:0; margin: 2px 0 0 30px;}
ul.toplink li {padding:0 0 12px 0; margin: 0; line-height: 1.4;}

ul.links {list-style:  url("images/blue-arrow.gif"); padding:0; margin: 2px 0 0 20px;}
ul.links li {padding:0 0 12px 0; margin: 0; line-height: 1.4;}

div#centreholder {padding: 0 20px 0 10px;}
div#feature{margin: 0;background:#A5AC4F;padding:0 0 20px 0 }
div#rightpic { padding: 0; margin:10px 0 0 0; background:  url("images/right-hand-pic.jpg") no-repeat;text-transform:capitalize}
ul#cymru{padding:0 0 0 0px; margin:0; height:60px;
background:url(images/cymru.gif) no-repeat;margin:  0;text-transform:capitalize;border-bottom:2px solid #E9AD8C}
ul#french{padding: 0; margin:0; height:60px;
background:url(images/french.gif) no-repeat;text-transform:capitalize;border-bottom:2px solid #AEBFCD}
ul#cymru li{list-style:none; padding:0 0 0 0;margin:0;line-height: 1.4;display:block;}
ul#cymru li a{padding:33px 0 0 65px;  }
.featureblock a{display:block;}
ul#french li{list-style:none; padding:0 0 0 0;margin:0;line-height: 1.4;display:inline;}
ul#french li a{padding:33px 0 0 65px; display:block;}

div#galleryimage{float:right;width:100px;}



/* secondary nav */
div#secnav ul {list-style:url(images/blue-arrow.gif); padding:0 0 0 10px; margin: 2px 0 0 20px;}
div#secnav ul li {padding:0 0 12px 0; margin: 0; line-height: 1;}
div#secnav ul li a {color:#516576;}
div#secnav ul li a:hover {color:#999;}




/* inner pages main structure */
div#leftcontent {float: left; width: 130px; padding: 25px 0 0 0;}
div#centrecontent {float: left; width: 365px; padding: 25px 0 0 10px;}
div#rightcontent {float: left; width: 230px; }


/* right hand side */

div#rightcontent ol {color: #faa22b; margin: 20px 0 20px 30px; padding:0;}
div#rightcontent ol li {padding: 0 0 8px 0; line-height: 1.4;}
p.featurehead{ color: #000; font-size:110%; font-weight:normal; padding:0; margin: 5px 0 2px 5px; line-height: 1.4em;
font-family:"Trebuchet MS", sans-serif}
p.featuretext{ color: #000;  font-weight:normal; padding:0; margin: 2px 0 5px 5px;}


/* footer and bottom content */
div#artisan {text-align: right; clear: both; padding: 10px 10px 0 0;}
div#bottom {padding: 0; margin: 0 auto; background: #A7AB86 url("images/bottom-bg.gif") no-repeat 50% top;}
div#footer {width: 745px; padding: 0; margin: 0 auto;}
div#footer p {font-size: 65%; padding: 30px 0 20px 0;}
div#footer a { text-decoration: none;}
div#footer a:hover {text-decoration: underline;}


/* gallery page styles */
.thumbnail {
	width: 90px;
	float: left;
	margin-right: 10px;
	border-bottom:1px solid #ebdcbe;
	margin-bottom: 10px;
}
.thumbnail img {
	padding: 5px;
	border: 1px solid #ccc;
}
.thumbnail p {
	padding: 3px 0 7px 0;
	margin:0;
}
.thumbclearer {
	clear: left;
}

img.gallery {
	padding: 5px;
	border: 1px solid #ccc;
}

ul.gall {list-style:  url("images/more-info.gif"); padding:0; margin: 2px 0 0 20px;}
ul.gall li {padding:0px 0 12px 0; margin: 3px 0 0 0; line-height: 1;}



/* form styles */
form#search {margin:0; padding:0;}
input.send {margin: 10px 0 0 0; padding:0;}
input.text {padding: 2px; margin:0 0 10px 0; font-size: 10px; border: 1px solid #ccc; background: #e6f1fa; color: #999; vertical-align:top;}
input.sign-up {margin: 15px 0 0 0; padding:0;}


/* calendar */
table {font-size: 65%; font-family:Verdana, Arial, sans-serif; width: 180px;}
table td {text-align: center;}
table tr.blue {background:#f9e5bd;}
table tr.white {background: #fdfaf0;}  
table tr.green {background: #fdfaf0;}  
table tr#base {background: #f9e5bd;}
table tr.blue td {color:#faa22b;}
table td#today {color:#779CCE; font-weight: bold; background: #ffffff;}
table td#back {text-align: left;}
table td#next {text-align: right;}