/*------------------New Global Stylesheet------------------*/

/*General Styles -----------*/
body { 
	margin:0;
	padding:0; 
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	color:#000;
    font-size:11px;
	background:#612316;
	text-align:center;
	width:100%;
	}
img { border:0; }

div, form, table, td, th, input, textarea, select, caption, 
fieldset, legend, address, img, hr {
	margin:0;
	padding:0; 
	}
a:link, a:active, a:visited, a:hover {
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
	}
#container { 
	position:relative;
	width:990px;
	margin:0 auto;
	text-align:left;
	background:#612316 url(/StoryStarters/graphics/global/bg_woodgrain.jpg) repeat 0 48px;
	}
	
/*Top Navigation -----------*/
.nav {
	width:990px;
	height:48px;
	}
.topShadow {
	position:relative;
	z-index:99;
	width:990px;
	height:26px;
	}
.logo {
	position:relative;
	z-index:5;
	width:189px;
	height:202px;
	left:43px;
	top:-26px;
	}
	
/*Footer -----------*/

.pageEnd {
	width:956px;
	height:57px;
	padding-left:34px;
	}
.footer {
	background:#612316;
	clear:both;
	float:left;
	text-align:center; 
	color:#a79d74;
	padding-top:5px;
	font-size:10px;
	}
	.footer a:link, .footer a:active, .footer a:visited {
		font-weight:bold;
		color:#fcf5c7;
		text-decoration:underline;
		}
	.footer a:hover {
		font-weight:bold;
		color:#a79d74;
		text-decoration:underline;
		}	
	
/*------------------Global Styles------------------*/		
 .content {	
	/* Set the height of this area for each individual page or section by 
	adding a selector to the #container div. See the Activies Styles below for example. */
	background:transparent url(/StoryStarters/graphics/global/placemat_tile-y.jpg) repeat-y 34px 0;
	width:990px;
	}	
	.content a:link, .content a:visited {
		color:#e38722;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
		}	
	.content a:active, .content a:hover {
		color:#e38722;
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		}	
.layerTop { 	/* content goes in this area - area is positioned to top left of container */
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	}

/* Traveling Spatula altered Global Styles */

.travelingSpatulaContent {	
	/* Set the height of this area for each individual page or section by 
	adding a selector to the #container div. See the Activies Styles below for example. */
	background:transparent url(/StoryStarters/graphics/global/placemat_tile-y.jpg) repeat-y 34px 0;
	width:990px;
	}
* html .travelingSpatulaContent{
	float:left;}
		
	.travelingSpatulaContent a:link, .content a:visited {
		color:#e38722;
		font-style:normal;
		font-weight:bold;
		text-decoration:none;
		}	
	.travelingSpatulaContent a:active, .content a:hover {
		color:#e38722;
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		}
			
/*Page Copy ------------*/
.copy {
	float: left;	
	width: 740px;
	height: 572px;
	background: url(/StoryStarters/graphics/global/content_body.gif) no-repeat #6B3A34; }

	.copy p {
		font-style: normal;
		color: #FFF;
		font-size: small; }	
	
		.copy p input {	height: 14px; }
	
	.copy .text {
		font-style: normal;
		color: #FFF;
		font-size: small;	
		margin-left: 55px;
		margin-top: 10px; }	
		
	.copy .text_story {
		font-style: normal;
		color: #FFF;
		font-size: small;	
		margin-left: 55px;
		margin-top: 0px; }		
		
	.copy .title {
		font-style: normal;
		color: #FFF;
		font-size: 15px;	
		margin-left: 55px;
		margin-top: 10px; }		
	
	.copy .errors {
		font-style: normal;
		color: #FFF;
		font-size: small;
		margin-left: 55px;
		margin-top: 10px; }

.submitstory {
	font-size: x-small;
	text-align: center;
	width: 280px; }


/*Page Tables ------------*/
.copy .tablebody { margin-left: 35px; }	

.copy .tablebody .textbody {
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	font-size: small; }
	
.copy .tablebody input { height: 14px; }	
	
/*Left Navigation ------------*/
.leftNav-bg { 		/* napkin graphic */
	position:relative;
	z-index:1;
	left:0;
	top:-74px;
	width:272px;
	height:418px;
	}
.leftNav {		/* area for text and nav */
	position:relative;
	left:48px;
	top:250px;
	width:170px;
	height:335px;
	color:#635b47;
    font-size:13.5px;
	}	
/*.subnav .subnav_left {
	float: left;
	background: url(/StoryStarters/graphics/global/subnav_left.gif) no-repeat #6B3A34; 
	width: 36px;
	height: 503px; }

.subnav .subnav_center {
	float: left;
	background: url(/StoryStarters/graphics/global/subnav_center.gif) no-repeat #6B3A34; 
	width:214px;
	height:503px; }

.subnav p a:link, .subnav p a:active, .subnav p a:visited, .subnav p a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline; }

.subnav .images_links {
	margin-top: 20px;
	padding-left: 10px; }	
	
.subnav .images_play {	margin-top: 55px; }	
	
.subnav .images_friend { padding-left: 40px; }	
	
.subnav .bottom {
	padding-left: 45px;		
	margin-top: 90px;
	font-size: 11px;
	text-align: left; }*/
	
/*------------------ Activities Styles ------------------*/		
.activities .content {height:625px;} /* The .activities class is added to the #container div */

	* html .content {overflow:hidden;} /* fixes IE6 extra space below page content */

.folder {
	position:absolute;
	z-index:7;
	width:800px;
	height:560px;
	/*top:-600px;*/
	top:94px;
	left:190px;
	}
	* html .folder {overflow:hidden;}

.adobeBox {
	position:absolute;
	width:265px;
	top:543px;
	left:304px;
	}	
.instructionBox {
	position:absolute;
	width:100px;
	top:540px;
	left:617px;
	font-weight:bold;
	}
.linkBox {
	position:absolute;
	width:170px;
	height:97px;
	top:507px;
	left:720px;
	overflow:auto;
	}
	.linkBox ul {
		margin:0;
		padding:0;
		width:150px;
		list-style:none;
		text-align:right;
		}
		.linkBox ul li {
			margin:0;
			padding:2px 20px 1px 0;
			background: transparent url(/StoryStarters/graphics/global/icon_pdf.gif) no-repeat right center;
			font-weight:bold;
			}
			.linkBox ul li a {
				text-transform:uppercase;
				}

	
/*------------------ IE6 PNG Styles ------------------*/		
* html .topShadow img { behavior: url(/StoryStarters/inc/iepngfix.htc); }	
* html .logo img { behavior: url(/StoryStarters/inc/iepngfix.htc); }	
* html .leftNav-bg img { behavior: url(/StoryStarters/inc/iepngfix.htc); }	
* html .pageEnd img { behavior: url(/StoryStarters/inc/iepngfix.htc); }	

* html .folder img { behavior: url(/StoryStarters/inc/iepngfix.htc); }