/* basic layout for every page
----------------------------------------*/
body{
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#container{
	width: 800px;
	padding: 0;
}

#banner{
	width: 800px;
	height: 91px;
}

#forPrint{
	display: none;
}

#bannerAnchor{
  width: 200px;
	height: 91px;
	display: block;
	background-color: transparent;

}

#searchBar{
	float: right;
	width: 793px;
	padding: 2px 5px 2px 2px;
	text-align: right;
	color:white;
	font-weight: bold;
}

*html #searchBar{
	width: 800px;
	w\idth: 793px;
}

#content{ /* real width: 640 px */
	float: left;
	width: 635px;
	padding: 5px 0 5px 5px;
	padding-bottom: 0px;

}

*html #content{
	width: 640px;
	w\idth: 635px;
	margin-right: -3px;
}

#navbar{ /* real width: 160px */
	float: left;
	width: 158px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

*html #navbar{
	width: 160;
	w\idth: 158px;
}

#moretext{
	clear: both;
	width: 741px;
	padding: 5px 0px 5px 5px;
	margin-left: 54px;
}

*html #moretext{
	width: 746;
	w\idth: 741;
}

#footer{
	clear: both;
	width: 746px;
	padding-top: 10px;
	margin-left: 54px;
	border: 0px solid blue;
	text-align: center;
}

.s_black{
  color: black;
}
/* Reccuring elements
----------------------------------------*/

#serving{
	float:left;
 	margin: 0px;
	margin-top: 2px;
	padding: 0px;
}

#serving img{
	float: left;
  	padding: 0px;
	margin: 0px;
	vertical-align: center;
}

hr.divider{
	border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   color: #fff;
   background-color: #fff;
   height: 4px;
	padding: 0px;

}

img{
	border: 0;
}

img.left{
	float: left;
	margin-right: 5px;
}

img.right{
	float: right;
	margin-left: 5px;
}

ul{
	list-style: square;
}

ul ul{
	list-style: disc;
}

ul ul ul{
	list-style: circle;
}
/* searchbar elements and styling
----------------------------------------*/
#searchBar .right{
	float: right;
	/*width: 690px;*/
	text-align: right;
}

#searchBar form{
	margin: 0;
	padding: 0;
	float: right;
}

#searchBar .right form a{
/*	padding-right: 10px; */
}


#siteSearch{
	padding: 0;
	margin: 0;
}
.input-box{
	border: 1px solid silver;
	vertical-align: middle;
	background: #eeeeee;
}

.input-box-focus{
	border: 1px solid black;
	vertical-align: middle;
	background: white;
}

#search-btn
	{
	width: 54px;
	height: 20px;
	background: transparent url(../images/btn-search.png) no-repeat;
	outline: none;
	vertical-align: middle;
	}
	
#search-btn:hover, #search-btn.over
	{
	width: 54px;
	height: 20px;
	outline: none;
	vertical-align: middle;
	background: transparent url(../images/btn-search.png) no-repeat 0 -20px;
	}



#searchBar a:link, #searchBar a:visited{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#searchBar a:hover{
	text-decoration: underline;
}

#searchBar a.ql:hover{
	text-decoration: none;
}


/* footer elements and styling
----------------------------------------*/
#footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin:0;
 	padding:0;
}

#footer ul li a{
	font: 10px tahoma;
	text-transform: capitalize;

	padding: 0 2px 0 4px;
	border-left: 1px solid black;
}

#footer .first{
	border-left-width: 0;
}


/* header elements
----------------------------------------*/
h1 {
	text-align: center;
	color: black;

	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 26px;

}

h2, h3, h4, h5, h6{
	color: black;

}

h2{
	font-size: 20px;
}

h3{
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 5px;
}

h4{
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.clear{
	clear: both;
}

acronym{
	cursor: help;
	border-bottom: 1px dotted silver;
}

dt.next{
   margin-top: 10px;
}


/* general link style
----------------------------------------*/
a:link, a:visited{
	color: blue;
	text-decoration: none;
}

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


/* drop down style
----------------------------------------*/
#top{
	margin: 0;
	padding: 0;
	list-style: none;
}

#top li{
	float: right;
	position: relative;
	margin-top: 2px;
}

*html #top li{
	margin-top: 4px;
}

#drop{
	display: none;
	position: absolute;
	list-style: none;
	top: 15px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: left;
	z-index: 100;
}

#drop li{
	display: block;
	margin: 0;
	padding: 0;
}
*html #drop li {
	margin-top: 0px;
}

#drop a {
	margin:0;
	padding: 1px 5px 1px 5px;
	border: 1px solid black;
	border-bottom:0;
	display: block;
	width: 138px;
}

*html #drop a {
	width: 150px;
	w\idth: 138px;
}

#drop .last {
	border-bottom: 1px solid black;
}

#drop a:hover {
	background-color: #cccccc;
	color: black;
}

#top li:hover ul, #top li.over ul{
	display: block;
	z-index: 100;
}

/* Fix IE. Hide from IE Mac \*/
* html #drop li { float: left; height: 1%; }
* html #drop li a { height: 1%; }
/* End */

/*------------------------------*/

p#copyright{
	font-size: 11px;
	margin: 0;
	padding:0;
}

#jsClose{
	text-align: center;
	width: 100%;
}

#jsClose a{
	text-decoration: none;
	color: black;

	background: #cccccc;
	width: 120px;
	border: 1px solid black;
	text-align: center;
	padding: 2px 5px 2px 5px;
}

#jsClose a:hover{
	border: 2px solid black;
}


/*text and picline elements
plus picline caption
----------------------------------------*/
#content #text{
	width: 463px;
	float: left;
}

#moretext #text{
	width: 569px;
	float: left;
}

#picLine{
	float: left;
	width: 167px;
	margin-left: 5px;
	font-size: 10px;
}

#picLine .title{
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: underline;
	display: block;
	border: 1px solid silver;
	margin-top: 10px;
	padding: 2px 5px 2px 5px;
}

#picLine hr{
	margin: 2px 0 2px 0;
}


.bviewCaption{
	width: 155px;
	border: 1px solid silver;
	padding: 5px;
	margin: 5px 0 5px 0;
	background-color: #eeeeee;
	text-align: center;
	font-size: 10px;
}

.bviewLCaption{
	width: 250px;
	border: 1px solid silver;
	padding: 5px;
	margin: 5px 0 5px 0;
	background-color: #eeeeee;
	text-align: center;
	font-size: 10px;
}

.bviewCaption p, .bviewLCaption p{
	margin:0;
	padding:0;
}


*html .bviewCaption{
	width: 167px;
	w\idth: 155px;
}

img.border{
	border: 1px solid black;
}

ul.none{
	list-style: none;
}

/* clearfix hack
----------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */