/* 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");
*/

/* changing the body sets default values for all text used on entire page */
body
{
	width:				760px;
	height:				auto;
	margin:				0px;
	padding-top:		8px;
	padding-left:		8px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#222222;
}

#page
{
	font-size:			1em;
}

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

#logo
{
}

#loggedIn
{
	float:				right;
}

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

#autolanguages
{
	margin-top: 10px;
	maring-bottom: 5px;
}

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

	padding-top:		2px;
	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:				1px dotted gray;
	padding:			3px;
	background-color:	rgb(  250,250,250 );
}

.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:		3em;
	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: both;
}

.justify
{
	text-align: justify;
}

.alignright
{
	text-align: right;
}

.alignleft
{
	text-align: left;
}

#page
{
}

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

#logo
{
}

.slogan
{
	margin-left: 20px;
	font-size: 2.3em;
	font-style:		italic;
}

#loggedIn
{
}

#language
{
}

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

#banner
{
}

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

#navSpacer
{
}

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

.frontHeading
{
}


.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:	rgb( 245,245,245);
	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;
}

body
{
	font-family:		Arial, Helvetica, sans-serif;
	color:				#444444;
	background-color:	rgb( 255,255,255 );
}

table
{
	font-family:		Arial, Helvetica, sans-serif;
	color:				#444444;
	font-size:			0.8em;
}

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

h2
{
	font-size:			1.4em;
	color:				#ff0000;
	font-weight:		normal;
	margin-top:			0em;
	color:				#444444;
}

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

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:				#333333;
	font-weight:		bold;
	text-decoration:	none;
}

a.plain
{
	text-transform:		none;
	font-weight:		normal;
	text-decoration:	none;
	color:				#333333;
}
a.plain:visited
{
	color:				#333333;
}


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

a:visited
{
	color:				#772255;
}

a:hover
{
	color:				#8888ff;
}

a:active
{
	color:				#ff0000;
}

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

.footer
{
	color:				#666666;
	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; 
}

.error
{
	color:			red;
}
/*
	color:				white;
*/
.mapAreaDiv
{
	position:			absolute;
}
.mapArea
{
	background-image:	url('/img/mapGrad.png');
	background-repeat:	repeat-x;
	background-color:	#d0d0d0;
	color:				black;
	border:				1px solid #aaaaaa;
	font-size:			1.2em;
	padding:			1px;
}

.mapArea:hover
{
	background-color:	#e3ff97;
	background-image:	none;
	color:				black;
}

.mapArea:visited
{
	color:				#black;
}

.mapAreaSub
{
	background-color:	#d8d8d8;
	color:				black;
	border:				1px solid #aaaaaa;
	font-size:			0.8em;
	padding:			1px;
}

.dim
{
	display: none;
}

.reserve
{
	font-size:			1.3em;
}


.quote
{
	font-size:			0.9em;
}

.person
{
	font-size:			0.8em;
	color:				#850;
}