/*
for lugostowing.com
*/

body {
	margin: 20px;
	padding: 0;
	background: #FFFFFF url(images/0.0); /*to change the background around the page, background stays white no images*/
	font: normal small Arial, Helvetica, sans-serif;
	color: #6F4503;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #9E6813;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0; /*margin-top: 0; will change the text inside the box*/
}

a {
	color: #6F4503;
}

a:hover {
	text-decoration: none;
}

img {
	border: none; /*border: none; change the */
}

/* Header */

#header {
	width: 690px; /*the width of the page, original 490, to 690, this is the top box*/
	height: 110px; /*box where the top logo lives*/
	margin: 0 auto;
	padding: 35px 0 0 0; /*padding: 35px 0 0 0; will changed the space for the logo top picture*/
	background: #FFEE8F url(images/top-lugo01.gif) repeat-x; /**top image background, the logo top images box.121008*/
	border: 1px solid #FFFFFF; /*border: 5px solid #ffffff, changed to 1px*/
	border-bottom: none;
}

#menu {
	width: 690px; /*The original size is 490 changed to match the size in top picture*/
	height: 36px;  /**currently it has 36px no need to changed it*/
	margin: 0 auto; /*the blue strip where the menu lives*/
	padding: 0;
	background: #2554C7; /*this changed from #4E4E4E to royal blue3 #2554c7, it changes the box where menu is*/
	border: 5px solid #FFFFFF;
	border-top: 0px solid #FFFFFF; /*border-top, 1px solid #FFFFFF, logo away from menu blue strip*/
	border-bottom: 1px solid #FFFFFF;;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 98px;
	height: 26px;
	padding-top: 8px; /*padding-top: 10px; will chang it to 8 the menu in the blue strip changes place*/
	text-align: center;
	text-decoration: none;
	color: #CCCCCC;
}

#menu a:hover, #menu .active a {
	background: #2554c7; /*this change from #000000 it changed the hopage square*/
	color: #FFFFFF;
}
/** grey box **/

#greybox {
	background: url(images/img3.gif) repeat-y;
	width: 326px;
	position: absolute;
	top: 165px;  /**132 changed it to 115**/
	left: 458px;
	height: 300px;  /**california readers choice from 216 to 458**/
}
#greybox-top {
  background: url(images/img1.gif) no-repeat; /**grey_img3.gif**/
  padding-left: 165px;
  padding-top: 18px;
}
#greybox-bot {
  background: bottom left url(images/img2.gif) no-repeat;
  padding-bottom: 4px;
}
#greybox h2 {
  font: bold 12px arial, sans-serif;
  color: #000000;
  line-height: 1.5;
}
#greybox a {
  color: #000000;
}

/* Splash */

#splash {
	width: 690px; /*another box needs resize from 490 to 690, nothing changed */
	margin: 67 auto; /*margin: 0 auto; changed 34 looks good*/
	background: #00FF00; /*background: #FFFFFF changed nothing changed*/
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

/* Content */

#content {
	width: 690px; /*another box rezise from 490 to 690*/
	margin: 0 auto;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
}

#content .title {
	padding: 10px 20px;
	background: #FFEE8E url(images/img4.gif) repeat-x left bottom; /*this changes*/
	font-size: 1em;
}

#content .story {
	padding: 20px; /*padding: 20px changed to 10px; content away from top boder*/
	border: 2px solid #FFEE8E;
}

/* Footer */

#footer {
	width: 650px; /*last box that needs resize from 490 to 690*/
	margin: 0 auto;
	padding: 10px 20px; /*5pm 10px*/
	background: #2554c7; /*this background is Royal Blue3 and change the footer background*/
	border: 5px solid #FFFFFF;
	border-top: 0; /*border-top: none; */
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #FFFFFF;  /*color of the footer letters*/
}

#footer a {
	color: #0000FF;
}