/* 

Page borders are white
Header grey with orange text
Panels lightgrey with black text and dark orange headers and links
Footer white with orange background image

*/

/* GENERAL STYLES */

body
{
	background: white;
	text-align: center;
}

p{
padding: 0;
margin: 0 0 10px;
}

a:link {text-decoration:none; color: #CC6600}
a:visited {text-decoration:none; color: #CC6600}
a:hover {color: #663300}
a:active {text-decoration:none; color: #CC6600}

h1, h2, h3, h4, h5, h6
{
	color: #CC6600;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

/* PAGE STYLES */

.page{
width:63em;
margin: 20px auto;
text-align: left;
}
.header{
display: block; 
clear: both; 
width:63em;	
height: 55px;
padding: 0 0 0 0;
color: #FFCC66;
background-color: #404040;
background-image: url(cal_ur.png);
background-repeat: no-repeat;
background-position: top right;
height: 100px;
border-color: FFCC66;
border-style: none none solid none;
border-width: 1px;
}

.footer{
display: block; 
clear: both; 
height: 55px;
padding: 5px 0 0 0;
color: black;
background: url(cal_lc.png) no-repeat bottom center;
width: 62em;
height: 130px;
text-align: center;
}
.panel {
	float: left;
	display: inline;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;	
}
.admin
{
	background: white;
	color: black;
	border: 1px solid black;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.spacer{
width: 0em;
float: left;
display: inline;
}
.menu{
	line-height: 1.5em;
}
a.menu{
display: block;
}
p.menu{
display: block;
}
/*
.logotext
{
	font-family: Georgia, Georgia, serif;
	font-style: italic;
	font-size: 3em;
	position:relative;
	left:5em;
	top:0.5em;
}
*/
.logo
{
	position:relative;
	left:5em;
	top:0em;
}
.logo2 {color: #FFEE99;} /* right part of the logo */


/* FORM STYLES */

.formleft
{
	float:left;
	display: block;
	width: 200px;
	clear:both;
}
.formright
{
	float: left;
	display: block;
	width: 200px;
	clear:right;
}

.disabled{
	color: grey;
}
/*
.clearfix{
zoom: 1;
}
*/

/* SHOPPING CART */

.cartitem {
border-style:dotted;
border-top-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
background: #EEEEEE;
color: black;
clear: both;
text-align: center;
}
.cartsummary{
	line-height: 1em;
	font-family: Arial, Geneva, sans-serif;
	font-size: 0.8em;
}

/* PANEL SIZES */

.leftbox{
	width: 13em;
}
.centerbox{
	width: 35.8em;
	border-style: none solid none solid;	
	border-color: grey;
	border-width: 1px;
}
.halfwidthbox{
	width: 49em;
	border-style: none solid none solid;	
	border-color: grey;
	border-width: 1px;
}
.fullwidthbox{
	width: 63em;
	border-style: none solid none solid;	
	border-color: grey;
	border-width: 1px;
}
.rightbox{
	line-height: 1.5em;
	width: 14em;
}

/* PANEL STYLES */


.boxhead {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #404040;
}
.boxhead h2 {
	margin: 0;
	padding: 10px 10px 5px;
	font-family: Georgia, serif;
	color: #FFCC66;
	font-size: 1em;
	line-height: 1em;
}
.boxbody {
	margin: 0;
	padding: 5px 15px;
	color: black;
	background: #F0F0F0;
}
.columns{
	background-color: #F0F0F0;
	width:63em;	
	margin: 0;
	padding: 0;
	border-style: none none dotted none;
	border-width: 1px;
	border-color: grey;
}
.content
{
	font-size: 80%;	
}
/* CATALOG STYLES */

.shopitem{
	width: 12em;
}
.item {
	display: inline;
	margin: 0;
	font-size: 100%;
	background: white;
}
.itemhead {
	margin: 0;
	padding: 0;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: black;
	color: #FFCC66;
	background-color: #404040;
}
.itemhead a:link {background-color: #404040 !important; color: #FFCC66; text-decoration:none }
.itemhead a:visited {background-color: #404040 !important; color: #FFCC66; text-decoration:none }
.itemhead a:active {background-color: #404040 !important; color: #FFCC66; text-decoration:none }
.itemhead a:hover {background-color: #404040 !important; color: #FFCC66; text-decoration:none }
.itemhead h3 {
	margin: 0;
	padding: 7px 30px 5px;
	font-size: 1.2em; 
	line-height: 1em;
}
.itembody {
	margin: 0;
	padding: 5px 15px 5px 15px;
	border: 1px solid black;
	background: white;
	color: black;
	min-height: 7em;
}
.itembody p{
	font-size: 0.9em;	
	line-height: 0.9em;	
}
.itemsubscript {
	clear: both;
	display: block;
	font-size: 0.8em;	
	line-height: 0.8em;	
}
.itemimage img{
	float: left;
	display: inline;
	margin: 0;
	padding-right: 15px;
	border: 0;
}


.header a:link {color: #FFCC66; text-decoration:none }
.header a:visited {color: #FFCC66; text-decoration:none }
.header a:active {color: #FFCC66; text-decoration:none }
.header a:hover {color: #FFCC66; text-decoration:none }
/*
.content{
width:660px;
float: left;
display: inline;
background-color: #999;
}
*/