/* =| START: Base |========================================================================================= */

/* Zero-out browser defaults */
body { background:#b10021 url('../img/bg-body.jpg') left top repeat-x; color:#000; margin:0px; padding:0px; text-align:left; }
html { font-family:verdana,arial,helvetica,sans-serif; font-size:62.5%; margin:0px; padding:0px; }
html * { font-size:1em; }
form { margin:0px; padding:0px; }
ol, li, p, dl, dt, dd

{ margin:0; padding:0; }

/* Zero-out Google toolbar defaults */
input.text, textarea { font-family:verdana,arial,helvetica,sans-serif!important; font-size:1.2em!important; color:#000!important; background-color:#fff!important; border:1px solid #959595!important; }
select { font-family:verdana,arial,helvetica,sans-serif!important; font-size:1.2em!important; color:#000!important; background-color:#fff!important; border:1px solid #959595!important; }

/* =| END: Base |============================================================================================ */


/* =| START: Default |======================================================================================= */

body
{
	margin: 10px 0;
	background-color: #EEEEEE;
	background-image: url(../img/bg-bike.gif);
	background-repeat: repeat;
	#333333;
}

h1
{
	font-weight: bold;
	font-size: 1.6em;
}

h1 span { visibility: hidden; }

h2
{
	font-weight: bold;
	font-size: 1.2em;
	color: #ea5b13;
}

a { text-decoration: none; color: #333333; }
a:hover { color: #ea5b13; }

ul { list-style-type: square; }

p { margin-bottom: 1.0em; }


/* =| END: Default |========================================================================================= */


/* =| START: Page |========================================================================================== */

#page
{
	margin: 0 auto;
	width: 700px;
	border: 10px solid #999999;	
	background-color: #FFFFFF;
}

/* =| END: Page |============================================================================================ */


/* =| START: Header |======================================================================================== */

#header { }

#header div 
{
	float: left;
	height: 87px;
	margin: 0 0 0 10px;
	padding: 10px;
}

#header div.left { width: 180px; }
#header div.right { width: 450px; text-align: center; background-image: url(../img/tl-north-west-cycle-vietnam-challenge.gif); background-repeat: no-repeat;}

/* =| END: Header |========================================================================================== */


/* =| START: Navigation |==================================================================================== */

#navigation { }

#navigation div
{
	float: left;
	/*height: 15.0em;*/
	margin: 0 0 0 10px;
	/*padding: 10px;*/
	border-top: 8px solid #999999;	
	border-bottom: 8px solid #CCCCCC;
}

#navigation div.left 
{ 
	width: 200px; 		
}

#navigation div.left ul 
{ 
	margin: 0;
	background-color: #EEEEEE;
	list-style: none;
	font-size: 1.3em; 
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 1.0em; 
	line-height: 1.8em;
	height: 174px;
}

#navigation div.left ul a { text-decoration: none; color: #666666; }
#navigation div.left ul a:hover { color: #ea5b13; }

#navigation div.left ul li { padding: 0; margin: 0; }

#navigation div.right 
{ 
	width: 470px; 
	padding-top: 2px;
	padding-bottom: 2px; 	
}

/* =| END: Navigation |====================================================================================== */


/* =| START: Header |======================================================================================== */

#content { float: left; }

#content div 
{
	float: left;
	margin: 0 0 0 10px;
	padding: 15px 10px;
}

#content div.left { width: 180px; }

#content div.left dl { text-align: center; color: #999999; }
#content div.left dl dt { font-weight: bold; text-align: center; font-size: 1.2em; }
#content div.left dl dd { margin: 0; padding: 0; }

#content div.right { width: 450px; 	line-height: 1.6em; 	font-size: 1.2em;	color: #333333; }

#content a { color: #ea5b13; text-decoration: underline; }
#content a:hover { color: #333333; }
#content a:visited { color: #999999; }

#content p.img { text-align: center; }

#content p.img img
{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
}

#content dl.profiles dt 
{ 
	margin-top: 1.0em; 
	margin-bottom: 0.5em;
	padding-top: 1.0em;
	font-weight: bold; 
	font-size: 1.1em; 
	border-top: 1px solid #EEEEEE;
}

#content dl.profiles dt img
{
	margin: 5px 10px 10px 0;
	padding: 5px;
	border: 1px solid #999999;
	float: left;
}

#content dl.profiles dd span { text-decoration: underline; }

#content dl.profiles dd.blurb 
{
	margin-top: 1.0em;
}

/* =| END: Header |========================================================================================== */