/*************************************************************
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
	{
	border: 0;
	}
	

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

#contain
	{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 660px;
	background: url(../images/contain_bg.jpg) no-repeat top left;
	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;
	height: 140px;
	}
	

#left
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 439px;
	background: #FFF;
	}
	
#left h1
	{
	margin: 0;
	padding: 0 90px 8px 32px;
	border: 0;
	font: bold 11px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #FF6666;
	}
	
#left h2
	{
	margin: 0;
	padding: 0 90px 1px 32px;
	border: 0;
	font: bold 9px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #F98E8E;
	}
	
#left h3
	{
	margin: 0;
	padding: 0 90px 5px 32px;
	border: 0;
	font: bold 9px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	color: #999;
	}
	
	
#left p
	{
	margin: 0;
	padding: 0 90px 15px 32px;
	border: 0;
	color: #666;
	}
	
#left p.caption
	{
	margin: 0;
	padding: 0 90px 15px 32px;
	border: 0;
	font: 9px verdana;
	color: #999;
	}
	
#left p.sub
	{
	margin: 0;
	padding: 0 90px 15px 32px;
	border: 0;
	font: 9px verdana;
	color: #999;
	}
	
#left p.event
	{
	margin: 0;
	padding: 0 90px 5px 32px;
	border: 0;
	color: #666;
	}
	
#left p.rednav
	{
	padding: 0 90px 20px 32px;
	}
	
#left ul
	{
	margin: 0;
	padding: 0 90px 15px 50px;
	border: 0;
	color: #666;
	}
	
#left li
	{
	list-style-image: url(../images/left_bullet.gif)
	}
	
#left a
	{
	text-decoration: underline;
	color: #6DA2CC;
	}
	
#left a:hover
	{
	text-decoration: underline;
	color: #F98E8E;
	}
	
#left .menunav
	{
	display: block;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	border: 0;
	width: 439px;
	background: url(../images/menunav_bg.gif) no-repeat bottom left;
	}
	
#left .menunav p
	{
	margin: 0;
	padding: 0 90px 15px 10px;
	border: 0;
	font: 12px Verdana, Helevtica, Sans;
	text-transform: uppercase;
	}
	

.contentone
	{
	display: block;
	float: left;
	margin: 0 0 30px 0;
	padding:0 0 10px 0;
	border: 0;
	width: 439px;
	background: url(../images/contentone_bg.gif) no-repeat bottom left;
	}
	
.contenttwo
	{
	display: block;
	float: left;
	margin: 0 0 40px 0;
	padding:0 0 10px 0;
	border: 0;
	width: 439px;
	background: url(../images/contenttwo_bg.gif) no-repeat bottom left;
	}
	
.conleft
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
	width: 259px;
	height: ;

	}
	
#left .conleft h1
	{
	margin: 0;
	padding: 0 0 0 32px;
	font: 15px Verdana, Helevtica, Sans;
	color: #6DA2CC;
	}
	
#left .conleft p
	{
	margin: 0;
	padding: 0 31px 0 32px;
	}
	
#left .conleft p.readnav
	{
	margin: 0;
	padding: 500px 31px 0 50px;
	}
	
#left img.image
	{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0 0 5px 32px;
    width: 140px;
}
	
.conright
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 180px;
	height: ;

	}
	
#right
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 221px;
	background: url(../images/right_bg.gif) no-repeat top left;
	}
	
#right h1
	{
	margin: 0;
	padding: 0 5px 0 31px;
	border: 0;
	font: bold 10px Verdana, Helevtica, Sans;
	text-transform: none;
	color: #999;
	}
	
#right a
	{
	text-decoration: none;
	color: #999;
	}
	
#right a:hover
	{
	text-decoration: none;
	color: #6DA2CC;
	}

#footer
	{
	display: block;
	float: left;
	margin: 40px 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;
	}