@charset "UTF-8";

/* -- universal styling -- */
body {
	background: #9c9a63;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}
a:hover  {
	color: #dbddaa;
}
a:active {
	color: #A5A77A;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .075em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* -- structural styling -- */
#container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #A6A679;
}
#subContainer {
	border: 2px solid #424531;
	width: 778px;
}
#navBar {
	background-color: #9C9A63;
	height: 43px;
	width: 630px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 150px;
}
#titleBar {
	background-color: #63694A;
	height: 25px;
	width: 758px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
}
#mainContent {
	width: 778px;
	background-image: url(images_layout/main_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0;
}


#footer {
	background:#424531;
	width: 760px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

/* -- homepage styling -- */
#homeContent {
	width: 778px;
	padding: 0;
}
#homeTable {
	width: 778px;
}
#homeImage {
	height: 260px;
	width: 202px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #414532;
}
#homeWelcome {
	width: 518px;
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #414532;
	border-left-color: #414532;
}
#homeWelcome p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
#homeNewsletter {
	width: 156px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	font-size: 12px;
	background-color: #67694B;
	color: #ABAFA0;
}
.homeTitle {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #67684A;
	padding: 8px;
	letter-spacing: 1px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
}
.homeTitleLeft {
	font-size: 11px;
	text-transform: uppercase;
	color: #dcddc6;
	background-color: #67684A;
	padding: 8px;
	letter-spacing: 1px;
	text-align: center;
}
#homeNews {
	vertical-align: top;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	text-align: left;
	background-color: #7B7C59;
}
#homeNews ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
	list-style-position: inside;
	margin-left: -30px;
	padding-bottom: 8px;
	list-style-image: url(images_layout/bullet.gif);
	margin-top: 0px;
	margin-top: -5px;
}
#homeTakeAClass {
	width: 210px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
	background-color: #7B7C59;
	margin: 0px;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 0px;
}
#homeTakeAClass p {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#homeShop {
	width: 210px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
	background-color: #7B7C59;
	margin: 0px;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 0px;
}
	#homeShop p {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0px;
	padding-bottom: 10px;
}
#homeRegister {
	width: 153px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
	background-color: #7B7C59;
	margin: 0px;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 0px;
}
	#homeRegister p {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin: 0px;
	padding-bottom: 10px;
}
#homeEmail {
	width: 153px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #424531;
	background-color: #7B7C59;
	margin: 0px;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	padding: 0px;
	}
#homeEmail p {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* -- subpage styling -- */
#mainTable {
	width: 760px;
}
#leftColumn {
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 533px;
}
#leftColumn p {
	font-size: 11px;
	line-height: 15px;
}
#gallery {
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 700px;
}
#gallery p {
	font-size: 11px;
	line-height: 15px;
}
#rightColumn {
	width: 247px;
	margin: 0px;
	padding: 0px;
}
#rightColumnTop {
	vertical-align: top;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 20px;
	text-align: left;
	height: 210px;
	width: 247px;
}
#rightColumnTop ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
	list-style-position: inside;
	vertical-align: top;
	margin-left: -15px;
	padding-bottom: 8px;
}
#rightColumnImages {
	vertical-align: bottom;
	height: 300px;
	width: 247px;
	margin: 0px;
	padding: 0px;
}
#rightColumnTable {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/* -- how to styling -- */
#howTo {
	background-color: #A6A679;
	margin: 0px;
	text-align: center;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}