@charset "UTF-8";
/* CSS Document */

.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 560px;
	height: 378px; /* Set height to be able to contain height of largest content shown*/
	border: 0px solid #687C98;
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

div#main{/*container for glider content and wrapper*/
	position:absolute;
	PADDING-TOP: 192px;
	PADDING-LEFT: 340px;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	visibility: visible;
	width: 510px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding-top: 12px;
	background: #efce9c;
	font-weight: bold;
}

.welcome{ /*style for welcome message.*/
	background-image: url(images/glidercontent/Backgrounds/welcomebackground.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-right:45px;
}

.about{ /*style for about message.*/
	background-image: url(images/glidercontent/Backgrounds/aboutbkgrnd.jpg);
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:35px;
	font-weight: bold;
	font-size: 12px;
}

.aboutdesc{
	width: 310px;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
}	

.abouttoolstitle{
	padding-top: 180px;
	float: right;
}

.abouttools{
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px
}

.notebook{ /*style for notebook main message.*/
	background-image: url(images/glidercontent/Backgrounds/notebookmainbkgrnd2.gif);
	background-repeat: no-repeat;
	padding-right:35px;
	padding-left:39px;
	font-size: 16.5px;
}

.notebookdescript{ /*style for notebook descriptions.*/
	padding-left:9px;
	font-weight: bold;
	font-size: 12px;
}

.notebookskills{ /*style for notebook skills.*/
	font-size: 14.5px;
}

.notebookcommgarden{ /*style for notebook community garden firenze.*/
	background-image: url(images/glidercontent/Backgrounds/notebookcommgardenbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookpristinepools{ /*style for notebook pristine pools of greenwich.*/
	background-image: url(images/glidercontent/Backgrounds/notebookpristinepoolsbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookgpc{ /*style for notebook greenwich point conservancy.*/
	background-image: url(images/glidercontent/Backgrounds/notebookgpcbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebooklivegreen{ /*style for notebook live green connecticut.*/
	background-image: url(images/glidercontent/Backgrounds/notebooklivegreenbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookjb{ /*style for notebook jbaker web design.*/
	background-image: url(images/glidercontent/Backgrounds/notebookjbwebbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookarticrafts{ /*style for notebook articrafts.*/
	background-image: url(images/glidercontent/Backgrounds/notebookarticraftsbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebooktor{ /*style for notebook tor.*/
	background-image: url(images/glidercontent/Backgrounds/notebooktorbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookshortbus{ /*style for notebook shortbus.*/
	background-image: url(images/glidercontent/Backgrounds/notebookshortbusbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.notebookpostwines{ /*style for notebook postwines.*/
	background-image: url(images/glidercontent/Backgrounds/notebookpostbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-right:35px;
}

.contactus{ /*style for contact us form.*/
	background-image: url(images/glidercontent/Backgrounds/contactbkgrnd.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-right:35px;
}

.contactusmessage{ /*style for contact us form message field.*/
	/*background-color: #6666FF;*/
	background-image: url(images/glidercontent/messagebkgrnd.gif);
	text-align: left;
	WIDTH: 194px;
	HEIGHT: 175px;
	BORDER: #efce9c 1px solid;
	color: #4d0101;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

.contactusaddress{ /*style for contact us form address fields.*/
	background-image: url(images/glidercontent/shadeform2.gif);
	text-align: left;
	WIDTH: 180px;
	BORDER: #efce9c 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #4d0101;
}

.contactmessageplacement{
	margin-left: 21px;
	margin-top: 10px;
}
.contactaddressplacement{
	padding-left:305px;
	padding-top:115px;
}

.contactsendbutton{
	background-image: url(/images/glidercontent/sendpostcard.gif);	
}

/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

/*div#nav2{
	position:fixed;
	PADDING-TOP: 100px;
	PADDING-LEFT: 20px;
	z-index: 20;
}*/

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

div#prevnext{/*container for glider previous/next buttons*/
	position:absolute;
	padding-top: 566px;
	padding-left: 500px;
	height: 60px;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}