/*************************************************************
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
	{
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;
		background: #724611 url(/assets/images/body_bg.gif) repeat-x top left;
		font: .7em Verdana, Arial, sans-serif;
		color: #797979;
	}

#contain
	{
		display: block;
		margin: 0 auto;
		padding: 0 8px;
		border: 0;
		width: 981px;
		background: #FFF;                
	}


#contain .clb 
	{ 
		clear: both; 
		height: 1px; 
		visibility: hidden;                      
	}


img
	{
		margin: 0;
		padding: 0;
		border: 0;                                       
	}



/***************************************************************
Header Items
***************************************************************/

#contain .header
	{
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 981px;
		height: 103px;
		background: #03ACFE url("/assets/images/contain_header_bg.gif") repeat-x top left ;

	}

#contain .header a.logo
	{
		position: absolute;
		top: 0;	
		left:26px;
		display: block;
		margin: 21px 0 0 0;
		padding: 0;
	}

#contain .header #utilNav 
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 10px 0 0 0;
		padding: 0;
		display: block;
	}

#contain .header #utilNav ul
	{
		margin: 0;
		padding: 0;
		list-style:	none;
	}

#contain .header #utilNav ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
		border-right: 1px solid white;
	}

#contain .header #utilNav ul li.noborder
	{
		border: none;
	}

#contain .header #utilNav ul li a
	{
		margin: 0;
		padding: 0 15px 0 12px;
		text-decoration: none;
		color: #FFF;
	}

#contain .header #utilNav ul li a:hover
	{
		text-decoration: underline;
	}

#contain .header #utilNav ul li.search {
        
            border: none;
        }

#contain .header #utilNav ul li.search form
	{
	 	display: inline;
		padding: 0 8px 0 15px;
	}

#contain .header #utilNav ul li.search form input
	{
		padding: 2px;
	}
	
#contain .header #utilNav ul li.search form input.submit
	{
		padding: 3px;
		font-size: 1em;
		color: #FFF;
		background-color: #0084b2;
		border-top: 1px solid #00aae4;
		border-left: 1px solid #00aae4;
		border-right: 1px solid #006083;
		border-bottom: 1px solid #006083;
	}

#contain .header #mainNav 
	{
		position: absolute;
		top: 0;
		left: 205px;
		float: left;
		display: block;
		margin: 58px 0 0 0;
		
	}

#contain .header #mainNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#contain .header #mainNav ul li
	{
		float: left;
		display: inline;
		margin: 0 4px 0 0;
		padding: 0;
	}

#contain .header #mainNav ul li a
	{
		display: block;
		height: 40px;
		text-transform: uppercase;
		text-indent: -2000px;
		overflow: hidden;
		background: no-repeat;
	}

#contain .header #mainNav ul li a:hover
	{
		background-position: 0 -40px;
	}
	
#contain .header #mainNav ul li a.trick
	{
		width: 131px;
		background-image: url(/assets/images/nav_main_trick.gif);
	}
	
#contain .header #mainNav ul li a.tap
	{
		width: 131px;
		background-image: url(/assets/images/nav_main_tap.gif);
	}	

#contain .header #mainNav ul li a.games
	{
		width: 86px;
		background-image: url(/assets/images/nav_main_games.gif);
	}

#contain .header #mainNav ul li a.contests
	{
		width: 98px;
		background-image: url(/assets/images/nav_main_contests.gif);
	}



#contain .header #actNav 
	{
		position: absolute;
		top: 0;
		left: 667px;
		display: block;
		margin: 58px 0 0 0;
	}

#contain .header #actNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#contain .header #actNav ul li
	{
		float: left;
		display: inline;
		margin: 0 4px 0 0;
		padding: 0;
	}

#contain .header #actNav ul li a
	{
		display: block;
		height: 40px;
		text-transform: uppercase;
		text-indent: -2000px;
		overflow: hidden;
		background: no-repeat;
	}

#contain .header #actNav ul li a:hover
	{
		background-position: 0 -44px;
	}

#contain .header #actNav ul li a.parents
	{
		width: 73px;
		background-image: url(/assets/images/nav_act_parents.gif);
	}

#contain .header #actNav ul li a.teachers
	{
		width: 78px;
		background-image: url(/assets/images/nav_act_teachers.gif);
	}


/*************************************************************
Flash Content Items
***************************************************************/

#flash-area
	{
		display: block;
		float: left;
		margin: 8px 0 0 0;
	}



/*************************************************************
Structural Items
***************************************************************/

#structure
	{
		display: block;
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
		width: 981px;
		background: #FFF url(/assets/images/structure_bg.jpg) no-repeat top left;
	}
	

	
#structure .content
	{
		display: block;
		float: left;
		padding: 40px 11px;
		
	}
	
#structure .content h2
	{
		margin: 0 20px;
		padding: 0;
		font: 2em Arial, sans-serif;
		color: #006699;
	}
	
#structure .content p
	{
		margin: 10px 20px;
		padding: 0;
		font: 1.1em/1.35em Arial, sans-serif;
		color: #666666;
	}
	
#structure .content a
	{
		margin: 0;
		padding: 0 0 0 8px;
		font: normal 1.14em Arial, sans-serif;
		background: url(/assets/images/structure_content_blt.gif) no-repeat 0 .4em;
		color: #006699;
	}

	
#structure .col-one
	{
		display: block;
		float: left;
		width: 385px;
	}
	
#structure .col-two
	{
		display: block;
		float: left;
		width: 281px;
	}
	
#structure .col-two h2
	{
		color: #00a5ff;
	}

	
#structure .col-three
	{
		display: block;
		float: left;
		width: 293px;
	}
	
	
/*************************************************************
Structural Left
***************************************************************/


	
	
/*************************************************************
Structural Content
***************************************************************/



	
/*************************************************************
Structural Right
***************************************************************/
	


		
	
/***************************************************************
Footer Items
***************************************************************/

#footer
	{
		display: block;
		float: left;
		margin:20px 0pt;
		padding: 0;
		width: 981px;
		text-align: center;
		background: #FFF url("/assets/images/footer_bg.gif") repeat-x top left;
	}
	
#footer	ul
	{
		margin: 10px 20px 50px 20px;
		padding: 0;
		font-size: 9px;
	}
	
#footer li
	{
		display: inline;
	}
	
#footer li.item-phone
	{
		margin: 0 80px 0 3px;
	}

#footer li.item-link
	{
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		border-right: 1px solid #00A8FA;
	}
	
#footer li.item-link-end
	{
		margin: 0;
		padding: 0;
		border-right: none;
	}
	
#footer li a
	{
		font-weight: bold;
		color: #00A8FA;
	}



/******************************************************
Nav Items
******************************************************/

#nav
	{

	}

	


/****************************************************************
General Links remember order>> link:a visited:a hover:a active:a
*****************************************************************/

a
	{
		color: #0BAEF8;
		text-decoration: underline;
	}
a:link
	{
	}
a:visited
	{
	}
a:hover
	{
		text-decoration: none;
	}
a:active
	{
	}