/* Vero Vintage Car Rally 2012 CSS Document */
/* Author: Leona Tian */

#globalNav {
	float:left;
	margin:0;
	padding:0;
	width:680px;
	height:51px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:white;
}
#globalNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#globalNav li {
	float:left;
	position:relative;
}
#globalNav li a {
	display:block;
	list-style:none;
	text-decoration:none;
	height:51px; /* use height allows IE works*/
	/*padding:25px 0 26px 0;*/ /*padding creates the height*/
	font-weight:normal;
	font-size:16px;
	color:white;
	text-indent:-9999em;
}
#globalNav li a.home {
	width:95px;
	text-decoration:none;
	background:url(images/template/nav_home.gif) left top no-repeat;
}
#globalNav li a.about {
	width:166px;
	background:url(images/template/nav_about.gif) left top no-repeat;
	text-decoration:none;
}
#globalNav li a.where {
	width:124px;
	background:url(images/template/nav_where.gif) left top no-repeat;
	text-decoration:none;
}
#globalNav li a.contact {
	width:124px;
	background:url(images/template/nav_contact.gif) left top no-repeat;
	text-decoration:none;
}
#globalNav li a.news {
	width:131px;
	background:url(images/template/nav_news.gif) left top no-repeat;
	text-decoration:none;
}
#globalNav ul li:hover ul, #globalNav ul li.over ul {
	display: block;
}
#globalNav li, #globalNav li:hover a.home {
	background-position:0 -51px;
	text-indent: -9999em;
}
#globalNav a:hover, #globalNav li:hover a.home {
	background-position:0 -51px;
	text-decoration:none;
}
#globalNav li, #globalNav li:hover a.about {
	background-position:0 -51px;
	text-indent: -9999em;
	text-decoration:none;
}
#globalNav a:hover, #globalNav li:hover a.about {
	background-position:0 -51px;
	text-decoration:none;
}
#globalNav li, #globalNav li:hover a.where {
	background-position:0 -51px;
	text-indent: -9999em;
	text-decoration:none;
}
#globalNav a:hover, #globalNav li:hover a.where {
	background-position:0 -51px;
	text-decoration:none;
}
#globalNav li, #globalNav li:hover a.contact {
	background-position:0 -51px;
	text-indent: -9999em;
	text-decoration:none;
}
#globalNav a:hover, #globalNav li:hover a.contact {
	background-position:0 -51px;
	text-decoration:none;
}
#globalNav li, #globalNav li:hover a.news {
	background-position:0 -51px;
	text-indent: -9999em;
	text-decoration:none;
}
#globalNav a:hover, #globalNav li:hover a.news {
	background-position:0 -51px;
	text-decoration:none;
}
/**** Indicator ****/
	.homeAt {
	width:95px;
	height:51px;
	background:url(images/template/nav_home.gif) left top no-repeat;
	background-position:0 -51px;
}
.aboutAt {
	width:166px;
	height:51px;
	background:url(images/template/nav_about.gif) left top no-repeat;
	background-position:0 -51px;
}
.whereAt {
	width:124px;
	height:51px;
	background:url(images/template/nav_where.gif) left top no-repeat;
	background-position:0 -51px;
}
.contactAt {
	width:124px;
	height:51px;
	background:url(images/template/nav_contact.gif) no-repeat left top;
	background-position:0 -51px;
}
.newsAt {
	width:131px;
	height:51px;
	background:url(images/template/nav_news.gif) left top no-repeat;
	background-position:0 -51px;
}
/**** drop down *****/

	#globalNav li ul {
	display:none;
	position:absolute;
	left:0;
	width:165px; /* IE7 */
	padding:0;
	margin:0;
}
#globalNav ul li ul li {
	height:33px;
	float:left;
	padding:0;
	margin:0;
	border-left:1px solid #a66666;
	border-right:1px solid #a66666;
	border-bottom:1px solid #a66666;
}
#globalNav ul li ul li a {
	width:145px !important;
	width:165px;
	width/**/:/**/145px; /*IE 6*/
	height:33px; /* without height here won't use height in explorer 5, 6 */
	height/**/:/**/25px;
	padding:8px 0 0 20px;
	text-align:left;
	display:block;
	background-color:#fff;
	color:#222c33;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	text-indent:0;
}
#globalNav ul li ul li a:hover {
	background-color:#e24f59;
	color:#FFFFFF;
}
/**************** Local Navigation***************/
	#localNav {
	margin:0;
	padding:0;
	width:244px;
	height:180px;
}
#localNav ul {
	list-style:none;
}
#localNav li {
	padding-top:8px;
	width:244px;
	height:28px;
}
#localNav li a {
	padding-left:28px;
	list-style:none;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#ae0811;
}
#localNav li a:hover {
	color:#2a353d;
}

