body {
	font: 65% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/Background.png) repeat-x #000;
	margin:  0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #111;
}

a { text-decoration:none}

img {border:none}
#container {
	font-size:1.3em;
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #777;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
}
#footer {	width:980px; margin:10px auto;	background:#000; color:#f1f1f1;	font-size:1.1em;}
#footer a {	margin: 0; 	padding: 10px 0; 	 color:#f1f1f1; text-decoration:none}
#footer a:hover { color:#aaa}

#TopBox {text-align:right; width:980px; margin:0 auto; color:#f1f1f1; line-height:1.6em; font-size:1.3em}

#NavBar ul {  margin:0 auto;list-style: none;padding: 0;margin: 0; } 
#NavBar li { float: left; margin: 0 0em; }  
#NavBar li a { 	background: #29AEFF;line-height: 1.6em;float: left; padding:5px 22px; display: block; color: #333; text-decoration: none; text-align: center; font-size:1em; } 
#NavBar li a:hover { color:#fff; background: #045b8f; display: block;}
#NavContainer { background:#29AEFF; width:640px; margin:0 auto; height:25px;} 
#NavBox {width:980px; height:32px; background:#29AEFF;}
#NavBar {background:#29AEFF;; }

.ImageBox {border:none; padding:1px; border:2px solid  #000} */ border for pics*/
.ImgPaddLeft { padding-left:8px;}
.ImgPaddRight { padding-right:8px;}

#IndexHeadBG{ background:url(../images/IndexPageImage.jpg); height:588px; margin:0px; padding:0px}
#OverlayTXT { padding:25px; width:450px; height:520px; color:#f1f1f1; font-size:1.2em;}
#OverlayTXT h1 {font-weight:normal; font-size:1.4em}
#OverlayTXT a {text-decoration:underline; color: #d1d1d1}

#IndexLowerBoxContainer {width:980px; background:#000; }
.IndexLowerBoxLeft {width:305px;  border:none; float:left; margin:10px}
.IndexLowerBoxMiddle {width:305px; border:none; float:left; margin:10px}
.IndexLowerBoxRight {width:305px;  border:none; float:right; margin:10px}
.IndexLowerBoxHead {background:#7a7fa7; color:#eee; font-size:1.4em; padding:10px; height:25px; line-height:1.6em; font-weight:normal}
.IndexLowerBoxContent { padding:10px; background-color:#cbc8c3; color:#666; font-size:1em}
.IndexLowerBoxContentWhite { padding:10px; background-color:#fff; color:#333; font-size:1.3em; border:1px solid #cbc8c3}

#PaddedContentBox {padding:8px}

.CategoryTable {border:1px solid #d3d3d3}
.CategoryTable a { text-decoration:none}
.CategoryTableHeadHighlight { background:url(../images/HeadingBgHighlight.png) repeat-x; height:40px; padding-left:15px; vertical-align:middle; border:1px solid #d3d3d3}
.CategoryTableHead { background:url(../images/HeadingBgNormal.png) repeat-x; height:40px; padding-left:15px; vertical-align:middle; border:1px solid #d3d3d3; font-size:1.8em}
.CategoryTableDetails { border:1px solid #d3d3d3; font-size:1.3em}
.CategoryThumb {padding:8px;}
.Price {font-size:1.6em; color:#FC3}

#ExpoFooter {float:right}