@charset "utf-8";
body  {
font-family:Arial, Helvetica, sans-serif;
	
	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: #000000;
	background:#666666;
}
#outercontainer {  width:90% ;	background:#ffffff;	text-align: center; margin: 0 auto;
}
#container { 
	width: 780px;  /* this will create a container 80% of the browser width */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	 border-width:1px; border-style:solid ; border-color:#EFEFEF ;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
 #header { 
	background: url('imgs/headerbkg.gif') ; 
	padding: 0 ;  
	width:100%

	/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
 #header img{	float:left ;margin:0}
 
.withtempborder{ border-width:1px; border-style:solid ; border-color:#3399CC ; #ececeb
}

#mainmid {
margin:0  ;
background:  #EBEBEB ; 
padding:0 0 0 10px
}

#mainContent {background: #ffffff ;
padding: 5px ;


}

#mainmidfp {width: 300px; font-size: 9pt ;float:left ; padding:0 20px 0 20px ; color:#333333
}


#mainmidnotfp {width: 530px; font-size: 9pt ;float:left ; padding:20px ; margin-left :10px; background:#ffffff;
}

.listeventspage {list-style:square}
.listeventspage a{ color:#FF9900
}
.listeventspage li {margin-bottom:30px}

.productdisplay{width:120px ; margin:5px; float:left ;text-align:center }

.productdisplay img{width:120px }

.productdisplayouter {width:400px ;background:#FFFFFF ;padding-top:30px;padding-left:10px }

.productdisplayouter2 {width:570px ;background:#FFFFFF ;padding-top:30px;padding-left:10px}

 #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 155px; /* since this element is floated, a width must be given */
	background:#F8F8F8; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:  10px ; /* top and bottom padding create visual space within this div  */
		
}
#sideright {
float: right; 
	width: 230px; 
		height: auto;
		  background:#EFEFEF;
		  	 margin:auto;
			 padding:10px
		
	text-align:center;
}

a.nigeleventsscroll ,  ul.leftlinks a {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#666666;
text-decoration:none;

}
a.nigeleventsscroll:hover {
font-weight:bold

}


h5 {margin-top: 3px ; margin-bottom: 3px}

ul.nigeleventsscroll , ul.leftlinks {

list-style:square;
}





#eventsbox{

 /* this element must precede in the source order any element you would like it be positioned next to */
	width: 210px; /* since this element is floated, a width must be given */
	height: 170px;
	padding: auto; padding-top:5px;

	 border-width:1px; border-style:solid ; border-color:#993300;
	 margin:auto;
	 margin-bottom:20px;
	  margin-top:10px;
	 background:#ffffff

}
#howtoorder{

 /* this element must precede in the source order any element you would like it be positioned next to */
	width: 210px; /* since this element is floated, a width must be given */

	padding: 5px;

	 border-width:1px; border-style:solid ; border-color:#993300;
	 margin:auto;
	 margin-bottom:20px;
	  margin-top:10px;
	 background:#ffffff;
	 font-size:9pt
	 
	

}
#howtoorder a{ color:#993300; text-decoration:none}




#youtube {

	width: 210px; /* since this element is floated, a width must be given */
	height: 170px;
	padding: auto; padding-top:5px;

	 border-width:1px; border-style:solid ; border-color:#993300;
	 margin:auto;
	 margin-bottom:auto;
	 background:#ffffff;
	text-align:center ;
	
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.orangetxt {color:#d9330b}

#footer {width:100%; text-align:center ; font-size:9px ; color:#999999 ;margin-bottom:20px}
#footer a {color:#999999 ; text-decoration:none}
.smalloptiongoogle {font-size:9pt; padding:0}
##div { border-width:1px; border-style:solid ; border-color:#9933FF; }