/***********General Styles*************************
Styles for the layout and general elements on page.
***************************************************/
body {
	margin:0;
	padding:0;
	border:0;			
	width:100%;
	background:#BDD8F3;
	font-size:90%;
}
#container{min-width:1000px;} /*mininimum width of page*/
/* set min-width for IE6 & below */
* html div#container{width:expression((document.body.clientWidth<=1003)?'1003px':'auto');} 
img {border:0px;}		
/*container to hold main image menu*/
#mainimagewrap {
	position:relative;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	width:700px;
	height:477px;
}
h4 {padding:0; margin:0;} 	/*heading style*/
/*text style*/
.pagetext {
	text-align:justify; 
	font-size:14px; 
	padding:0; 
	margin:2px auto; 
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*wrap for select tag on form & slelect tag id**************
These are used as a fix for the IE bug found in IE 6 & below
in which the select tag has the highest z-index on the page.
************************************************************/
#select {
	margin:0; 
	padding:0; 
	}
* html #select {
	height:33px; 
	width:253px;
	background:url(http://christmas-fun.com/images/selectbg.gif); 
	background-position:left; 
	background-repeat:no-repeat; 
}
#languageselect	{
	font-family:Curlz MT; 
	font-size:20px; 
	color:#FF0000; 
	font-weight:bold; 
	border-style:solid; 
	border-color:#FBF79C; 
	visibility:visible;		/*to fix IE6 & below bug*/
}
/*************************
2 column Expandable Layout
**************************/
/* column container*/
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1, .col2 {
	float:left;
	position:relative;
	padding:0 0 1px 0;
	overflow:hidden;
}
/* additional column settings */
.rightmenu .colleft {
	right:30%;				/* right column width */
}
.rightmenu .col1 {
	width:68%;				/* left column content width (left column width minus left and right padding) */
	left:30%;				/* (right column width) plus (left column left padding) */
	
}
.rightmenu .col2 {
	width:28%;				/* right column content width (right column width minus left and right padding) */
	left:32%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	border-top:1px solid #000;
}
/******************
End General Styles
*******************/

/***********Header & Menu Styles*******************
Styles for the very top of the page above the menu.
Styles for the menu. ******************************/

/*container that holds top portion of the page (menu & above)*/
#header {
	clear:both;
	float:left;
	width:100%;
	background-image:url(http://christmas-fun.com/images-shared/bordertop.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding-top:2px;
}
/*styles for printable game link at very top of page*/
a.toplink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#FFFFFF;
	margin-right:10px;
	text-decoration:none;
}
a:hover.toplink{text-decoration:underline;}

/*****Menu Styles**********************************
Styles for menu categories and drop down link lists
****************************************************/
/*div container to hold menu*/
#menuwrap {
	clear:both;
	border-top:1px solid #000000;
	margin:0;
	padding:0;
}
/*list that holds the main menu categories*/
ul#mainmenu {
	clear:both;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	background-image:url(http://christmas-fun.com/images/menugreenbg.gif);
	border-bottom:1px #000000 solid;
	cursor:default;
}
ul#mainmenu li {
	display:inline;		/*display list items(categories) horizontally*/
	list-style:none;
	margin:0;
	padding:0;
}
/*category properties*/
ul#mainmenu li div {
	float:left;			/*display block elements(divs) side by side*/
	margin:0 0px 0 0;
	padding:1px 1px;
	width:97px;
	background:url(http://christmas-fun.com/images/menugreenbg.gif) #009900;
	border:1px #666666 solid;
	border-bottom:none;
	border-left:none;
	text-decoration:none; 	/*remove underline from links*/
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
/*drop down menu link list styles*/
/*shared styles*/
#gamescategory, #planningcategory, #tipscategory, #kidscategory, #suppliescategory, #decorationscategory, #favorscategory, #songcategory, #carolscategory, #storiescategory {
	position:absolute; 
	visibility:hidden; 
	margin:0; 
	padding:0;
	background-color:#FFFFFF;
	background-image:url(http://christmas-fun.com/images/christmasfunmenubg.gif);
	background-position:center;
	background-repeat:repeat-y;
	text-align:left;
	border:solid 1px #9A9A9A;
	z-index:200;
}
/*list of drop down menu links styles*/
ul.linklist {margin:0; padding:0; cursor:default;}
ul.linklist li {
	list-style:none; 
	padding:1px 0px 0px 5px; 
	border-bottom:1px #009900 solid; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px;
}
ul.linklist li a{color:#000000; text-decoration:none;}
ul.linklist li a:hover{color:#FFFFFF; background-color:#009900;}

/************************
End Header & Menu Styles
*************************/