/* LOMAX WEBSITE */

html  { color: #000; font-size: 0.9em; font-family: arial, helvetica, Verdana, sans-serif; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 101% }

body      { color: #000; font-size: 0.9em; font-family: arial, helvetica, Verdana, sans-serif; font-weight: normal; line-height: 1.4em; background-color: white; background-image: url("../images/bg.gif"); background-repeat: repeat; padding: 10px 0 0 }

/*

 * Create a 10px space around content, doing an extra inner div instead of setting

 * a padding or margin on a fixed width div prevents problems between browsers.

*/

div.inner  { background-color: #e6e6c6; background-image: url("../images/whiteblock.gif"); background-repeat: repeat-y; background-position: -44px 0; padding-right: 10px; padding-bottom: 10px; padding-left: 10px }

/* master container to use left-edge fade bg item */

#innerContainer     { background-position: right 0; width: 770px }


/* Main site container, the margin: 0 auto; horizontaly centers the container (was 770) */

div#site-container    { background-color: #fff; text-align: left; margin: 0 auto; width: 782px }

/* Header container where logo or a nice picture could be presented */

div#header-container      { background-image: url("../images/top-header-bg.png"); background-repeat: no-repeat; height: 40px }

div#header-container img    { padding-left: 20px }

/* The horizontal main menu container */
#topBox   { background-color: #656549; background-image: url("../images/bg-header3.jpg"); background-repeat: no-repeat; background-position: 0 26px; padding-bottom: 10px; height: 195px }
div#mainnav-container      { background-color: #656549; text-align: center; margin: 0 10px 10px; height: 25px }

div#header-container h2    { color: #666; font-size: 24px; font-family: Arial, Verdana, sans-serif; font-variant: small-caps; font-weight: 100; line-height: normal; background-color: #f3f3e9; text-align: center; text-transform: capitalize; letter-spacing: 0.26em; margin: 0; padding: 3px 0; position: absolute; top: 0; width: 750px; clear: both }


/*div#mainnav-container {

	height: 52px;

	margin: 0 0 10px 0;

	border-bottom: 1px dashed #ccc;

	background: url(../images/mainmenu_back.png) 0 0 no-repeat;

}*/

/* The content container where component data is loaded */

div#content-container     { padding-right: 10px; width: 530px; float: left }

/* I wrot this div to put a wite content area over the transparent main box */

#whiteeBox     { background-color: #e1e1a2; float: right }

/* Module above the content/component area */

div#content-top {

	margin: 0 0 10px 0;

	padding: 10px;

	background: #f7f7f7;

	border: 1px dotted #ccc;

}

/* Module below the content/component area */

div#content-bottom {

	margin: 0 0 10px 0;

	padding: 10px;

	background: #f7f7f7;

	border: 1px dotted #ccc;

}

/* The sidebar for loading the sub menu and other modules */

div#sidebar-container      { background-color: #e6e6c6; padding-left: 10px; width: 205px; float: right }

/* Module above the submenu */

div#sidebar-top   { background-color: #e1e1a2; background-attachment: scroll; margin: 0 0 10px; padding: 10px; border: dotted 1px #ccc }

/* Module below the submenu */

div#sidebar-bottom   { padding: 10px; border-color: #ccc }

/* Footer container */

div#footer-container   { background: #a8b090; padding: 10px; border-top: 1px dashed #ccc }

/* Copyright container */

div#copyright-container {

	width: 770px;

	margin: 0 auto;

	padding: 20px;

}

div#copyright-container p {

	text-align: center;

}