/******************
General Styles
*******************/

body{
	background-color: #666666;
	margin: 5px;
	padding: 0px;
}

body, table, td, th, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:small;
}

div {
	scrollbar-base-color: #8997B4; 
	scrollbar-track-color: #8997B4;
	scrollbar-face-color: #697BA0;
	scrollbar-highlight-color: #8997B4;
	scrollbar-3dlight-color: #8997B4;
	scrollbar-darkshadow-color: #8997B4;
	scrollbar-shadow-color: #8997B4;
	scrollbar-arrow-color: #8997B4;
}

hr{
	color: #696969;
	height: 1px;
	width: 90%;
	border-collapse:collapse;
}
form {
	margin: 0px;
}
p{
	margin:10px;
}
table{
	margin:10px;
}


input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #30044E;
	border: 1px inset #979797;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

h1{
	font-size:150%;
}
h2{
	font-size:130%;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border-bottom: 4px solid #060503;
}
h3{
	font-size:130%;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border-bottom: 4px solid #060503;
	border-top: 4px solid #060503;
}
h4{
	margin: 15px 10px 15px 10px;
	font-size:130%;
}
h5{
	margin: 10px;
	font-size:110%;
}
h6{
	margin: 10px;
	font-size:100%;
	font-weight: normal;
}

li.class_list_item {
	color: #666666;
}

li a.upcoming_class {
	color: #632919;
}

/* colors */
.bg_lt_purple {
	background-color: #8997B4;
}
.bg_blue {
	background-color: #697BA0;
}
.bg_lt_blue {
	background-color: #5FA7A9;
}
.bg_dark_grey {
	background-color:#060503;
}
.bg_light_grey {
	background-color:#BEBDB8;
}
.bg_green {
	background-color: #61A778;
}
.bg_dark_green {
	background-color: #566C00;
}
.bg_red {
	background-color: #9F4428;
}
.bg_orange {
	background-color: #B86C16; 
}
.bg_lt_orange {
	background-color: #E7CFB7;
}
.bg_terracotta {
	background-color:#A45029;
}

/*******************
<a> styles
********************/
a.greyed {
	font-size:80%;
	color:#666666;
}

.button {
	background-color:#363636;
	border: 1px solid #999999;
	font-size: 10px;
	padding: 3px;
	text-align: center;
	width: 100px;	
}
.button a, .button a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.noborder, #calendar img {
	border: 0px; /* this overwrites the style so that header text image doesn't have a border */
}

/*******************/
/*******************/
/* frontend styles */
/*******************/
/*******************/

/**********************/
/* page layout styles */
/**********************/

#page {
	width: 974px;
	background-color: #060503;
	margin: 0px;
	padding: 0px;
}

#page td {
	margin: 6px;
}

#page div,
#page p,
#page ul,
#page ol,
#page #content_left,
#page #content_right {
	text-align: left;
}

/* header area styles */

#header {
	background-color: #E17B0C; 
	height: 81px;
	width: 962px;
	font-size:12px;
}

#header_logo {
	float: left;
	width: 553px;
	height: 81px;
	border: 0px;
}


#header_logo img {
	border: 0px;
}

#header_find {
	float: right;
	padding: 60px 5px 5px 5px;
	text-align: right;
	font-weight: bold;
}

/* menu area styles */

#menu {
	background-color: #343434;
 	height: 24px;
	padding: 2px 5px 0px 5px;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF; 
	font-size:90%;
}
#menu a{
	padding: 0px 5px 0px 5px;
	color: #FFFFFF; 
}


/* footer area styles */

#footer {
	background-color: #363636;
 	height: 24px;
	padding: 2px 5px 0px 5px;
	width: 870px;
	font-size:90%;
	font-weight: normal;
	text-align: center;
	color: #999999; 
}
#footer a {
	color: #999999; 
}

/********************/
/* home page styles */
/********************/

/* top row styles */

#top_left {
	float: left;
	height: 300px;
	width: 500px;
	margin-right:4px;
	margin-bottom:5px;
}
#top_right {
	float: right;
	height: 300px;
	width: 460px;
	margin-bottom:5px;
}
#top_right p{
	margin: 5px;
}


table#home, table#home tr, table#home td, table#home th {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table#home {
	width: 965px;
}

.accent_text {
	font-size: 11px;
	color: #333333;
}

#upcoming_eventlist {
	height: 208px;
	width: 450px;
	overflow: auto;
}

#upcoming_eventlist p {
	width: 420px;
	margin: 7px 5px 7px 5px;
	padding: 0px;
}

.featured_products {
	margin-bottom: 10px;
	text-align: center;
}
.featured_products img {
	border: 1px solid #060503;
}

/*********************/
/* insde page styles */
/*********************/

.list_item{
	display:block;
	margin:10px;
	font-weight:bold;
}
#list_item_img{
	border-bottom: 4px solid #060503;
}

#list_item_img_with_top{
	border-bottom: 4px solid #060503;
	border-top: 4px solid #060503;
}


#list_item_img img{
	width:230px;
}
#list_item_img_with_top img{
	width:230px;
}

/*left side area*/

/*right side area*/

#content_right {
	width: 732px;
}
#content_right p{
	margin:15px;
}

.required {
	color: #CC0000;
}

/* used on the student portion of the registration form */
.right_align {
	font-weight: bold; 
	padding-right: 5px;
	text-align: right; 
}
.left_align {
	width: 180px;
}

/* search form styles */

#search_form {
	border-bottom: 4px solid #060503;
	font-size:110%;
	color:#DF987F;
	font-weight:bold;
	background-color:#9F4428;
	padding: 5px 0 5px 0;
}

/***********************/
/* artisan page styles */
/***********************/
/***********************/
/* medium page styles */
/***********************/

.list_img {
	display:inline;
}
.list_img img{
    margin: 2px 10px;
	border: 1px solid #060503;
}

.pagingLinks {
	color: #666666;
}
.pagingLinks a {
	color: #333333;
}

/***********************/
/* product page styles */
/***********************/

#cw_minicart {
	width: 230px;
	vertical-align: top;
	color: #77321E;
	border-bottom: 4px solid #060503;
	background-color:#61A778;
	padding: 5px 0;
}

#cw_minicart a {
	color: #77321E;
}
#cw_minicart p{
	margin:10px;
}

/*********************/
/* class page styles */
/*********************/

#category_name_img{
	border-bottom: 2px solid #060503;
}

/*********************/
/* event page styles */
/*********************/
#event_calendar {
	vertical-align: top;
	padding: 10px;
	text-align:center;
}

#event_calendar a {
	color: #FFFFFF;
}
/*
#event_list {
	vertical-align: top;
}

#event_name {
	vertical-align: top;
	padding: 10px;
	text-align: center;
	border-top: 2px solid #060503;
	border-bottom: 2px solid #060503;
}

#event_name h2, #event_name h3 {
	margin: 0px;
	padding: 0px;
}

#event_details {
	vertical-align: top;
	padding: 10px;
}


#list_events .list_item {
	float: left;
	text-align: left;
}

*/

.moreInfo {
	color: #9F4428;
	font-weight: bold;
}

/* registration form styles */

h3.registration {
	background-color: #61A778; 
	color: #30044E;
	margin: 0px;
}

table#page {
	margin-bottom: 0px;
}
#bottom_footer{
	margin: 0px;
	padding: 0px;
	width: 962px;
}
#phone {
	color: #333333;
	font-size: 80%;
	float:left;
	text-align:left;
}
#webdevelopment {
	color: #333333;
	float:right;
	font-size: 80%;
	padding-top: 2px;
	text-align: right;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}