@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	width: 97%;
	height: auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:97%;
}

* { 
  margin: 0; 
  padding: 0; 
}
h1, h2, h3 {
	font-weight: normal;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.authbackground {
	background-color: #f4e7d4;
}
.authbackground img {
	border: 2px solid #C8C8C0;
}
.authmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/authnewribbon.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.authmenu li {
	border-bottom: 1px solid #625278;
}
.authmenureverse {
	text-decoration:none 
}
.blackbodyfont {
	font-family: 'Roboto', sans-serif;
	color: #000000;
}
.blogbackground {
	background-color: #e5e2cf;
}
.blogbackground img {
	border: 2px solid #3E3C2D;
}
#blogheaderdiv {
	display:inline-block;
	display: block;
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
.blogmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/blogribbonnew.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.blogmenu li {
	border-bottom: 1px solid #575545;
}
.blogmenureverse {
	text-decoration:none 
}
body {
	width: auto;
	padding: 0px;
	background-color: #3b3632;
	font-size: 100%;
}
.bookbackground {
	background-color: #aba8a1;
}
.bookbackground img {
	border: 2px solid #7c776e;
}
#bookdivtitle {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivck {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivckD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivckT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivco {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivcoD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivcoT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivde {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivdeD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivdeT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivhk {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivhkD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivhkT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivho {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivhoD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivhoT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivsk {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivskD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivskT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivtb {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivtbD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivtbT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivvg {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivvgD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivvgT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivwa {
	width: 97%;
	height:auto;
	max-width: 780px;
	text-align:center;
}
#bookdivwaD {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 530px;
	padding: 10px 2px 10px 2px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#bookdivwaT {
	vertical-align:top;
	width: 39%;
	padding: 10px 2px 10px 2px;
	height: auto;
	max-width: 250px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
.booksmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/booksribnew.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.booksmenu li {
	border-bottom: 1px solid #423936;
}
.booksmenureverse {
	text-decoration:none 
}
.boxfont {
	font-family: 'Old Standard TT', serif;
	font-size: 15px;
	color: #e5e5e5;
	font-style:italic;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.boxfontbanner {
	font-family: 'Old Standard TT', serif;
	font-size: 33px;
	color: #e5e5e5;
	font-style:italic;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#boxmenu {
	position:relative;
	background-image: none;
	text-decoration:none;
	width: 100%;
	text-align: center;
	display:inline-block;
	/*Dirty IE Hack*/
 	zoom: 1;
  	*display: inline;
}
#boxmenu nav ul {
	list-style: none; /* this removes the list marker */
	background-color: #000000;
	border-top: 1px solid; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	border-color:  #a9a9a9;
	border-bottom: none;
}
#boxmenu li {
	list-style: none;
	border-bottom: 1px solid; /* this creates the button separation */
	border-color:  #3e3e3e;
}
#boxmenu nav a, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding-top: 3px;
	padding-bottom: 3px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: auto;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color: #e5e5e5;
}
#boxmenu nav a:hover, nav a:active, nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #3e3e3e;
	color: #e5e5e5;
}
.ckbackground {
	background-color: #d3d3d3;
}
.ckbackground img {
	border: 2px solid #272517;
}
.ckbodyfont {
	font-family: 'Roboto', sans-serif;
	color: #171509;
}
.ckmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/ckribbonnew.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.ckmenu li {
	border-bottom: 1px solid #625f4a;
}
.coilsbackground {
	background-color: #fae0bf;
}
.coilsbackground img {
	border: 2px solid #47322b;
}
.coilsmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/coilsribbonnew.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.coilsmenu li {
	border-bottom: 1px solid #be9080;
}
.coilsmenureverse {
	text-decoration:none 
}
#containerfluid {
	width:inherit;
}
footer {
	width: auto;
	margin: 0px;
	background-color: #a8a09a;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
}
footer p {
	margin: 3px;
}
header {
	width:auto;
	background-color: #000000;
	text-align: center;
	text-decoration:none;
	background-image:url(Design/Assets/images/bannerfluidmobile.jpg);
	background-repeat:repeat-x;
	font-family: 'Roboto', sans-serif;
}
header h2 {
	font-size: 16px;
}
header, footer, {
	display: block;
}
.hkbackground {
	background-color: #c8d9d3;
}
.hkbackground img {
	border: 2px solid #2f392f;
}
.hkbodyfont {
	font-family: 'Roboto', sans-serif;
	color: #001f01;
}
.hkmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/hkribbonnew.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.hkmenu li {
	border-bottom: 1px solid #47754d;
}
.hkmenureverse {
	text-decoration:none 
}
.hopebackground {
	background-color: #c8e7e4;
}
.hopebackground img {
	border: 2px solid #000000;
}
.hopemenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/hoperibbonnew.jpg);
	background-repeat: repeat;
}
.hopemenu li {
	border-bottom: 1px solid #3c3c3c;
}
.hopemenureverse {
	text-decoration:none 
}
#indauth {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 
}
#indblogA {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 	
}
#indblogB {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
#indbook1 {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
#indbook2 {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 	
}
#indbook3 {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 	
}
#indcoils {
}
#indexbody {
	background-image:url(Design/Assets/images/backgroundmobile.jpg);
	background-attachment:scroll;
	background-repeat:repeat;
	margin: 15px;
}
#indexbody a:link, a:visited, a:hover, a:active { 
	color: #D4D4D4
}
.indexbooks {
	font-family: 'Old Standard TT', serif;
	font-size: 15px;
	margin: 15px;
	color: #D4D4D4;
	text-decoration: none;
	vertical-align: middle;
	font-style:italic;
}
.indexbooktop {
	font-family: 'Old Standard TT', serif;
	font-size: 18px;
	margin: 8px;
	color: #DADADA;
	text-decoration: none;
	font-style:italic;
}
.indexlloydname {
	font-family: 'Old Standard TT', serif;
	font-size: 11px;
	color: #D4D4D4;
	font-style:italic;
}
.indexlloydquote {
	font-size: 12x;
	color: #D4D4D4;
	font-family: 'Old Standard TT', serif;
	font-style:italic;
}
#indexmaster {
	background-color:#000000;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}
#indextitlewrapper {
	background-image:url(Design/Assets/images/bannerfluidmobile.jpg);
	width: 100%;
	min-height: 34px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.indextitlefont {
	font-family: 'Old Standard TT', serif;
	font-size: 20px;
	color: #DADADA;
	text-decoration: none;
	font-style:italic;
}
#indkin {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
#indlloyd {
	text-align: center;
}
#indmaids {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 	
}
#indnew {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 	
}
#indsign {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 	
}
#indsky {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 	
}
#indten {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 	
}
#indtril {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 
}
#indwalls {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
#indwrite {
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px; 	
}
#indwr1 {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
#indwr2 {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px; 
}
.maidsbackground {
	background-color: #aaaca7;
}
.maidsbackground img {
	border: 2px solid #4D4E49;
}
.maidsmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/maidsribbonnew.jpg);
	background-repeat: repeat;
}
.maidsmenu li {
	border-bottom: 1px solid #7f846c;
}
.maidsmenureverse {
	text-decoration:none 
}
.maidsphotobackground {
	background-color: #9D9F9C;
}	
.maidsphotobackground img {
	border: 2px solid #4D4E49;
}
.maidsphotomenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/maidsphotoribbonnew.jpg);
	background-repeat: repeat;
}
.maidsphotomenu li {
	border-bottom: 1px solid #728687;
}
.maidsphotomenureverse {
	text-decoration:none 
}
.newbackground {
	background-color: #f2d5b3;
}
.newbackground img {
	border: 2px solid #ae8360;
}
.newmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/signribbonnew.jpg);
	background-repeat: repeat;
}
.newmenu li {
	border-bottom: 1px solid #cbab91;
}
.newmenureverse {
	text-decoration:none 
}
#outercontainerfluid {
	width: 100%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.photobackground {
	background-color: #f4e7d4;
}
.photobackground img {
	border: 2px solid #d3beaf;
}
.photomenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/photoribbonnew.jpg);
	background-repeat: repeat;
}
.photomenu li {
	border-bottom: 1px solid #daa8a2;
}
.photomenureverse {
	text-decoration:none
}
.pubbackground {
	background-color: #d9eeb5;
}
.pubbackground img {
	border: 2px solid #8b856f;
}
.pubmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/pubribbonnew.jpg);
	background-repeat: repeat;
}
.pubmenu li {
	border-bottom: 1px solid #888268;
}
.pubmenureverse {
	text-decoration:none 
}
.skybodyfont {
	font-family: 'Roboto', sans-serif;
	color:#13255b;
}
#sidebarfluid {
	text-decoration:none;
	width: 100%;
	text-align: center;
	display:inline-block;
	/*Dirty IE Hack*/
  zoom: 1;
  *display: inline;	
}
#sidebarfluid nav ul {
	list-style: none !important; /* this removes the list marker */
}
#sidebarfluid li {
	list-style: none !important;
}
#sidebarfluid nav a, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: auto;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
}
#sidebarfluid a.authmenureverse, a.authmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.authmenureverse:hover, a.authmenureverse:active a.authmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #7a6f85;
	color: #FCFBF5;
}
#sidebarfluid a.blogmenureverse, a.blogmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFFFFF;
}
#sidebarfluid a.blogmenureverse:hover, a.blogmenureverse:active a.blogmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #656347;
	color: #FFFFFF;
}
#sidebarfluid a.booksmenureverse, a.booksmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.booksmenureverse:hover, a.booksmenureverse:active a.booksmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #3e3a34;
	color: #FCFBF5;
}
#sidebarfluid a.ckmenureverse, a.ckmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #D2D2D2;
}
#sidebarfluid a.ckmenureverse:hover, a.ckmenureverse:active a.ckmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #6c684a;
	color: #D2D2D2;
}
#sidebarfluid a.coilsmenureverse, a.coilsmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.coilsmenureverse:hover, a.coilsmenureverse:active a.coilsmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #ad6c53;
	color: #FCFBF5;
}
#sidebarfluid a.hopemenureverse, a.hopemenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #ffffff;
}
#sidebarfluid a.hkmenureverse, a.hkmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #D9FFD9;
}
#sidebarfluid a.hkmenureverse:hover, a.hkmenureverse:active a.hkmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #4b7150;
	color: #D9FFD9;
}
#sidebarfluid a.hopemenureverse:hover, a.hopemenureverse:active a.hopemenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #333333;
	color: #ffffff;
}
#sidebarfluid a.maidsmenureverse, a.maidsmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #D2D2D2;
}
#sidebarfluid a.maidsmenureverse:hover, a.maidsmenureverse:active a.maidsmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #5f644c;
	color: #D2D2D2;
}
#sidebarfluid a.maidsphotomenureverse, a.maidsphotomenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.maidsphotomenureverse:hover, a.maidsphotomenureverse:active a.maidsphotomenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #577185;
	color: #FCFBF5;
}
#sidebarfluid a.newmenureverse, a.newmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.newmenureverse:hover, a.newmenureverse:active a.newmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #c19f81;
	color: #FCFBF5;
}
#sidebarfluid a.photomenureverse, a.photomenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #171509;
}
#sidebarfluid a.photomenureverse:hover, a.photomenureverse:active a.photomenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #cf938b;
	color: #171509;
}
#sidebarfluid a.pubmenureverse, a.pubmenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FCFBF5;
}
#sidebarfluid a.pubmenureverse:hover, a.pubmenureverse:active a.pubmenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #8b856f;
	color: #FCFBF5;
}
#sidebarfluid a.skymenureverse, a.skymenureverse:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #13255b;
}
#sidebarfluid a.skymenureverse:hover, a.skymenureverse:active a.skymenureverse:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #d8e2fb;
	color: #13255b;
}
#sidebarfluid a.tbmenureverse, a.tbmenureverse:visited {
	color: #FCFBF5;
}
#sidebarfluid a.tbmenureverse:hover, a.tbmenureverse:active a.tbmenureverse:focus {
	background-color: #694c43;
	color: #FCFBF5;
}
#sidebarfluid a.tbphotomenureverse, a.tbphotomenureverse:visited {
	color: #FCFBF5;
}
#sidebarfluid a.tbphotomenureverse:hover, a.tbphotomenureverse:active a.tbphotomenureverse:focus {
	background-color: #787b65;
	color: #FCFBF5;
}
#sidebarfluid a.trmenureverse, a.trmenureverse:visited {
	color:  #FCFBF5;
}
#sidebarfluid a.trmenureverse:hover, a.trmenureverse:active a.trmenureverse:focus {
	background-color: #b18a3f;
	color:  #FCFBF5;
}
#sidebarfluid a.vgmenureverse, a.vgmenureverse:visited {
	color: #000000;
}
#sidebarfluid a.vgmenureverse:hover, a.vgmenureverse:active a.vgmenureverse:focus {
	background-color: #e86668;
	color: #000000;
}
#sidebarfluid a.wallsmenureverse, a.wallsmenureverse:visited {
	color: #FFFFFF;
}
#sidebarfluid a.wallsmenureverse:hover, a.wallsmenureverse:active a.wallsmenureverse:focus {
	background-color: #4eac9d;
	color: #FFFFFF;
}
#sidebarfluid a.writemenureverse, a.writemenureverse:visited {
	color: #FFFFFF;
}
#sidebarfluid a.writemenureverse:hover, a.writemenureverse:active a.writemenureverse:focus {
	background-color: #7a9dd4;
	color: #FFFFFF;
}
.signmenufont {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
.skybackground {
	background-color: #b1e8ff;
}
.skybackground img {
	border: 2px solid #EAF4F4;
}
.skymenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/skyribbonnew.jpg);
	background-repeat: repeat;
}
.skymenu li {
	border-bottom: 1px solid #a4c3fc;
}
.skymenureverse {
	text-decoration:none 
}
.tbbackground {
	background-color: #e2c6ba;
}
.tbbackground img {
	border: 2px solid #3e3d34;
}
#tbcovers {	
	width: 97%;
	height:auto;
	float: right;
	max-width: 780px;
	text-align:center;
}
#tbcoverh {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 260px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#tbcoverp {
	width: 39%;
	padding: 10px 5px 10px 5px;
	height: auto;
	max-width: 261px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
.tbmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/tbribbonnew.jpg);
	background-repeat: repeat;
}
.tbmenu li {
	border-bottom: 1px solid #8a655a;
}
.tbmenureverse {
	text-decoration:none 
}
.tbphotobackground {
	background-color: #c5d0b2;
}
.tbphotobackground img {
	border: 2px solid #3e3d34;
}
.tbphotomenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/tbphotoribbonnew.jpg);
	background-repeat: repeat;
}
.tbphotomenu li {
	border-bottom: 1px solid #c5d0b2;
}
.tbphotomenureverse {
	text-decoration:none 
}
.trbackground {
	background-color: #fcd06d;
}
.trbackground img {
	border: 2px solid #906016;
}
.trmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/treasureribbonnew.jpg);
	background-repeat: repeat;
}
.trmenu li {
	border-bottom: 1px solid #d09a36;
}
.trmenureverse {
	text-decoration:none 
}
.vgbackground {
	background-color: #e0e0e0;
}
.vgbackground img {
	border: 2px solid #000000;
}
.vgmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/vgribbonrev.jpg);
	background-repeat: repeat;
}
.vgmenu li {
	border-bottom: 1px solid #000000;
}
.vgmenureverse {
	text-decoration:none 
}
.wallsbackground {
	background-color: #cef6dc;
}
.wallsbackground img {
	border: 2px solid #347c70;
}
.wallsmenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/wallsribbonnewA.jpg);
	background-repeat: repeat;
}
.wallsmenu li {
	border-bottom: 1px solid #bce4de;
}
.wallsmenureverse {
	text-decoration:none 
}
#webbodyfluid {
	width: auto;
	float: left;
	position: relative;/* this gives IE6 hasLayout to properly clear */
}
#webbodyfluid .bodyfont3mm {
	font-size:9px;
}
#webbodyfluid .papyrus4mm {
	font-size:14px
}
#webbodyfluid .papyrus3andhalf {
	font-size:12px;
}
#webbodyfluid h1, h2, h3, h4, h5, h6, p, form, section {
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#webbodyfluid blockquote {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
}
#webbodyfluid blockquote li {
	list-style:inside;
}
#webbodyfluid ul {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 3px;
	font-size: 12px;
}
#webbodyfluid ul li {
	list-style:inside;
}
#webbodyfluid h1 {
	font-size: 17px;
	font-weight:normal;
	padding-bottom: 0px;
}
#webbodyfluid h2 {
	font-size: 14px;
	padding-top: 0px;
	}
#webbodyfluid h3 {
	font-size: 14px;
}
#webbodyfluid h4 {
	font-size: 9px;
}
#webbodyfluid p, span {
	font-size: 12px;
}
#webbodyfluid a:link {
	color:inherit;
	text-decoration: underline;
}
#webbodyfluid a:visited {
	color:inherit;
	text-decoration: underline;
}
#webbodyfluid a:hover {
	color:inherit;
	text-decoration: underline;
}
#webbodyfluid a:active {
	color:inherit;
	text-decoration: underline;
}
#webbodyfluid img, object, embed, video {
	max-width: 97%;
	max-height: auto;
}
.writebackground {
	background-color: #e0ebf3;
}
.writebackground img {
	border: 2px solid #5f7bab;
}
.writemenu {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/writeribbonnew.jpg);
	background-repeat: repeat;
}
.writemenu li {
	border-bottom: 1px solid #e0ebf3;
}
.writemenureverse {
	text-decoration:none 
}
#writelifewrap {	
	width: 97%;
	height:auto;
	float: right;
	max-width: 780px;
	text-align:center;
}
#writelifepub {
	width: 39%;
	padding: 5px;
	height:auto;
	max-width: 315px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}
#writelifewri {
	width: 39%;
	padding: 10px 5px 10px 5px;
	height: auto;
	max-width: 315px;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.authbackground img {
	border: 5px solid #C8C8C0;
}
.blogbackground img {
	border: 5px solid #3E3C2D;
}
.bookbackground img {
	border: 5px solid #7c776e;
}
.boxfont {
	font-size: 18px;
}
.boxfontbanner {
	font-size: 35px;
}
footer {
	font-size: 11px;
}
.ckbackground img {
	border: 5px solid #272517;
}
.coilsbackground img {
	border: 5px solid #47322b;
}
.hkbackground img {
	border: 5px solid #2f392f;
}
.hopebackground img {
	border: 5px solid #000000;
}
.indexbooks {
	font-size: 18px;
	margin: 30px;
}
.indexbooktop {
	font-size: 23px;
	margin: 10px;
}
.indexlloydname {
	font-size: 16px;
}
.indexlloydquote {
	font-size: 20x;
}
.indextitlefont {
	font-size: 32px;
}
.maidsbackground img {
	border: 5px solid #4D4E49;
}	
.maidsphotobackground img {
	border: 5px solid #4D4E49;
}
.newbackground img {
	border: 5px solid #ae8360;
}
.photobackground img {
	border: 5px solid #d3beaf;
}
.pubbackground img {
	border: 5px solid #8b856f;
}
.signmenufont {
	font-size: 12px;
}
.skybackground img {
	border: 5px solid #EAF4F4;
}
.tbbackground img {
	border: 5px solid #3e3d34;
}
.tbphotobackground img {
	border: 5px solid #3e3d34;
}
.trbackground img {
	border: 5px solid #906016;
}
.vgbackground img {
	border: 5px solid #000000;
}
.wallsbackground img {
	border: 5px solid #347c70;
}
#webbodyfluid .bodyfont3mm {
	font-size:11px;
}
#webbodyfluid .papyrus4mm {
	font-size:17px
}
#webbodyfluid .papyrus3andhalf {
	font-size:14px;
}
#webbodyfluid blockquote {
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
}
#webbodyfluid h1 {
	font-size: 19px;
	}
#webbodyfluid h2 {
	font-size: 17px;
	}
#webbodyfluid h3 {
	font-size: 17px;
}
#webbodyfluid h4 {
	font-size: 11px;
}
#webbodyfluid p, span {
	font-size: 14px;
}
#webbodyfluid ul {
	font-size: 14px;
}
.writebackground img {
	border: 5px solid #5f7bab;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.authbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/authorbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.authbackground img {
	border: 8px solid #C8C8C0;
}
.blogbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/blogbackgroundb.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.blogbackground img {
	border: 8px solid #3E3C2D;
}
.bookbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/bookbackgroundnew.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.bookbackground img {
	border: 8px solid #7c776e;
}
.boxfont {
	font-size: 19px;
}
#boxmenu {
	padding: 0;
	margin: 0 auto;
	float:left;
   	width:970px;
   	background-image:url(Design/Assets/images/bannerfluidbottom.jpg);
	background-repeat:no-repeat;
}
#boxmenu nav {
	border: none;
}
#boxmenu nav ul {
	background-color: transparent;
	clear:left;
   	float:right;
  	margin:0;
  	padding:0;
   	position:relative;
   	right:50%;
	border: none;
}
#boxmenu li {
	border: none;
	display:block;
   	float:left;
  	margin:0;
  	padding:0;
   	position:relative;
   	left:50%;
}
#boxmenu nav a {
   margin:0 0 0 1px;
   padding:0px 10px 0px 10px;
}
.ckbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/ckbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.ckbackground img {
	border: 8px solid #272517;
}
.coilsbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/coilsbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.coilsbackground img {
	border: 8px solid #47322b;
}
#containerfluid {
	width: 970px;
	margin: 0 auto;
	padding: 0;
}
footer {
	margin: 0;
	padding: 10px 0px;
	font-size: 11px;
}
header {
	height: 65px;
	width: 970px;
	min-width: 970px;
	padding: 0;
	margin: 0 auto;
	float:left;
   	position:relative;
	background-image:url(Design/Assets/images/bannerfluidtop.jpg);
	background-repeat:no-repeat;
}
header h2 {
	display: none;
}
.hkbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/hkbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.hkbackground img {
	border: 8px solid #2f392f;
}
.hopebackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/HopeBackgroundnew.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.hopebackground img {
	border: 8px solid #000000;
}
#indauth {
	position: absolute;
	text-align: right;
	top: 238px;
	right: 22px;
	height: 42px;
	width: 429px;
	padding: 0px;
}
#indblogA {
	position: absolute;
	top: 22px;
	right: 102px;
	height: 45px;
	width: 446px;
	text-align: right;
	padding: 0px;
}
#indblogB {
	position: absolute;
	top: 71px;
	right: 74px;
	height: 40px;
	width: 165px;
	text-align: right;
	padding: 0px;

}
#indbook1 {
	position: absolute;
	top: 94px;
	left: 51px;
	height: 35px;
	width: 366px;
	text-align: left;
	padding: 0px;
}
#indbook2 {
	position: absolute;
	text-align: left;
	top: 141px;
	left: 39px;
	width: 527px;
	height: 34px;
	padding: 0px;
}
#indbook3 {
	position: absolute;
	text-align: left;
	top: 188px;
	left: 61px;
	height: 36px;
	width: 529px;
	padding: 0px;
}
#indcoils {
	position: absolute;
	text-align: left;
	top: 447px;
	left: 235px;
	height: 36px;
	width: 531px;
	padding: 0px;
}
#indexbody {
	position: absolute;
	top: 123px;
	width: 980px;
	height: 530px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(Design/Assets/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
#indexbody a:link, a:visited, a:hover, a:active {
	color: #D4D4D4
}
.indexbooks {
	font-size: 20px;
	margin: 0px;
}
.indexbooktop {
	font-size: 25px;
	margin: 0px;
}
.indexlloydname {
	font-size: 17px;
}
.indexlloydquote {
	font-size: 20px;
}
#indexmaster {
	text-decoration:none;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
#indextitlewrapper {
	background-image:none;
	width: 100%;
	height: 125px;
	margin-left: auto;;
	margin-right: auto;
	text-align: center;
}
.indextitlefont {
	font-size: 38px;
}
#indkin {
	position: absolute;
	text-align: left;
	top: 409px;
	left: 199px;
	height: 32px;
	width: 259px;
	padding: 0px;
}
#indlloyd {
	position: relative;
	left: -24px;
	width: 876px;
	text-align: center;
}
#indmaids {
	position: absolute;
	text-align: left;
	top: 370px;
	left: 143px;
	height: 32px;
	width: 391px;
	padding: 0px;
}
#indnew {
	position: absolute;
	top: 131px;
	height: 42px;
	right: 50px;
	width: 350px;
	text-align: right;
	padding: 0px;
}
#indsign {
	position: absolute;
	text-align: right;
	top: 185px;
	right: 39px;
	height: 44px;
	width: 557px;
	padding: 0px;
}
#indsky {
	position: absolute;
	text-align: left;
	top: 279px;
	left: 97px;
	height: 35px;
	width: 510px;
	padding: 0px;
}
#indten {
	position: absolute;
	text-align: left;
	top: 235px;
	left: 76px;
	height: 33px;
	width: 421px;
	padding: 0px;
}
#indtril {
	position: absolute;
	top: 39px;
	left: 75px;
	height: 42px;
	width: 348px;
	text-align: left;
	padding: 0px;
}
#indwalls {
	position: absolute;
	text-align: left;
	top: 325px;
	left: 117px;
	height: 35px;
	width: 431px;
	padding: 0px;
}
#indwrite {
	position: absolute;
	top: 290px;
	right: 35px;
	height: 42px;
	width: 344px;
	text-align: right;
	padding: 0px;
}
#indwr1 {
	position: absolute;
	top: 342px;
	right: 60px;
	height: 40px;
	width: 300px;
	text-align: right;
	padding: 0px;
}
#indwr2 {
	position: absolute;
	top: 395px;
	right: 68px;
	height: 40px;
	width: 380px;
	text-align: right;
	padding: 0px;
}
.maidsbackground {
	background-attachment: scroll;
	background-image:url(Design/Assets/images/maidstextbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.maidsbackground img {
	border: 8px solid #4D4E49;
}
.maidsphotobackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/maidsphotobackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}	
.maidsphotobackground img {
	border: 8px solid #4D4E49;
}
.newbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/signbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.newbackground img {
	border: 8px solid #ae8360;
}
.photobackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/authorbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.photobackground img {
	border: 8px solid #d3beaf;
}
.pubbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/pubbackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.pubbackground img {
	border: 8px solid #8b856f;
}
#sidebarfluid {
	float: right;
	width: 180px;
	max-width: 180px;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	vertical-align: middle;
	height:inherit
}
#sidebarfluid nav ul {
	border:none;
}
#sidebarfluid li {
	border:none;
}
#sidebarfluid nav a, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 7px;
	width: 170px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
}
.skybackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/skybackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.skybackground img {
	border: 8px solid #EAF4F4;
}
.tbbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/werewolftile.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.tbbackground img {
	border: 8px solid #3e3d34;
}
.tbphotobackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/photowerewolftile.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.tbphotobackground img {
	border: 8px solid #3e3d34;
}
.trbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/treasurebackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.trbackground img {
	border: 8px solid #906016;
}
.vgbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/vgbackgroundB.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.vgbackground img {
	border: 8px solid #000000;
}
.wallsbackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/wallsbackgroundA.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.wallsbackground img {
	border: 8px solid #347c70;
}
#webbodyfluid {
	width: 780px;
	float: left;
	max-width: 780px;
}
#webbodyfluid .bodyfont3mm {
	font-size:11px;
}
#webbodyfluid .papyrus4mm {
	font-size:19px;
}
#webbodyfluid .papyrus3andhalf {
	font-size:15px;
}
#webbodyfluid h1, h2, h3, h4, h5, h6, p, form, section {
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#webbodyfluid blockquote {
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 15px;
}
#webbodyfluid ul {
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 10px;
	font-size: 15px;
}
#webbodyfluid h1 {
	font-size: 23px;
	padding-top: 5px;
	padding-bottom: 0px;
}
#webbodyfluid h2 {
	font-size: 19px;
	padding-top: 0px;
	padding-bottom: 10px;
	}
#webbodyfluid h3 {
	font-size: 17px;
	padding-top: 8px;
	padding-bottom: 8px
}
#webbodyfluid p, span {
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#webbodyfluid h4 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#webbodyfluid img {
	max-width: 97%;
	max-height: auto;
}
#webbodyfluid ol {
	margin-top: 0px;
	margin-bottom:0px;
	padding-left: 35px;
	padding-right: 10px;
}
.writebackground {
	background-attachment: scroll;
	background-image: url(Design/Assets/images/writebackground.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.writebackground img {
	border: 8px solid #5f7bab;
}
}