/* the following lines can be copied to a php file if you need to use them elsewhere 
define("kWidthTotal","760");
define("kWidthContent","503");
define("kWidthNav","208");
*/
body
{
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#eeeeee;
	background-color:	#111111;
/*
	background-image:		url('/img/grad3.jpg');
	background-repeat:		repeat-x;
*/
/*
	color:				white;
	background-color:	black;
*/
/*
	background-image:		url('/img/greywall.jpg');
	background-repeat:		repeat-x, repeat-y;
*/

}

table
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	text-align:			left;
}

h1
{
	font-size:			2.6em;
	color:				#aaaacc;
	font-weight:		normal;
	text-transform:		uppercase;
	margin-bottom:		0.2em;
}

h2
{
	font-size:			1.6em;
	font-weight:		normal;
	margin-top:			0em;
	color:				#bbbbdd;
}

h3
{
	font-size:			1.2em;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-top: 		0.2em;
	margin-bottom: 		0.4em;
	color:				#bbbbdd;
}

h4
{
	font-size:			1em;
	font-weight:		bold;
	text-transform:		normal;
	margin-top: 		0.3em;
	margin-bottom: 		0.7em;
}

a
{
	font-size:			0.9em;		
	text-transform:		uppercase;
	color:				#cccccc;
	font-weight:		bold;
	text-decoration:	none;
}

a.small
{
	text-transform:		none;
	font-weight:		normal;
	text-decoration:	none;
	border-bottom:		0px solid grey;
	color:				#cccccc;
}

a.plain
{
	text-transform:		none;
	font-weight:		normal;
	text-decoration:	none;
	border-bottom:		1px dotted grey;
	color:				#cccccc;
}
a.plain:visited
{
	color:				#cccccc;
}


a.inv
{
	color:				#ccccff;
//	background-color:	#bbbbbb;
	padding:			0px;
	font-size:			1.2em;
}
a.inv:visited
{
	color:				#ccccff;
}
a.inv:hover
{
	background-color:	#9999ff;
	color:				black;
}


a.email
{
	text-transform:		none;
	font-weight:		normal;
	text-decoration:	none;
}

a:visited
{
	color:				#cccccc;
}

a:hover
{
	color:				#88bb88;
}

a:active
{
	color:				#ff0000;
}

hr
{
	border-top:			1px gray dotted;
	border-bottom:		0px
}

.footer
{
	color:				#cccccc;
	font-size:			0.8em;
}

.note
{
	font-size:			0.9em;
}

.backdrop
{
	background-image:		url('./img/backs/MotoBackRight.gif');
	background-position:	left top;
	background-repeat:		no-repeat; 
}


/* changing the body sets default values for all text used on entire page */
#page
{
	text-align:			left;
	margin:				0px auto;
	margin-top:			15px;
	width:				760px;
	font-size:			0.9em;
}


#top
{
	margin:				0px;
	padding:			0px;
	margin-bottom:		20px;
}

#logo
{
}

#loggedIn
{
	float:				right;
}

#language
{
	float:				right;
	margin-left:		10px;
	margin-bottom:		10px;
}

#menu
{
	font-size:			1.6em;
	width:				760px; 

	padding-top:		8px;
	padding-bottom:		2px;
}

#banner
{
	margin-bottom:		15px;
}

#nav
{
	width: 				208px;
	border-right:		0px gray dotted;
	margin-right:		0px;
	padding-left:		16px;
	padding-right:		16px;
	vertical-align:		top;
	
	float:				left;
	text-align:			right; 
	padding-bottom:		30px;
}

#navSpacer
{
	height:				5px;
}

#content
{

	float:				left;
	
	vertical-align:		top;
	width:				503px;
	margin-right:		0px;
	padding-left:		16px;

	border-left:		1px gray dotted; 
}

.areaitem
{
	padding-right:		20px;
}

.insert
{
	border:				5px solid gray;
	padding:			10px;
	background-color:	#444444;
}

.ins
{
	border:				5px solid gray;
	padding:			10px;
	background-color:	#444444;
}

.errbox
{
	border:				4px solid red;
	padding:			10px;
	background-color:	#444444;
}

.error
{
	color:				red;
	font-weight:		bold;
}

.tableHead
{
	background-color:	rgb(230,230,230);
	font-size: 1.6em;
}

.tableItemEven
{
	font-size: 1.1em;
	background-color: rgb( 245,245,255 );
}
.tableItemOdd
{
	font-size: 1.1em;
	background-color: rgb( 235,235,245 );
}



.itemEven
{
	background-color: rgb( 235,235,245 );
}
.itemOdd
{
	background-color: rgb( 245,245,255 );
}

.frontHeading
{
	font-size:		4em;
	color:			#333333;
	font-weight:	normal;
	text-transform: uppercase;
}

.item
{
	font-size:		1em;
	font-weight:	bold;
	text-transform:	uppercase;
}

/* our own custons classes */
.smallbody
{
	font-size:		0.6em;
}

.bodytext-bold
{
	font-weight:	bold;
}

/* spacing and margins */
.floatleft
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.floatright
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.clearboth
{
	clear: left right;
}

.justify
{
	text-align: justify;
}

.alignright
{
	text-align: right;
}

.alignleft
{
	text-align: left;
}



#nav
{	
	background-color:		rgb( 255,255,255 );
	background-image:		url('/img/backs/MotoBack.gif');
	background-repeat:		no-repeat;
	background-position:	30% 0%;
}

#content
{
	background-color:	rgb( 255,255,255 );
}

.attention
{
	color:			#ff0000;
	font-weight:	bold;
	font-style:		italic;
}

.bigclear
{
	font-size:			1.7em;
	color:				#ff0000;
	font-weight:		normal;
	color:				#444444;
}

.jump
{
	border:				2px solid rgb(  255,189,12 );;
	padding:			10px;
	padding-left:		40px;
	background-color:	#777777;
	color:				black;
	margin-bottom:		10px;
	background-image:	url('http://www.moto-mundo.com/img/gohigh.gif');
	background-repeat:	no-repeat;
	background-position:	left center;
	font-size:			1.1em;
	font-weight:		bold;
}

.flag
{
	margin-right:		0px;
	width:				42px;
	height:				30px;
}

.mapAreaDiv
{
	position:			absolute;
}

.mapArea
{
	background-color:	#111111;
	padding:			7px;
	color:				white;
	font-size:			1.2em;
}

.mapArea:hover
{
	background-color:	#444444;
}

.mapArea:active
{
	color:				#ff8888;
}

.mapArea:visited
{
	color:				white;
}