body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #5e5e5e;
	background-color: #b9e4f2;
	margin-top: 40px;
	margin-left: 0px;
}

a:active, a:focus {
      outline: 0;
}


/* Page Backgrounds */

.aboutBackground {
	background-image: url("images/about-joanne-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.aboutFlower {
	background-image: url("images/flower.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.splash {
	background-color: #FFFFFF;
}

.gradientBackground {
	background: url(images/bg-gradient.gif);
	background-repeat: repeat-y;
	background-position: top right;
}




/* PADDING & MARGIN */

.paddingTopWhiteSpace {
	padding-bottom: 37px;
}

.paddingFixedContentHight {
	padding-top: 455px;
}

.paddingBottom {
	padding-bottom: 28px;
}

.paddingTopFooter {
	padding-top: 9px;
}

.paddingMainContent {
	padding: 50px;
}

.paddingMainContentSubNav {
	padding: 0px 50px 50px 50px;
}


.paddingRightSideTop {
	padding-top: 50px;
}

.paddingRightSideTop40 {
	padding-top: 35px;
}

.paddingNavSmall {
	padding: 23px 0 0 32px;
}



/* BORDERS */

.borderBrown {
	border: 1px solid #c4c4c4;
}



/* Link's */

a:link, a:visited, a:hover, a:active {
	color: #5e5e5e;
	text-decoration: underline;
}

a.bottomNavLink:link, a.bottomNavLink:visited {
	font-size: 11px;
	color: #5E5E5E;
	text-decoration: none;
}

a.bottomNavLink:hover, a.bottomNavLink:active {
	font-size: 11px;
	color: #12242f;
	font-weight: bold;
	text-decoration: none;
}

a.blueLink:link, a.blueLink:visited, a.blueLink:hover, a.blueLink:active {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}

a.linkBlue:link, a.linkBlue:visited, a.linkBlue:hover, a.linkBlue:active {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

a.navLinkBlue:link, a.navLinkBlue:visited {
	font-size: 12px;
	line-height: normal;
	color: #666666;
	text-decoration: none;
}

a.navLinkBlue:hover, a.navLinkBlue:active {
	font-size: 12px;
	line-height: normal;
	color: #90D4E5;
	text-decoration: none;
}

a.navLinkGreen:link, a.navLinkGreen:visited {
	font-size: 12px;
	line-height: normal;
	color: #666666;
	text-decoration: none;
}

a.navLinkGreen:hover, a.navLinkGreen:active {
	font-size: 12px;
	line-height: normal;
	color: #AAC079;
	text-decoration: none;
}

a.navLinkDarkGreen:link, a.navLinkDarkGreen:visited {
	font-size: 12px;
	line-height: normal;
	color: #666666;
	text-decoration: none;
}

a.navLinkDarkGreen:hover, a.navLinkDarkGreen:active {
	font-size: 12px;
	line-height: normal;
	color: #89A269;
	text-decoration: none;
}

a.linkSubNav:link, a.linkSubNav:visited {
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	color: #12242f;
}

a.linkSubNav:hover, a.linkSubNav:active {
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #71cef5;
}


a.linkNextBack:link, a.linkNextBack:visited {
font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
	padding:1px 5px 1px 5px;
}

a.linkNextBack:hover, a.linkNextBack:active {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #90D4E5;
	padding:1px 5px 1px 5px;
}


a.linkBoldBlue:link, a.linkBoldBlue:visited, a.linkBoldBlue:hover, a.linkBoldBlue:active {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	color: #90D4E5;
}


/* Font's */

.smallGray {
	font-size: 11px;
	line-height: normal;
}

.copyright {
	font-size: 11px;
	line-height: normal;
	color: #5e5e5e;
}

.subNavActive {
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #12242f;
}

.typeSubHead {
	color: #5e5e5e;
}

.normalGray {
	line-height: 16px;
}

.darkGray {
	color: #676767;
}

.biggerDarkGray {
	font-size: 16px;
}

.normalBoldGray {
	line-height: 20px;
	font-weight: normal;
	font-size: 14px;
	color: #12242f;
}

.rSymbol {
	line-height: 20px;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}

.red {
	font-size: 14px;
	line-height: normal;
	color: #C30E2E;
}

.redUnderlin {
	line-height: normal;
	color: #C30E2E;
	text-decoration: underline;
}

.boldGray {
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
}

.bigGray {
	font-size: 25px;
	line-height: normal;
}

.bigSalmon{
	font-size: 25px;
	line-height: normal;
	color: #ED6569;
}


.bigGreen {
	font-size: 25px;
	line-height: normal;
	color: #AAC079;
}

.boldGreen {
	font-size: 20px;
	font-weight: bold;	
	line-height: normal;
	color: #AAC079;
}

.normalGreen {
	font-size: 20px;
	line-height: normal;
	color: #AAC079;
}

.navBoldGreen {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #AAC079;
}

.navBoldBlue {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #90D4E5;
}

.bigDarkGreen {
	font-size: 25px;
	line-height: normal;
	color: #89A269;
}

.boldDarkGreen {
	font-size: 20px;
	font-weight: bold;	
	line-height: normal;
	color: #89A269;
}

.navBoldDarkGreen {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #89A269;
}

.underlineDarkGreen {
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #89A269;
}

.normalDarkGreen {
	font-size: 20px;
	line-height: normal;
	color: #89A269;
}

.navBoldBlue {
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #90D4E5;
}

.bigBlue {
	font-size: 25px;
	line-height: normal;
	color: #90D4E5;
}

.highlightBlue {
	line-height: normal;
	font-weight: bold;
	color: #90D4E5;
}

.underlineBlue {
	line-height: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #90D4E5;
}

.quoteName {
	font-size: 12px;
	padding-left: 25px;
	font-style: italic;
	color: #71cef5;
}


/* DIVS */

.nextBack {
	position: relative;
	z-index:3;
	left: 0px;
	top: 390px;
}


/* Flip Book Div */

.divFlipBook {
	position: absolute;
	z-index: 3;
	padding-top: 0px;
}