A {

	color: #077dc3;

	text-decoration: none;

}



A:hover {

	text-decoration: underline;

}



BODY {

	margin: 0px;

	padding: 0px;

	background: #ffffff;

}



FORM {

	margin: 0px;

	padding: 0px;

}



IMG {

	border: 0px;

	/* behavior: url('/iepngfix.htc');
 */
}



TD, BODY {

	font-family: Arial, Helvetica, Sans-Serif; 

	font-family: "Lucida Grande", Lucida, Verdana, Arial, sans-serif;

	font-SIZE: 13px;

	color: #333300;

}



H1, H2, H3, H4 {

	margin: 0px;

	padding: 0px 0px 10px 0px;

}



H1 {

	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, Sans-Serif; 

	font-size: 26px;

}



H2 {

	font-size: 16px;

	color: #660066;
}





P {

	margin: 0px;

	padding: 0px 0px 15px 0px;

}



UL, OL {

	margin: 0px;

	padding: 0px 0px 15px 35px;

}





/* ########################################################################################## */





#primarycontainer {

	background: #ffffff;

}



#innercontainer {

	width: 1000px;

}



/* ########################################################################################## */



#header {

	height: 45px;

	overflow: visible;

	background: #60a001 url('images/header_default.jpg') 355px top no-repeat;

	position: relative;

}


#header IMG {
	behavior: url('/iepngfix.htc');
}

.raw #header { background: #60a001 url('images/header_raw.jpg') 355px top no-repeat; }

.store #header { background: #ed3118 url('images/header_store.jpg') 355px top no-repeat; }

.classevents #header { background: #d6aa2d url('images/header_classevents.jpg') 355px top no-repeat; }

.before #header { background: #a04614 url('images/header_before.jpg') 355px top no-repeat; }

.community #header { background: #ec9601 url('images/header_community.jpg') 355px top no-repeat; }

.about #header { background: #7d0060 url('images/header_about.jpg') 355px top no-repeat; }





#header .minicart {

	position: absolute;

	top: 7px;

	left: 745px;

	width: 200px;

}



#header .minicart P {

	padding: 0px 0px 3px 0px;

	font-size: 11px;

	color: #ffffff;

}



#header .minicart P A {

	font-weight: bold;

	color: #facbc5;

}





/* ########################################################################################## */



#side {

	float: left;

	width: 270px;

	background: url('images/side_submenubacking.jpg') left 318px no-repeat;

	position: relative;

}



#side .mainmenu {

	list-style: none;

	padding: 5px 0px 0px 0px;

	margin: 0px;

}



#side .mainmenu A {

	display: block;


	font-weight: bold;

	text-decoration: none;

	letter-spacing: -1px;

	color: #333300;

	width: 200px;
	height: 59px;
	overflow: hidden;
}



#side .mainmenu A SPAN {

	display: block;

	padding: 22px 0px 19px 70px;

}



#side .mainmenu .raw A { margin-left: 40px; background: url('images/side_menu_raw.gif') top right no-repeat; }

#side .mainmenu .raw A SPAN { background: url('images/side_menu_raw.jpg') top left no-repeat; }



#side .mainmenu .store A { margin-left: 20px; background: url('images/side_menu_store.gif') top right no-repeat; }

#side .mainmenu .store A SPAN { background: url('images/side_menu_store.jpg') top left no-repeat; }



#side .mainmenu .classevents A { background: url('images/side_menu_classevents.gif') top right no-repeat; }

#side .mainmenu .classevents A SPAN { background: url('images/side_menu_classevents.jpg') top left no-repeat; }



#side .mainmenu .before A { background: url('images/side_menu_before.gif') top right no-repeat; }

#side .mainmenu .before A SPAN { background: url('images/side_menu_before.jpg') top left no-repeat; }



#side .mainmenu .news A { margin-left: 20px; background: url('images/side_menu_community.gif') top right no-repeat; }

#side .mainmenu .news A SPAN { background: url('images/side_menu_community.jpg') top left no-repeat; }



#side .mainmenu .about A { margin-left: 40px; background: url('images/side_menu_about.gif') top right no-repeat; }

#side .mainmenu .about A SPAN {	background: url('images/side_menu_about.jpg') top left no-repeat; }





#side .mainmenu A:hover,

#side .mainmenu A.active {

	background-position: right -60px;

	color: #ffffff;

}



#side .mainmenu A:hover SPAN,

#side .mainmenu A.active SPAN{

	background-position: 0px -60px;

}









#side .submenu {

	list-style: none;

	padding: 61px 0px 100px 0px;

	margin: 0px;

}



#side .submenu LI {

	padding: 0px 0px 3px 0px;

}



#side .submenu A {

	display: block;

	text-decoration: none;

	color: #333300;

	width: 100px;
	height: 20px;
	padding: 0px 0px 0px 51px;
	overflow: hidden;
}



#side .submenu A SPAN {

	display: block;

	padding: 2px 0px 2px 2px;

	background: url('images/side_sub_menu_back.gif') right 20px no-repeat; 

}



#side .submenu .first A { background: url('images/side_sub_menu_1.gif') top left no-repeat; }

#side .submenu .second A { background: url('images/side_sub_menu_2.gif') top left no-repeat; }

#side .submenu .third A { background: url('images/side_sub_menu_3.gif') top left no-repeat; }

#side .submenu .fourth A { background: url('images/side_sub_menu_4.gif') top left no-repeat; }

#side .submenu .fifth A { background: url('images/side_sub_menu_5.gif') top left no-repeat; }




#side .submenu A:hover,
#side .submenu A.active {

	background-position: left -20px;

}

#side .submenu A:hover SPAN,

#side .submenu A.active SPAN{

	background-position: right 0px;

}



#side .mailinglist {

	padding: 0px 0px 0px 10px;

}



#side .mailinglist TABLE {

	background: #CCCC99;

}



#side .mailinglist TABLE TD {

	background: #ffffe0;

	font-size: 10px;

	text-align: center;

}



#side .buythebook {

	position: absolute;

	bottom: 75px;

	right: 50px;

}







/* ########################################################################################## */



#page {

	float: left;

	background: url('images/header_default.jpg') 65px -45px no-repeat;



	width: 710px;

	margin-left: 15px;

	z-index: 900;

}



.raw #page { background: url('images/header_raw.jpg') 70px -45px no-repeat; }

.store #page { background: url('images/header_store.jpg') 70px -45px no-repeat; }

.classevents #page { background: url('images/header_classevents.jpg') 70px -45px no-repeat; }

.before #page { background: url('images/header_before.jpg') 70px -45px no-repeat; }

.community #page { background: url('images/header_community.jpg') 70px -45px no-repeat; }

.about #page { background: url('images/header_about.jpg') 70px -45px no-repeat; }





#page .submenu {

}



#page .submenu UL {

	width: 100%;

	list-style: none;

	padding: 20px 0px 0px 0px;

	margin: 0px;

}



#page .submenu LI {

	float: left;

	padding: 0px 1px 1px 0px;

	margin: 0px;

}



#page .submenu LI A {

	display: block;

	background: #afcf80 url('images/page_submenu_sides.gif') left top no-repeat;

	color: #ffffff;

	text-decoration: none;

}



#page .submenu LI A SPAN {

	display: block;

	background: url('images/page_submenu_sides.gif') right top no-repeat;

	padding: 2px 15px;

	white-space: nowrap;
}



#page .submenu LI A:hover,
#page .submenu LI A.active {

	background-color: #60a001;

}



.raw #page .submenu LI A { background-color: #afcf80; }

.raw #page .submenu LI A:hover, .raw #page .submenu LI A.active { background-color: #60a001; }



.store #page .submenu LI A { background-color: #f6988b; }

.store #page .submenu LI.current-menu-item A,
.store #page .submenu LI A:hover,
.store #page .submenu LI A.active { background-color: #ed3118; }


.classevents #page .submenu LI A { background-color: #ead496; }

.classevents #page .submenu LI A:hover, .classevents #page .submenu LI A.active { background-color: #d6aa2d; }



.before #page .submenu LI A { background-color: #cfa289; }

.before #page .submenu LI A:hover, .before #page .submenu LI A.active { background-color: #a04614; }



.community #page .submenu LI A { background-color: #f5ca80; }

.community #page .submenu LI A:hover, .community #page .submenu LI A.active { background-color: #ec9601; }



.about #page .submenu LI A { background-color: #be7faf; }

.about #page .submenu LI A:hover, .about #page .submenu LI A.active { background-color: #7d0060; }







#page .bizzare {

	text-align: center;

	clear: both;

	padding: 15px 0px 0px 0px;

}



#page .bizzare UL {

  margin: 0 auto;

  padding: 0px;

  width: 100px;

}







/* ########################################################################################## */



#content {

	clear: both;

	padding: 20px 0px;

	line-height: 1.5;
}







#content .toplink {

	clear: both;

	border-top: 1px solid #eeeeee;

	padding: 5px 0px 25px 0px;

}



#content .toplink A {

	display: block;

	background: url('images/toplink.gif') top left no-repeat;

	width: 40px;

	height: 16px;

	text-indent: 1000px;

	overflow: hidden;

}



#content .quote .text {

	font-style: italic;

}



#content .quote .person {

	font-weight: bold;

}



#content HR {

	padding: 0px;

	margin: 0px 0px 15px 0px;

	color: #eeeeee;

	background: #eeeeee;

	border: 0;

	height: 1px;

}


#content IMG {
}


/* ########################################################################################## */



#footer {

	clear: both;

	width: 1000px;

	text-align: center;

	font-size: 12px;

	padding: 10px 0px 15px 0px;

}



#footer P {

	padding: 0px 0px 3px 0px;

}



#footer P.small {

	padding: 0px 0px 10px 0px;

	font-size: 9px;

}



#footer HR {

	color: #8d8d8d;

	background-color: #8d8d8d;

	height: 1px;

	border: 0px;

	width: 90%;

}



/* ########################################################################################## */



.clear {

	clear: both;

}



.smalltext {

	font-size: 10px;

}


#sidebar .twitter {
	display: block;
	width: 120px;
	height: 43px;
	background: url('images/side_twitter.png') left top no-repeat;
	
	overflow: hidden;
	text-indent: -9999px;

	margin: 5px 0 0 15px;
}