/* Style sheet for ArtisanCMS websites */


/* main holders and containers */
body {
	margin:5px 0 0 0;
	background: #fff;
	font:100% Verdana, Arial, sans-serif;
	color: #999; 
	padding:0;
}


div#container{
	width: 745px;
	padding: 0;
	margin:0 auto 0 auto;
	background:white;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 745px;
}


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


/* all the H settings -------------------------------------------------------------------------------- */
h1{font-family:"Trebuchet MS",sans-serif;font-size:160%; color:white; font-weight:normal;color:#CA0074; margin:0; padding:15px 0 10px 0}
/* home page main header*/
h2 {background: #58b1fc; color: white; font-size: 75%; font-weight: normal; padding: 3px 5px; margin:0 0 0 10px;}

/* main inner page title USED TO BE H2 */
h3 {font-size: 110%; font-weight:normal; color:#CA0074; margin:0 0 10px 0; padding:0; line-height: 1;}

/* home page mini header (boxes) */
h3.home {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe; line-height: 1.4em;}

/* 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 {background: #F2F0E0; font-size: 70%; font-weight: normal; padding: 0px; margin: 10px 0; color:#999; border-bottom: none;}

/* news item title*/
h5 {background: #f1f8fd; font-size: 70%; font-weight: normal; padding: 0px; margin: 10px 0; color:#999;}

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

/* link states */
a {color: #CA0074; text-decoration: none;}
a:hover {color: #999;}


/* 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: #9a5b2d; font-size: 70%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
p.feature {background: #faa22b; color:#fff; padding: 3px 5px; margin:0 0 0 0; font-size: 70%; font-weight: normal;}
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;}
span.breadcrumb{text-transform:uppercase; color:#666}

/* 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;}
div.clearright {clear: right;}
div.holderten {padding: 0 10px;}


/* header and main navigation */

div#navbar {background: url("images/head-bottom.jpg") no-repeat top right; padding:5px 0; }

ul.nav {margin:0; padding:2px 0;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:70%; text-transform:uppercase;}

ul.nav li {display:inline;margin:0;padding:0 8px 0 0; background:white}
ul.nav a {color: #666; text-decoration: none; padding: 0px 0 1px 0; margin:0;}
ul.nav a:hover {color: #CA0074;}
ul.nav a.selected {border-bottom: 2px solid #CA0074; font-weight:bold; color: #CA0074;}
#thelogo{margin:0;padding:0}


/* home main structure */
div#content {padding: 0; line-height: 1.3em;}
div#leftcontenthome {float: left; width: 570px; margin:10px 0 0 0; padding:0}
div#leftholder {padding:  0;}
div#rightcontenthome {float:left;width:175px; margin:0; padding:0; line-height:1.66}

div#homepic {float:left;width:275px;margin:0; padding:0 10px 0 0}
div#toptext {float:left;width:275px;margin:0; padding:0 10px 0 0}
div#toptext p {margin: 10px 0 0 15px;}

/*div#homebottom {background:  url("images/home-3boxes-strip.gif") repeat-y; margin: 0;}
div#box1 {float: left; width: 175px; margin-right: 10px; background: #f1f8fd;}
div#box2 {float: left; width: 175px; margin-right: 10px; background: #f1f8fd;}
div#box3 {float: left; width: 175px; background: #f1f8fd;}*/
#help{float:left; width:180px; padding:0 10px 0 0;background: url("images/help-mid.gif") repeat-y ;}
h2#helphead{background: url("images/help-top.gif") no-repeat top left;font-family:"Trebuchet MS",sans-serif;font-size:100%; color:white; font-weight:normal;padding:5px ; margin:0}
#sports{float:left; width:180px; padding:0 10px 0 0; background: url("images/sport-mid.gif") repeat-y ;}
h2#sportshead{background: url("images/sports-top.gif") no-repeat top left;font-family:"Trebuchet MS",sans-serif;font-size:100%; color:white; font-weight:normal;padding:5px; margin:0 }
#community{float:left; width:190px; background: url("images/community-mid.gif") repeat-y ;}
h2#communityhead{background: url("images/community-top.gif") no-repeat top left;font-family:"Trebuchet MS",sans-serif;font-size:100%; color:white; font-weight:normal;padding:5px; margin:0 }
#bottomrow{padding:0 ; margin:0}
#community p, #sports p, #help p {color:white; padding:2px 5px; margin:0}


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#centrecontent ul {list-style: none; padding:0; margin: 10px 0 0 10px;}
div#centrecontent ul li {padding:0 0 10px 20px; margin: 0; line-height: 1.4; background: url("images/list-arrow.gif") 3px left no-repeat;}

div#centrecontent a, div#rightcontent a, div#rightcontenthome a {color: #418bc0; text-decoration: underline;}
div#centrecontent a:hover, div#rightcontent a:hover, div#rightcontenthome a:hover {color: #2f668d; text-decoration: underline;}

div#centreholder {padding: 0 20px 0 10px;}

div#rightpic {padding:110px 0 0 0; margin:0; background:  url("images/right-hand-pic.jpg") no-repeat;}
div#rightcontenthome ol {color: #faa22b; margin: 20px 0 20px 30px; padding:0;}
div#rightcontenthome ol li {padding: 0 0 8px 0; line-height: 1.4;}


/* secondary nav */
div#secnav ul { padding:10px 0 0 0; margin: 0 0 10px 0px}
div#secnav ul li {list-style: none; padding:10px 30px 10px 2px; margin: 0; line-height: 1;border-bottom:1px solid #999;text-transform:capitalize;}
div#secnav ul li.selected {list-style: none;background:#F2E2EB url(images/select-arrow.gif) no-repeat center right;}
div#secnav ul li.selected a {color: #CA0074;}
div#secnav ul li.selected a:hover {color: #914f03;}

/* inner pages main structure */
div#leftcontent {float: left; width: 180px; margin:20px 0 0 0;background:url(images/sec-nav-top.gif) no-repeat top left;}
div#centrecontent {float: left; width: 370px; padding: 25px 0 0 0; margin:0 0 0 20px}
div#rightcontent {float:left;width:175px; margin:0; padding:0; line-height:1.66}


/* right hand side */
/*div#rightpic {padding:110px 0 0 0; margin:0; background:  url("images/right-hand-pic.jpg") no-repeat;}
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;}

*/
h3#galleryhead{background: url("images/gallery-top.gif") no-repeat top left; border-bottom: 1px dotted #fff;font-family:"Trebuchet MS",sans-serif;font-size:100%; color:white; font-weight:normal;padding:10px 0 5px 5px ; margin:0 }
#galleryimage{float:right;  padding:0; margin:0}
#gallerycontainer{background:#BBBBBB;margin:5px 0 20px 0;}
p.galleryleft{color:white; padding:0 5px 5px 5px; margin:0}
h3.featurehead, h3.featureheadtop{color:#BE007C; padding:3px 0 0 0; margin:10px 0 0 0; font-family:"Trebuchet MS",sans-serif;font-size:100%; border-top:1px dotted #666; font-weight:normal;}
featureheadtop{margin:45px 0 0 0;}
.bottomimage{clear:right; height:0;margin:0 0 10px 0}
/* footer and bottom content */
div#artisan {text-align: right; clear: both; padding: 20px 0 0 0;}
div#bottom {padding: 0; margin: 0 auto;/* background: #fdfae9 url("images/bottom-bg.gif") no-repeat 50% top;*/clear: both;}
#footer{border-top:1px dotted #666;margin:5px 0; padding:0}
#footer p{font-size:65%; color:#999;padding:2px 0; margin:0}
div#footer a {color:#999; 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;
}

div#centrecontent ul.gall {list-style: none; padding:0; margin: 2px 0 0 0px;}
div#centrecontent ul.gall li {padding:0 0 12px 20px; margin: 3px 0 0 0;}

div#nextPicBar {/*background: #f1f8fd;*/ border-top: 1px solid #61adec; border-bottom: 1px solid #61adec; padding: 3px 2px 0 2px;line-height: 1;}
div#barleft {float: left; width: 110px;}
div#barmid {float: left; width: 110px; text-align: center;}
div#barright {float: left; width: 110px; text-align: right;}



/* 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;}