/* Orange #900 is used for link hover, footer, and section underline */
/* Blue #900 is used for header categories, the color is set by the links */
/* Links are underlined except when used in  headers, or sidebars */

body {
	  background-color: #fff;
	  color: #333;
	/*font-family: georgia, times, "times new roman", serif; */
	  font-family: "Helvetica Neue", Tahoma, "Lucida Grande", Helvetica, sans-serif;
}

img {
	border: 0px;	/*Required for Firefox */
}

ul {
	list-style-type: none;
	margin-left: -2px;
	}

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;     
	padding-right: 0px; 
}


#header {
	width: 900px;
	height: 90px;
	/*border-bottom: 1px solid #c6c8ca;*/
	background: url(/images/lf_header_small.png) no-repeat left top;
}

#header p {
	padding-top: 33px;
	right: 15px;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	color: #c6c8ca;
}

#header a {
	text-decoration: none;
}

.indent {
	margin-left: 30px;
	margin-right: 30px;
}

.centered {
	 text-align: center;
}

/* the lhs div is for the links to sections that are on the lhs of the page */
div#lhs, div#books_lhs{
	clear: both;
	float: left;
	margin-top: 15px; 
	width: 175px; 
	height: 600px;
	font-size: 90%;
	/*border-right: 2px solid #b1bdc9;*/
	}

div#rhs {
	float: right;
	width: 150px; 
	height: 600px;
	font-size: 90%;
	border-left: 2px solid #b1bdc9;
}

div#books_lhs{
	width: 220px; 
	padding-right: 10px;
}

#lhs a {
	display: block; 
	text-decoration: none;
}

#lhs ul {
	text-align: left;
	list-style-type: none;
}

.selected {
	font-weight: bold;
	color: #900;
}


/* This div is for the Overview page and others with lots of text and wide margins*/
#wideMargins, #overview, #books,  #orderForm {
	margin-left: 175px;
	margin-right: 150px;
	padding-left: 30px;
	margin-top: 15px; 
	width: 696px;
	min-height: 600px;
}

 #orderForm {
 	margin-right: 0px;
	width: 800px;
}


#overview a:link {
	color: #333;
	font-style: italic;
	text-decoration: underline;
}

#overview a:visited {
	color: #555;
	font-style: italic;
	text-decoration: underline;
}

#overview a:hover {
	color: #900;
}

#overview a:active {
	color: #ccf;
}

#books {
	margin-left: 220px;
	width: 600px;
	min-height: 600px;
}
a:link {
	color: #555;
	text-decoration: underline;
}

a:visited {
	color: #555;
	text-decoration: underline;
}

a:active {
	color: #ccf;
	text-decoration: underline;
}

a:hover {
	color: #900;
	text-decoration: underline;
}


.reqField {
	color: #ff0000;
}

.orderLabel {
	width:160px;
}



.navMenu {
	color: #3466CC;
	margin-top: 4px;
	font-size: 90%;
	line-height: 140%;
}

.navMenuCell, .navMenuCellSelected  {
	color: #66f;
	font-size: 100%;
	border-bottom: 0px solid #FFF;
	text-align: center;
} 

.navMenuCellSelected {
	color: #900;
/*	border-bottom: 2px solid #900; */
}

.navMenuCell a {
	color: #3466CC;
	text-decoration: none;
}

.navMenuCellSelected a {
	color: #900;
	text-decoration: none;
}

.navMenuCell a:hover, .navMenuCellSelected a:hover {
	/*color: #334770; */
	font-weight: bold;
}

#middle {
	padding: 0% 1% 0% 1%;
	text-align: left;
	margin: 5px 5px 5px 1px;
	color: #000;
	/*max-width: 800px;*/
}

@media screen {
	#middle{
	  clear: right;
	}
}

#middle p,
#middle ol,
#middle ul,
#middle dl {
	margin-right: 15%;
	line-height:  1.3em;
}

/*
	But don't compound the margin
*/
#middle ol ol,
#middle ul ul,
#middle ol p,
#middle ul p,
#middle dd p,
#middle dd ol,
#middle dd ul,
#middle .MenuBox ul,
#middle .MenuBox ol {
	margin-right: 0;
}






#orderForm {
	float: left;
	margin: 5px 5px 5px 25px;
	min-height: 600px;
	font-size: 85%;
}




.sideMenu {
	color: #000;
	width: 40%;
	clear: none;
	padding: 1%;
	margin-top: 1%;
	margin-right: 0%;
}

.sideBox {
	color: #000;
	background-color: #f7f7ff;
	border: 1px solid #36c;
	margin-right: 0px;
	padding: 2%;
	font-size: 90%;
	text-align: center;
}



.sideBox p {
	 margin-left: 0.4em;
	 font-size: 90%;
}

.footer {
	float: none;
	width: 90%;
	clear: both;
	padding: 1%;
	margin: 0%;
	border: none;
	text-align: center;
	font-size: smaller;
}

.footer a:link {
	color: #094090;
	text-decoration: underline;
}

.footer a:visited {
	color: #094090;
	text-decoration: underline;
}

.footer a:hover {
	color: #900;
	text-decoration: underline;
}


.Box,
.MenuBox {
	color: #000;
	background-color: #eee;
	padding: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: solid 1px #333; /*#666;*/
}

.MenuBox {
	margin-right: 25%;
}

.MenuBox h2,
.MenuBox h3 {
	margin-left: 3%;
}



/* P styles must be more specific than the #middle P selector.  */
#middle .RightBox p,
#middle .LeftBox p {
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
	font-size: smaller;
}


.Title {
	color: #000;
	background: none;
	margin: 0em 1em 0.1em 0em;
	padding-left: 0.8em;
	font-size: 2.0em;
	text-align: left;
	white-space: nowrap;
}

.navline {
	 color: black;
	 background-color: #eef;
	 margin: 0px 0px 3px 2px;
}

.WideNav {
	display: none;
}

#middle .Standfirst{
	color:            #333;
	background:       none;
	margin-top:       0;
	font-weight:      bold;
}

.right p {
	 margin-left: 0.5em;
}

/* border-bottom used in place of HR */
.NewSection, .linkSection {
	padding: 0.1em 0em .1em 0.1em;
	margin: 0.5em 0em 0.5em 0em;
	color: #333;
}

.NewSection {
	border-bottom: 1px solid #900;
}

.CDTitle {
	font-style: italic;
}

/* Clear floating elements */
.ClearAll, .clearAll {
	clear:            both;
}

.Warning {
	color:            #FF0;
	background:       #C00;
	letter-spacing:   0.2em;

}


/* Reduced margins beneath headings */
h1, h2, h3, h4, h5, h6, dt {
	color: #333;
	background-color: transparent;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	letter-spacing: 0.02em;
}

h1, h2, h3 {
	font-weight: normal;
}

h4, h5, h6, th, dt {
	font-weight: bold;
	margin: 0em 0em .5em 0em;

}

h1 { font-size: 140%; margin-top: 20px;}
h2 { font-size: 120%; }
h3 { font-size: 110%; }
	
dt {
	margin-top: 0.5em;
}

/*
	Top margin minimised to enable compact
	heading/paragraph style, dark grey, no
	font styles specified.
*/
p {
	margin-top: 0;
	background: transparent;
}

ul, ol {
	margin-top: 0;
	background: transparent;
	text-align: left;
	list-style-position: outside;
}

ul {
	list-style: disc;
	font-weight: bold;
}

ul.notBold, ol.notBold {
	font-weight: normal;
}

/*
	Override the list-style-image
	property for this square only
	marker.
*/
ul.Checkbox {
	list-style-image: none;
	list-style-type:  square;
}

b, strong {
	color:            #333;
	background:       transparent;
	font-weight:      bold;
}

input, textarea, select {
	font-family:  "courier new", courier, monospace;
}


.imgcell img, .imgcell a {
	 display: block;
	 margin: 0;
	 border: 0;
	 padding: 0;
}

sup {
	font-size: small;
}

img {
	border: none;
}

.toplink {
	text-align: right;
}

.LocuTourforDistributors {
	font-size: 200%;
	color: #66f;
	border-bottom: 3px solid #ff9;
	border-right:  thin solid #ccf;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
}


#center-column {
	padding: 0% 30% 0% 15%;
	margin: 0px 5px 5px 5px;
	width: 100%;
}
.column-half {
	float: left;
	font-size: 90%;
	width: 30%;
	margin: 5px 2% 5px 2%;
}


.column {
	float: left;
	width: 580px;
	padding: 0% 20% 0% 20%;
	margin: 5px 5px 5px 5px;
}

.column p {
	margin-top: 1px;
}

/* pict is on the left with text. Can't float because of lhs div*/
.pictColumn {
	width: 220px;
	height: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textColumn {
	float: left;
	width: 350px;
	height: 150px;
	margin-top: -155px;
	padding-left: 225px;
	font-size: 90%;
}

.wordListColumn {
	float: left;
	width: 300px;
	margin-top: 5px;
	padding-left: 5px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}




.sublinks {
	background: #34598D; 
	border-right: 1px solid #46527A;
	}



.smaller {
	font-size: 90%
}

ul.nomarker {
	list-style-type: none;
}

ul.italic {
	font-style: italic;
	font-weight: normal;
	list-style-type: none;
}

.notItalic {
	font-style: normal;
}
	
.recordButtons {
	float: left;
	width: 200px;
	padding: 0px 10px 0px 10px;
	margin: 0px 4px 2px 4px;
}

table  {
border-collapse: separate;
empty-cells: show
}