/*
Main Stylesheet
www.willowmead-alpacas.co.uk
© James Denny, Alpha-Matrix-Design, 2007
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: 0;
	text-decoration: 0;
	/* MSIE */
		-box-sizing: content-box;
}

html, body {
	background-color: white;
	color: black;
	padding: 0px;
	margin: 0;
}
body {
	margin: 0px;
	font: message-box;
	overflow: auto;
	background: white url("images/header09.jpg") no-repeat center top;
	text-align: center;
}
#site {
	font-family: "Palatino", "Palatino Linotype", serif;
	font-size: 14px;
	margin: auto;
	padding: 0;
	border: 0;
	text-align: left;
	/*width: 68em;*/
	max-width: 100%;
}

p, h2, h3, #menu h2, #menu ul, #menu_block, ul, li  {
	margin: 0;
	padding: 0;
	border-color: #c3d0b8;
}

p {
	margin-bottom: 8px;
}

h2 {
	font-size: 115%;
}
h3 {
	font-size: 110%;
	margin: 1ex 0 0.25ex;
}

img {
	border: none;
}

abbr {
	border-bottom: gray dotted 1px
}

a:link {
	/*text-decoration: none;*/
	color: #517038;
}

a:hover {
	background-color: #dde773;
	color: black;
}

a:visited, a:visited:hover {
	color: #6f4531;
}

.nonvis {
	visibility: hidden;
	position: absolute;
	width: 0; height: 0;
	overflow: hidden;
}

.clear {
	clear: both;
}

/*
----HEADER---------------------------------------------------------
*/
#header {
	background: white url("header.jpg") no-repeat top center;
	height: 164px;
}
/*
----MENU---------------------------------------------------------
*/
#menu {
	font-size: 108%;
	height: 32px;
	overflow: visible;
	margin: 0 auto;
	padding: 0;
	background: #e2ebdc url("menu_bg.png") repeat-x 50% 0%;
	text-align: center;
	width: 885px;
}

#menu ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
	height: 32px;
	width: 20%;
	width: 169px;
	list-style: none;
	overflow: visible;
	margin: 0;
	padding: 0;
}

#menu ul a {
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

#menu a {
	text-decoration: none;
	color: #517038;
}

#menu a:hover {
	color: black;
	background: #e2ebdc url("menu_hover.png") no-repeat 50% 0%;
	outline: none;
}

#menu a:visited, #menu a:visited:hover {
	color: #6f4531;
}

/* page specific hilight */
body.page_home #menu #menu_home a {
	background: white url("menu_selected.png") no-repeat 50% 0%;
}
body.page_shop #menu_shop a  {	background: white url("menu_selected.png") no-repeat 50% 0%;}
body.page_shop #menu_shop a  {	background: white url("menu_selected.png") no-repeat 50% 0%;}
body.page_alpacas #menu_alpacas a {	background: white url("menu_selected.png") no-repeat 50% 0%;}
body.page_courses #menu_courses a  {	background: white url("menu_selected.png") no-repeat 50% 0%;}
body.page_contact #menu_contact a  {	background: white url("menu_selected.png") no-repeat 50% 0%;}

/*
----Products Shop---------------------------------------------------
*/

table#col-s {
	width: 100%;
}

table#col-s td {
	/*border: solid blue 1px;*/
	text-align: center;
}

a.product-thumb {
	margin: 0 auto;
	padding: 0;
	/*display: block;*/
	width: 1px;
	text-align: center;
}

a.product-thumb:hover {
}

a.product-thumb img {
	border: solid #9ca084 1px;
	padding: 5px;
	margin: 5px;
}

/*
----MAIN-SECTION----------------------------------------------------
*/

#main {
	width: 901px;
	margin: 0px auto;
	padding: 8px;
	white-space: wrap;
	virticle-align: top;
	text-align: center;
}

#main a {
	margin:-0.5ex 0 -1ex;
	padding:0.5ex 0 1ex;
}

#col-a {
	width: 535px;
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
	vertical-align: top;
	text-align: left;
	/*outline: dashed #cdc0b3 1px;*/
}

#col-b {
	width: 366px;
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
	vertical-align: top;
	text-align: left;
	/*outline: dashed #d1d5af 1px;*/
}

.article {
	background: transparent url("heading_bg.png") repeat-x 50% 0;
	clear: both;
}

.article form input, .article form textarea {
	width: 100%;
}

#col-a .article {
	margin: 8px;
	padding: 0;
	margin-bottom: 16px;
}
#col-b .article {
	margin: 8px;
	padding: 0;
	margin-bottom: 16px;
}

#col-a .article h2 {
	padding: 1ex 0;
	margin: 1ex 0;
}
#col-b .article h2 {
	padding: 1ex 0;
	margin: 1ex 0;
}
.article ul {
	list-style: none outside url("bullet.gif");
	margin: 0;
	padding: 0;
	margin-left: 0px;
	*margin-left: 0px;
}
.article ul li {
	text-indent: 0px;
	*text-indent: 0px;
	margin-left: 18px;
	*margin-left: 22px;
	padding-left: 0px;
	vertical-align: middle;
}

.article .photo {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 5px;
	border: solid #9ca084 1px;
}

.article .photo.right {
	margin-left: 5px;
	float: right;
}
.article .photo.left {
	float: left;
	margin-right: 5px;
}

.article .caption {
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	text-align: center;
	font-style: italic;
	padding: 5px;
	margin-bottom: 5px;
		margin-left: auto;
		margin-right: auto;

	float: right;
}

.article .caption.middle {
	float: none;
}


.article-section {
	margin-bottom: 24px;
}

.article .course-events li.event {
	list-style: none;
	margin-left: 0;
	margin-bottom: 1ex;
	/*padding-left: 5px;
	border-left: solid #9ca084 1px;*/
	clear: both;
}

.article .course-events li.event h3 {
	border-top: solid #c7cbb1 1px;
	padding-top: 3px;
	border-bottom: solid #dcdfc9 1px;
	padding-bottom: 3px;
}

.article .event .event-details {
	/*float: left;
	clear: left;*/
	font-style: italic;
	margin: 0;
	padding: 0;
	width: 169px;
}

.article .event .event-details h3 {
	margin-top: 0;
	margin-bottom: 1ex;
}

.article .event .event-description {
	/*float: right;
	clear: right;*/
	margin: 0;
	padding: 0;
	white-space: wrap;
	width: 338px;
}

div#main._2010-02-27 li#_2010-02-27,
div#main._2010-03-13 li#_2010-03-13,
div#main._2010-03-27 li#_2010-03-27 {
	background-color: #f6f9f4;
}

div#main._2010-02-27 li#_2010-02-27 h3,
div#main._2010-03-13 li#_2010-03-13 h3,
div#main._2010-03-27 li#_2010-03-27 h3 {
	background-color: #b4c3a9;
}