/*************************************************************
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;
	}
	
#flash
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 660px;
	}
	
#content
	{
	display: block;
	float: left;
	margin: 26px 0 0 0;
	padding: 0;
	border: 0;
	width: 660px;
	background: url(../images/home_content_bg.gif) repeat-y top left;
	}
	
#content .cell
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 220px;
	}

#content .cell h1
	{
	margin: 0;
	padding: 10px 16px 0 30px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #666;
	}	

#content .cell h1 a
	{
	color: #3C82BA;
	}
	
#content .cell h1 a:hover
	{
	text-decoration: none;
	color: #999;
	}
	
#content .cell p 
	{
	margin: 0;
	padding: 0 5px 0 30px;
	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 form
	{
	margin: 5px 0 0 30px;
	padding: 0; 
	}
	
#content .cell input
	{
	font: 10px Verdana, Helevtica, Sans;
	color: #999;
	}

.start
	{
	padding: 10px 16px 0 30px;
	}
	
.start a
	{
	text-decoration: none;
	color: #666;
	}
	
.start a:hover
	{
	color: #3C82BA;
	}
	
.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 200px;
	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;
	}