/* ggf */

* { margin: 0px; padding: 0px;}

a img {	border:none;}

a {	outline: none;}

body {
background: #000000;
margin : 0;
padding : 0;
}



#wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fde2b8 url(images/gracegleasonfiles_backgroundslice.jpg) repeat-y center top;
	-moz-box-shadow: 0 0 50px 40px #0f1627;
	-webkit-box-shadow: 0 0 50px 40px #0f1627;
	box-shadow: 0 0 50px 40px #0f1627;
padding: 0px;
}

#header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background: #000000;
	border: 0px solid red;
padding: 0px;
}

#navigation {
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding: 0px;
	border: 0px solid red;
}

/*
*	Setup
*/
ul.ggfnav {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.ggfnav li {
	float: left;
	}

ul.ggfnav li a {
	display: block;
	width: 185px;
	background: url("images/grace_gleason_files_navsprite.jpg");
	}

/*
*	Normal Links
*/
ul.ggfnav li.series a {
	background-position: 0 0;
	height: 40px;
	}
	
ul.ggfnav li.who a {
	background-position: 0 -40px;
	height: 35px;
	}

ul.ggfnav li.authors a {
	background-position: 0 -75px;
	height: 39px;
	}
	
ul.ggfnav li.bookclubs a {
	background-position: 0 -115px;
	height: 36px;
	}
	
ul.ggfnav li.ourfriends a {
	background-position: 0 -151px;
	height: 37px;
	}
	
ul.ggfnav li.buynow a {
	background-position: 0 -188px;
	height: 39px;
	}
	
		
/*
*	Hover Links
*/
ul.ggfnav li.series a:hover {
	background-position: -185px 0;
	}
	
ul.ggfnav li.who a:hover {
	background-position: -185px -40px;
	}
	
ul.ggfnav li.authors a:hover {
	background-position: -185px -75px;
	}
	
ul.ggfnav li.bookclubs a:hover {
	background-position: -185px -115px;
	}
	
ul.ggfnav li.ourfriends a:hover {
	background-position: -185px -151px;
	}
	
ul.ggfnav li.buynow a:hover {
	background-position: -185px -188px;
	}



#upcomingnewsshell {
	width: 185px;
	border: 0px solid red;
	margin-top: 226px;
	background: #fde2b8 url("images/grace_gleason_files_updateback.jpg") no-repeat;
}


#upcomingnewz {
	width: 185px;
	border: 1px solid black;
	background:;
	padding: 9px;
	float: right;
	font-family: "Arial", "Helvetica";
}

#upcomingnewzhead {
	width: 155px;
	border: 0px solid black;
	font-size: 12px;
	color: #11306d;
	font-family: "Arial", "Helvetica";
	margin-left: 10px;
}

#upcomingnewzbody {
	width: 155px;
	border: 0px solid black;
	font-size: 9px;
	font-family: "Arial", "Helvetica";
	margin-left: 10px;
}

#upcomingnewzfoot {
	font-size: 9px;
	color: #6f6f6f;
}

#ourfriendshead {
	width: 450px;
	border: 0px solid black;
	font-size: 24px;
	color: #11306d;
	margin-bottom: 5px;
	font-family: "Arial", "Helvetica";
}

#ourfriendsbody {
	width: 450px;
	border: 0px solid black;
	font-size: 10px;
	font-family: "Arial", "Helvetica";
}

#mainpage {
	width: 1000px;
	border: 0px solid yellow;
	padding: 0px;
	margin-left: 185px;
	float: right;
	background: url("images/grace_gleason_files_folderback.jpg") no-repeat;
	background-position: top right; 
}

#mainpagecontent {
width: 765px;
	border: 0px solid red;
	padding: 0px;
	float: right;
	padding: 20px;
}

#topleft {
	width: 815px;
	border: 0px solid yellow;
	padding: 0px;
	float: left;
	background: url("images/grace_gleason_files_topleftback.jpg") no-repeat;
}

#topright {
	width: 594px;
	height:565px;
	border: 0px solid green;
	padding: 0px;
	float: right;
	background: #fde2b8 url("images/grace_gleason_files_toprightback.jpg") no-repeat;
}

h2 {
	font-size: 24px;
	color: #11306d;
	font-family: "Arial", "Helvetica";
}

h1 {
	font-size: 14px;
	color: #000000;
	font-family: "Arial", "Helvetica";
}

p {
	font-size: 12px;
	color: #000000;
	font-family: "Arial", "Helvetica";
}

p.bigger {
	font-size: 16px;
	color: #000000;
	font-family: "Arial", "Helvetica";
}

#smallish {
	font-size: 9px;
	color: #000000;
}

#huge {
font-family:arial, helvetica; color:#004086; font-size:18px;
}

#big {
font-family:arial, helvetica; color:#004086; font-size:16px;
}

#body {
font-family:arial, helvetica; color:#004086; font-size:12px;
}

#mini {
font-family:arial, helvetica; color:#004086; font-size:10px;
}

#micro {
font-family:arial, helvetica; color:#004086; font-size:9px;
}

#hugewhite {
font-family:arial, helvetica; color:#ffffff; font-size:18px;
}

#bigwhite {
font-family:arial, helvetica; color:#ffffff; font-size:14px;
}

#bodywhite {
font-family:arial, helvetica; color:#ffffff; font-size:12px;
}

#miniwhite {
font-family:arial, helvetica; color:#ffffff; font-size:10px;
}

#microwhite {
font-family:arial, helvetica; color:#ffffff; font-size:8px;
}

#hugebeige {
font-family:arial, helvetica; color:#427dc1; font-size:18px;
}

#hugeltblue {
font-family:arial, helvetica; color:#b0d0f4; font-size:18px;
}

#bigbeige {
font-family:arial, helvetica; color:#427dc1; font-size:14px;
}

#bodybeige {
font-family:arial, helvetica; color:#427dc1; font-size:12px;
}

#minibeige {
font-family:arial, helvetica; color:#427dc1; font-size:10px;
}

#microbeige {
font-family:arial, helvetica; color:#427dc1; font-size:8px;
}



A:link {text-decoration: none; color: #427dc1;}
A:visited {text-decoration: none; color: #427dc1;}
A:active {text-decoration: none; color: #427dc1;}
A:hover {text-decoration: underline; color: #427dc1;}

#pscroller1{
width: 290px;
height: 100px;
border: 0px solid black;
padding: 0px;
background-color: "";
margin-top: 420px;
margin-left: 245px;
overflow: visible;
}

.someclass{ //class to apply to your scroller(s) if desired

}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 3100;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50px; 
		left: 50%;
		margin-left: -80px;
		width: 340px;
		background: #fdf0d4;
		position: absolute;
		z-index: 3101;
		padding: 20px 30px 20px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal-disclaimer {
		visibility: hidden;
		top: 400px; 
		left: 50%;
		margin-left: -300px;
		width: 500px;
		background: #fdf0d4;
		position: absolute;
		z-index: 3101;
		padding: 20px 30px 20px;
		-moz-border-radius: 11px;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
	.reveal-modal-disclaimer .close-reveal-modal-disclaimer {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
	
	.squarebox {
        width: 100%;
        border: solid 0px #336699;
        text-align: left;
        overflow: hidden;
        }
    .squareboxgradientcaption {
        color: #ffffff;
        padding: 0px;
    .squareboxcontent {
        background-color: #f5f5f5;
        margin: 0px;
        overflow: hidden;
        border-top: solid 0px #336699; }
		

        
/* End ggf */