html,body {
	font-family:Trebuchet MS, Verdana, Arial;
	text-align: center;
}

body,
body#home {
	background:#b5dc10 url('images/bg.gif')
}
body#shop {
	background:#b5dc10 url('images/bg_shop.gif')
}
body#members {
	background:#b5dc10 url('images/bg_members.gif')
}
body#ask {
	background:#b5dc10 url('images/bg_ask.gif')
}
body#contact_us {
	background:#b5dc10 url('images/bg_contact.gif')
}
#contentWrapper {
	width:800px;
	_width:796px;
	background-color:white;
	border:2px solid #000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align: left;
}

/*The header */
#header {
	float:left;
	clear:both;
	width:100%;
}
h1 {
    padding-top: 85px; /* height of the replacement image */
    height: 0px !important; /* for most browsers */
    height /**/:85px; /* for IE5.5's bad box model */
	width:180px;
    overflow: hidden;
    background-image: url("images/logo.jpg");
    background-repeat: no-repeat;
	margin:5px 0 0 5px;
	float:left;
}
h2 {
	color:#9a9a9a;
	margin-top:7px;
}
#quicklinks {
	float:right;
}
#quicklinks ul {
	list-style-type:none;
	padding:0;
	margin:0 10px 0 0;
	text-align:right;
	margin-bottom:10px;
}
#quicklinks li {
	display:inline;	
}

#cart {
	color:#ffffff;
	background:#A5017E url('images/cart.gif') no-repeat left center;
	padding:1px 10px 1px 30px;
	margin-right:6px;
	font-size:1em;	
}

/* The Menu */
#menu {
	float:left;
	clear:both;
	width:100%;	
	list-style-type:none;
	padding:0;
	margin:10px 0 0 0;
	border-bottom:2px solid #b5dc10;	
}
#menu li {
	display:inline;
	width:159px;
	float:left;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:2px;
}
#menu li  a{
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
}
#home #menu  li#home,
#shop #menu li#shop, 
#members #menu li#members,
#ask #menu li#ask,
#contact_us #menu li#contact_us{
	padding-bottom:7px;
}

/* Individual menu items. */
#menu li#home {
	background-color:#b5dc10;
}
#home #menu,  
#home #feature {
	border-color:#b5dc10;
}

#menu li#shop {
	background-color:#ff5c00;
} 
#shop #menu, 
#shop #feature  {	
	border-color:#ff5c00;
}

#menu li#members {
	background-color:#a5017e;	
}
#members #menu, 
#members #feature  {
	border-color:#a5017e;	
}

#menu li#ask {
	background-color:#f0037f;
	/*width:157px; *//** There are 2px spare. Add one extra here and one extra for the contact item. */	
}
#ask #menu, 
#ask #feature   {
	border-color:#f0037f;
}

#contact_us #menu,
#contact_us #feature {
	border-color:#ffd600;
}
#menu li#contact_us {
	background-color:#ffd600;
	margin-right:0px;
	width:156px;	
}

#main {
	float:left;
	padding:0;	
}

#feature {
	margin:0;
	padding:0;	
	/*border-bottom:2px solid #B5DC10;	*/
	/*float:left;*/	
}

.blurb a:hover {
	text-decoration:none;
}

.blurb p {
	float:left;
	background-color:#B5DC10;
	margin:0px 0 10px 0;
	color:#ffffff;
	padding:5px 1%;
	font-size:16pt;		
	width:98%;
	_width:100%; /* IE box model hack. */
	text-align:center;
}
.blurb p#greenBlurb {
	background-color:#B5DC10;
}
.blurb p#orangeBlurb {
	background-color:#FF5C00;
}
.blurb p#purpleBlurb {
	background-color:#A5017E;
}
.blurb p#pinkBlurb {
	background-color:#F0037F;
}
.blurb p#yellowBlurb {
	background-color:#FFD600;
}
.blurb a:hover p#greenBlurb {
	background-color:#FFD600;
}
.blurb a:hover p#orangeBlurb {
	background-color:#FFD600;
}
.blurb a:hover p#purpleBlurb {
	background-color:#F0037F;
}
.blurb a:hover p#pinkBlurb {
	background-color:#A5017E;
}
.blurb a:hover p#yellowBlurb {
	background-color:#B5DC10;
}

/** Home page */
#callouts {
	width:100%;
	float:left;
	clear:both;	
}
.callout {
	width:254px;
	_width:258px;
	float:left;
	margin-left:6px;
}

.callout h2 {
	margin:0;
	color:#ffffff;
	padding:5px;
	font-weight:normal;
}	
.callout p,
.callout ul {
	color:#ffffff;
	font-weight:bold;
	padding:16px 8px;
	margin:0;
	min-height:95px;
	height:auto;
	_height: 127px;
	font-size:12pt;
}
#callouts a:hover {
	text-decoration:none;
}

#callouts #shop {
	border:2px solid #ff5c00;
}
#callouts #shop h2 {
	 background-color:#ff5c00;
}
#callouts #shop p {
	background:#fc8946 url('images/callout_shop.jpg') no-repeat top center;
}
#callouts #shop a:hover p{
	background-image:url('images/callout_shop_on.jpg')
}

#callouts #members {
	border:2px solid #a5017e;
}
#callouts #members h2 {
	 background-color:#a5017e;
}
#callouts #members p {
	background:#9c618f url('images/callout_members.jpg') no-repeat top center;
}
#callouts #members a:hover p{
	background-image:url('images/callout_members_on.jpg')
}

#callouts #ask {
	border:2px solid #f0037f;
}
#callouts #ask h2 {
	 background-color:#f0037f;
}
#callouts #ask ul{
	background:#fc58ae url('images/callout_ask.jpg') no-repeat top center;
	list-style-type:none;
}
#callouts #ask a:hover ul{
	background-image:url('images/callout_ask_on.jpg')
}

#left {
	float:left;
	width:22%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top:6px;
}
#content {
	float:left;
	width:70%;
	margin-left:1%;
}

/**Footer */
#footer {
	width:100%;
	clear:both;
	padding-top:10px;
}

#footer p {
	font-size:9pt;
	text-align:center;
	margin:0px;
	padding:0;
}


/* Categories style overrides. */
h2.infoBoxHeading {
	background-color:#b3b3b3;
	border:1px solid #c0c0c0;
	padding:2px 8px;
	font-size:1.1em;
	margin:0;
	color:#ffffff;
	display:none;
}
.infoBoxContents {
	background-color:#f9f9f9;
	border:2px solid #f0f0f0;
}
.infoBoxContents ul {
	padding-left:15px;
	margin:0;
	float:left;
}
.infoBoxContents ul.top {
	padding:0;
	margin:0;	
}
.infoBoxContents li {
	list-style-type:none;
	clear:both;
	padding:0px 5px 5px 5px;
	float:left;
	width:100%;
}
.infoboxContents .boxText img {
	border:1px solid #CCCCCC;
	float:left;
	padding:2px;
	/*width:65px;*/
}
.infoboxContents h3 {
	float:left;
	padding-left:6px;
	font-size:0.9em;
	width:75px;
	margin:3px 0px;
}

.boxText {
	font-size:1.2em;
}

.infoBox {
	background:none;
	border:2px solid #CCCCCC;
}

dt {
	font-weight:bold;
}
dd {
	margin-bottom:10px;
	margin-left:0;
}

td.pageHeading, div.pageHeading {
	padding-top:2px;
	font-size:26px;
}