/*************************************************************
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
*************************************************************/

body
	{
	margin: 0;
	padding: 0;
	font: 10px Verdana, Helevtica, Sans;
	text-align: center;
	background: #FFF;
	}
	
img
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	

	
/*************************************************************
Top
*************************************************************/

#contain
	{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 660px;
	text-align: left;
	}
	
#logo
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 219px;
	}
	
	
#nav
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 441px;
	}
	
#header
	{
	display: block;
	float: left;
	margin: 28px 0 0 0;
	padding: 0;
	border: 0;
	width: 660px;
	background: url(../images/header_bg.gif) repeat-x bottom left;
	}
	
#content
	{
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	border: 0;
	width: 660px;
	background: url(../images/location_cell_bg.gif) no-repeat top left;
	}
#content2
	{
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	border: 0;
	width: 660px;
	}
#content2 p{
	margin: 8px 0 0 30px;
	padding: 0 0 0 0;
}	
#content .cell
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 220px;
	}

#content .teaseimage
	{
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0 20px 0;
	border: 0;
	width: 440px;
	}

#content .cell h1
	{
	margin: 0;
	padding: 10px 16px 0 20px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #666;
	}
	
#content .cell h2
	{
	margin: 0;
	padding: 0px 16px 0 20px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #666;
	}	
	
#content .cell p 
	{
	margin: 0;
	padding: 0 16px 10px 20px;
	border: 0;
	color: #666;
	}
	
#content .cell ul
	{
	margin: 0;
	padding: 10px 20px 0 45px;
	border: 0;
	list-style-image: url(../images/home_bullet.gif)
	}
	
#content .cell li
	{
	color: #666;
	}
	
#content .cell p a
	{
	text-decoration: none;
	color: #999;
	}
	
#content .cell p a:hover
	{
	text-decoration: none;
	color: #6DA2CC;

	}
	
#content .cell form
	{
	margin: 5px 0 0 20px;
	padding: 0; 
	}
	
#content .cell input
	{
	font: 10px Verdana, Helevtica, Sans;
	color: #999;
	}
	
#content .doublecell
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 440px;
	}
	
#content .doublecell h1
	{
	margin: 0;
	padding: 20px 16px 10px 20px;
	border: 0;
	font: 17px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #FF6666;
	}
	
#content .doublecell h2
	{
	margin: 0;
	padding: 0px 16px 0 20px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #666;
	}	
	
#content .doublecell h3
	{
	margin: 0;
	padding: 15px 16px 10px 20px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #F98E8E;
	}	
	
#content .doublecell p 
	{
	margin: 0;
	padding: 0 16px 10px 20px;
	border: 0;
	color: #666;
	}
	
#content .doublecell p.sub
	{
	margin: 0;
	padding: 0 16px 10px 20px;
	border: 0;
	font: 9px verdana;
	color: #999;
	}
	
#content .doublecell ul
	{
	margin: 0;
	padding: 0 20px 10px 42px;
	border: 0;
	}
	
#content .doublecell li
	{
	list-style-image: url(../images/left_bullet.gif);
	color: #666;
	}
	
#content .doublecell a
	{
	text-decoration: underline;
	color: #6DA2CC;
	}
	
#content .doublecell a:hover
	{
	text-decoration: none;
	color: #999;
	}
	
#content .imgstart
	{
	margin: 0 0 23px 0;
	}
	
#content img.image
	{
	margin: 0;
	padding: 0 0 5px 20px;
	border: 0;
	}
	
	
	
#flash
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 440px;
	}

.start
	{
	padding: 10px 16px 0 30px;
	}
	
.bttn
	{
	margin: 5px 0 5px 0;
	padding: 1px;
	border: 1px solid #999;
	}
	
#footer
	{
	display: block;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
	width: 660px;
	background: url(../images/footer_bg.gif) repeat-x top left;
	}
	
#footer .left
	{
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0 10px 5px;
	border: 0;
	font: 9px Verdana, Helevtica, Sans;
	color: #333;
	}

#footer .right
	{
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0 10px 280px;
	border: 0;
	font: 9px Verdana, Helevtica, Sans;
	color: #666;
	}
	
#footer .right a
	{
	text-decoration: none;
	color: #666;
	}
	
#footer .right a:hover
	{
	text-decoration: underline;
	color: #666;
	}