/***********************
General Styles
************************/
body {
font-family:"Trebuchet MS", "Palatino Linotype", "Book Antiqua", serif;
font-size: 12px;
background:#3B538B; 
margin:0;
padding:0;
color:#FFFF00;
}
a:link {
color:#FFFF00;
}
a:visited, a:hover, a:active {}
form {
display:inline;
color:#FFFF00;
font-weight:bold;
}
input{
border: 1px solid #47A4BE;
font-size: 12px;
color: #303030;
margin-top:2px;
}
h1 {
text-align:center;
font-size:24px;
padding:0;
margin:0;
line-height:24px;
padding-bottom:2px;
color:#009900;
}
h2 {
padding:0;
margin:0;
font-size:14px;
text-align:center;
}

/*************************
2 column Expandable Layout
**************************/
/* container that holds wraps around entire page*/
#container {
min-width:1008px;
}
#header {
clear:both;
float:left;
width:100%;
background:url(../images/bordertop.gif) top repeat-x;
text-align:center;
}
/* Non-menu links located in header */
a.toplink{
font-size:14px;
font-weight:bold;
margin:0 4px;
color:#FFFF00;
}
a.toplink:hover {
color:#FF0000;
}
/* 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:27%;	/* right column width */
}
.rightmenu .col1 {
width:71%;	/* left column content width (left column width minus left and right padding) */
left:27%;	/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
width:25%;	/* right column content width (right column width minus left and right padding) */
left:29%;	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
text-align:center;
}
/* Footer styles */
#footer{
clear:both;
float:left;
width:100%;
background:#000000;
color:#FFFFFF;
text-align:center;
padding:4px 0;
}
/*****Menu Styles**********************************
Styles for menu categories and drop down link lists
****************************************************/
/*container to hold menu*/
#menuwrap {
clear:both;
border-top:1px  #000000 solid;
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:url(../images/inactivetabBg.gif) #3B538B;
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 button/tab properties*/
ul#mainmenu li div {
float:left;			/*display block elements(divs) side by side*/
margin:0;
padding:0;
width:115px;
background:url(../images/inactivetabBg.gif) #3B538B;
border:1px #666666 solid;
border-bottom:none;
border-left:none;
text-decoration:none; 	/*remove underline from links*/
text-align:center;
color:#FFFFFF;
}
/*drop down menu link list styles*/
/*shared styles*/
#gamescategory, #planningcategory, #tipscategory, #diycategory, #suppliescategory, #decorationscategory, #storiescategory, #adcategory {
position:absolute;
visibility:hidden;
margin:0; 
padding:0;
background:url(../images/menubg.png);
text-align:left;
border:solid 1px #9A9A9A;
z-index:200;	/*large to ensure that it overlaps any other content*/ 
width:200px;
}
/* additional styles */
#gamescategory {
width:500px;
color:#FFFFFF;
}
#adcategory {
width:580px;
text-align:center;
}
/*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 #3B538B solid; 
}
ul.linklist li a {
color:#FFFF00;
text-decoration:none;
}
ul.linklist li a:hover {
background-color:#CC6600;
}
/************************************
Free Games Subcategories Menu Styles
************************************/
/* list that holds subcategory tabs/buttons and content/links */
.gamessubmenu {
display:inline; 
list-style:none;
}
/* left column of games submenu*/
.gamestabs {
width:175px; 
float:left;
}
/*****SubmenuLeft column content******/
/* list that holds subcategory tabs/buttons*/
ul#tabs {
clear:both;
float:left;
width:100%;
list-style:none;
margin:0;
padding:0;
border-bottom:1px #000000 solid;
}
/* shared styles for subcategory tabs/buttons */
ul#tabs li div{
margin:0;
padding:3px 0px;
text-align:center;
width:171px;
color:#FFFF00;
border:1px #000000 solid;
border-bottom:none;
cursor:pointer;
}
/* individualized styles for subcategory tabs/buttons */
#gamestab1 {
background:url(../images/subcatactivebg.png) #C67131;	/*display initially with active background*/
}
#gamestab2, #gamestab3, #gamestab4, #gamestab5, #gamestab6, #gamestab7, #gamestab8, #gamestab9 {background:url(../images/inactivetabBg.gif) #3B538B;	/*display initially with inactive background*/
}
/* section of list that holds games subcategory content/links - right column of games submenu*/
.gamessubmenucontents {
width:325px; 
float:left;
}
/* pumpkin play sub category content/links styles */
#gamescontent1 {
display:block;	/*display this category initially*/ 
color:#FFFFFF;
}
/* shared sub category content/links styles */
#gamescontent2, #gamescontent3, #gamescontent4, #gamescontent5, #gamescontent6, #gamescontent7, #gamescontent8, #gamescontent9 {
display:none; 
color:#FFFFFF; 
}
/* link styles for games submenu links*/
a.gamelink {
color:#FFFF00; 
text-decoration:none; 
padding:1px 1px; 
display:block; 
width:150px; 
float:left; 
margin:0 2px;}
a.gamelink:hover {
background:#CC6600;
}
/*******************
Left Column Content
*******************/
/*containter that holds main image navigation*/
#mainimagewrap {
position:relative;
margin:0;
padding:0;
background:url(../images/hauntedhouseopen.gif) no-repeat #3B538B;	
width:750px;
height:561px;
}
/*******************
Right Column Content
*******************/
/* First/top scrollable area*/
#halloweenideas {
width:240px;
color:#FFFF00;
text-align:justify;
padding:0 3px 0 3px;
line-height:15px;
height:160px;
background:#21345A;
margin-top:10px;
}
/* styles for links located at the bottom of each article/ page text section */
.readmorelink {
font-size:14px;
font-weight:bold;
text-align:right;
}
.readmorelink a {
color:#FF9933;
}
/* style for links that need to stand out */
a.highlightedlink {
color:#FF0000;
background-color:#FFFF00;
font-size:14px;
font-weight:bold;
}
/* bookmark button styles */
.bookmarkbutton {
text-align: center;
width: 245px;
}
/* Second/bottom scrollable area */
#pagetext {
width:240px;
height:300px;
text-align:justify;
line-height:15px;
padding:0 2px 0 2px;
background:#21345A;
margin-top:5px;
}
/* style for long text section broken into paragraphs */
.paragraph {
margin-top:5px;
margin-bottom:3px;
}
/* style for every other article (even articles- article 2, 4, 6, etc)
to separate it from the article above/below it */
.togglearticle{ 
margin-top:15px;
margin-bottom:15px;
background:#394D73;
}
/*shared styles for scroll area navigation*/
.navarrows {
margin-top:2px;
margin-right:5px;
text-align:right;
width:245px;
}
/* First/top scroll area navigation */
#scroll_up, #scroll_down {
cursor: pointer;
}
/* Second/bottom scroll area navigation */
#scrollup, #scrolldown {
cursor: pointer;
}