/*************************************************************
Drill page specific style sheet

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/

/*************************************************************
Main Styles
*************************************************************/

html, body
	{
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../images/body_bg.gif);
	background-color: #0b273b;
	}
	
img
	{
	border: 0;
	}
	
.clear
	{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	  height:1px; 
	  overflow:hidden; 
	  line-height:1%; 
	  font-size:0px; 
	  margin-bottom:-1px; 
	} 	

	
	
/*************************************************************
Contain
*************************************************************/

#contain
	{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 1024px;
	text-align: left;
	background-image:url(../images/containBg.jpg);
	background-repeat:repeat-y;*/
	}
	

/*************************************************************
Header
*************************************************************/

#header
	{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

	
/*************************************************************
Sidebar
*************************************************************/

#sidebar
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 350px;
	background-color: #0b273b;
	}

#sidebar .content
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 40px 0;
	border: 0;
	width: 350px;
	}

#sidebar .content img
	{
	margin: 25px 0 0px 0;
	padding: 0;
	border: 0;
	}
	
#sidebar .content p
	{
	margin: 0;
	padding: 0px 0px 0px 25px;
	border: 0;
	font: 11px Georgia;
	color: #1e90da;
	}	
	
#sidebar .content h1
	{
	margin: 0;
	padding: 0 0 0 20px;
	border: 0;
	font: 10px Georgia;
	color: #FFF;
	}		

#sidebar .content h2
	{
	margin: 0;
	padding: 0 0 0 20px;
	border: 0;
	font: 10px Georgia;
	color: #FFF;
	}

#sidebar .content h3
	{
	margin: 0;
	padding: 30px 0px 0px 20px;
	border: 0;
	font: 10px Georgia;
	color: #FFF;
	}
	
/*************************************************************
Sidebar Specials
*************************************************************/
		
#specials dl
	{
	display: block;
	margin: 0;
	padding: 8px 45px 5px 25px;
	border: 0;
	font: 11px Georgia;
	color: #FFFFFF;
	}		

#specials dt.item
	{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	border: 0;
	font: 12px Georgia bold;
	color: #f44f2d;
	}	

#specials dt.item a
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font: bold 11px Georgia;
	color: #f44f2d;
	}	

#specials dt.item a:hover
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font: bold 11px Georgia;
	color: #104f79;
	}	

#specials dd
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	color: #FFFFFF;
	line-height: 1.5em;
	}	
	
#specials dd.price
	{
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	border: 0;
	font: 12px Georgia italic;
	color: #FFFFFF;
	}	

#specials dd.unit
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 12px Georgia italic;
	color: #FFFFFF;
	}	
	

/*************************************************************
Sidebar Market Reports
*************************************************************/
	
#mktreports dl
	{
	margin: 0;
	padding: 8px 45px 5px 25px;
	border: 0;
/*	background-color: #113954;
	border-left: 10px solid #104f79;*/
	font: 11px Georgia;
	color: #FFFFFF;
	}		

#mktreports dt.title
	{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	font-weight: bold;
	color: #f44f2d;
	}	

#mktreports dt.title a
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font: 11px Georgia;
	font-weight: bold;
	color: #f44f2d;
	}	
	
#mktreports dt.title a:hover
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font: 11px Georgia;
	font-weight: bold;
	color: #104f79;
	}	
	
#mktreports dd.date
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	font-weight: bold;
	color: #ffd6ac;
	}	
		
#mktreports dd
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	color: #ffffff;
	line-height: 1.5em;
	}
	
/*************************************************************
Contain Right
*************************************************************/	

#containright
	{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	width: 674px;
	height: 100% !important;
	/*background-image: url(../images/indBgMap.jpg);
	background-repeat: no-repeat;
	background-position: top right;*/
	}
	
/*************************************************************
Content
*************************************************************/

#content
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 562px;
	min-height: 650px;
  	height: 100% !important;
	/*background: #f2f3f3;*/
	}

#content p.logo
	{
	margin: 30px 0 0 0;
	padding: 0;
	border: 0;
	text-align: center;
	}
	
#content .top table
	{
	width: 100%;
	border: 0;
	font: 10px Georgia;	
	color: #0b273b;
	text-align: left; 
	}
	
#content .top table .name
	{
	margin: 0;
	padding: 0px 0px 10px 10px;
	border: 0;
	font: 10px Georgia;
	color: #f44f2d;
	}

#content .top table .name a
	{
	margin: 0;
	padding: 5px 0px 0px 0px;
	border: 0;
	text-decoration: none;
	font: 10px Georgia;
	color: #f44f2d;
	}
	
#content .top table .name a:hover
	{
	margin: 0;
	padding: 5px 0px 0px 0px;
	border: 0;
	text-decoration: none;
	font: 10px Georgia;
	color: #0b273b;
	}

#content .top table .title
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 10px Georgia;
	font-style: oblique;
	color: #0b273b;
	}
		
#content .top
	{
	margin: 0;
	padding: 20px 35px 20px 35px;
	border: 0;
	background-color: #ebecec;
	}

#content .top p
	{
	margin: 0;
	padding: 15px 0px 15px 0px !important;
	padding: 2px 0px 2px 0px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	text-align: left;
	}
	
#content .top p.text
	{
	margin: 0;
	padding: 15px 0px 15px 0px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	text-align: left;
	}
	
#content .top p.text a
	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #0b273b;
	text-decoration: underline;
	}

#content .top p.text a:hover
	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #f44f2d;
	text-decoration: underline;
	}

#content .top p.caption
	{
	margin: 0;
	padding: 20px 0 0 0px;
	border: 0;
	font: bold 13px Georgia;
	color: #f44f2d;
	text-align: left;
	}

#content .top ul.text
	{
	margin: 0;
	padding: 15px 0px 15px 15px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	text-align: left;
	}
	
#content .top h1
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	color: #f44f2d;
	}

#content .top h2
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Georgia;
	font-style: oblique;
	color: #0b273b;
	}

#content .top h3
	{
	margin: 0;
	padding: 5px 0px 5px 0px;
	border: 0;
	font: bold 20px Georgia;
	color: #f44f2d;
	}

#content .top h4
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: bold 15px Georgia;
	font-style: oblique;
	color: #0b273b;
	}
		
#content .bottom
	{
	margin: 0;
	padding: 35px;
	border: 0;
	background: #f2f3f3;
  	height: auto !important;
	
	}
	
#content .bottom p
	{
	clear: left;
	margin: 0;
	padding: 15px 0px 0px 0px !important;
	padding: 7px 0px 0px 0px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 1em;
	text-align: left;
	}


#content .bottom ul
	{
	clear: left;
	margin: 0;
	padding: 15px 0px 0px 20px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	text-align: left;
	}

#content .bottom p img
	{
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 0;
	background: #d1d6d9;
	}

#content .bottom h1
	{
	margin: 0;
	padding: 5px 0px 5px 0px;
	border: 0;
	font: bold 20px Georgia;
	color: #f44f2d;
	}

#content .bottom h2
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: bold 15px Georgia;
	font-style: oblique;
	color: #0b273b;
	}

#content .bottom h5, #displayData h5
	{
	clear: left;
	margin: 0;
	padding: 15px 0px 0px 0px;
	border: 0;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	}

#content .bottom h5 img
	{
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 0;
	background: #d1d6d9;
	}
	
#sidebar .content .flash
	{
	margin: 20px 0 0 0;
	padding: 0px 0px 0px 25px;
	border: 0;
	}
	

/*************************************************************
Nav
*************************************************************/
	

#nav {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 35px;
	width: 350px;
}

#nav p{
	margin: 0;
	padding: 0;
	border: 0;
}

/*************************************************************
Subnav
*************************************************************/
	
#subnav {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 38px;
	width: 562px;
	background: url(../images/subnav_bkg.gif) no-repeat top left;
}	

#subnav p
	{
	margin: 2px 0px 0px 35px;
	padding: 0;
	border: 0;
	}
	
#subnav a
	{

	padding: 0px 28px 0px 0px;
	border: 0;
	text-decoration: none;
	font: bold 11px Georgia;
	color: #FFFFFF;
	}
	
#subnav a:hover
	{
	padding: 0px 28px 0px 0px;
	border: 0;
	text-decoration: none;
	font: bold 11px Georgia;
	color: #0c283c;
	}
	
#subnav a.subnav
	{
	padding: 0px 28px 0px 0px;
	border: 0;
	text-decoration: none;
	font: bold 11px Georgia;
	color: #0c283c;
	}
	
/*************************************************************
Footer
*************************************************************/

#footer
	{
	clear: both;
	height: 50px;
	width: 1024px;
	}
	
.sales-staff
	{
	float: left;
	display: block;
	width: 150px;
	height: 33px;
}

.product-catagory, .product-list {
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	margin: 5px;
	/*background: transparent;*/
}

.product-catagory, .product-list p{
	float: left;
	display: block;
	width: 150px;
	height: 20px;
	margin: 5px;
	font: 20px Arial, Helvetica, sans-serif;
}

.flash
	{
	margin: 15px 0 0 0;
	padding: 0px 0px 0px 25px;
	border: 0;
	}
	
#Specials {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	width: 100%;
}
.headcolumn {font: bold 11px Georgia;}
.headcolumn a {text-decoration: none; color:#0b273b}
.headcolumn a:hover {color:#f44f2d}
.contentlight {}
.contentdark {background-color:#CCD1DB}

.pager-text{font: bold 11px Georgia; color:#f44f2d}
.pager-text a {text-decoration: none; color:#0b273b; font-weight: normal;}
.pager-text a:hover {color:#f44f2d}

h1 a {text-decoration: none; color:#f44f2d}
h1 a:hover {color:#0b273b}
.market-date {font-style:normal;}
.bigger {font-size:18px; font-weight:bold;}
.dropdown {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; border: 1px solid #113954; background-color: #Ebecec;}
.function a { color: #104f79; text-decoration: none;}
.function a:hover {color: #f44f2d }

.product-list a { color: #104f79; text-decoration: none;}
.product-list a:hover {color: #f44f2d }

#peeps {padding-bottom: 15px;}
#peeps a  {color: #f44f2d; text-decoration: none;}
#peeps a:hover   {color: #104f79; text-decoration: none;}

.logoutButton {color: #f44f2d; font-style:italic;}
.logoutButton:hover {color: #000099;}
input.bttn
	{
	margin: 8px;
	padding: 2px;
	border: 1px solid #999;
	background: #F44F2D;
	color:#CCCCCC;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
p.login {
	padding: 15px 0px 0px 0px;
	font: 11px Georgia;	
	color: #0b273b;
	line-height: 20px;
	text-align: left;
}
#displayLogin a {color: #f44f2d; text-decoration: none;}
#displayLogin a:hover {color: #000099;}
.top p img {padding: 10px;}
.top p a { text-decoration: none; color: #f44f2d}
.top p a:hover { text-decoration: none; color: #000099; }