/*___ color.css: Color/Backgrounds Styles ___*/

/*___ Section 1: Global Color/Backgrounds Styles ___*/

html 
{
}

body 
{
    color           : #666666;
}

h1 
{
}

h2 
{
}

h3 
{
	background-color: #ffffff;
	color			: #99CCCC;
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color           : #666666;
    
}

a:visited 
{
    color           : #666666;
   
}

a:hover 
{
    color           : #666666;
   
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Global Color/Backgrounds Modules ___*/

/*___ Section 3: Unique Element-Specific Global Color/Backgrounds Styles ___*/

/*___ DIV _________________________________________________________________*/
#header
{
    background              : transparent url(images/menucloud.gif) no-repeat;
}

.cloud
{
    /*background              : #F3F3EC url(images/blog_cloud.gif) no-repeat left top;*/
    background				: #F3F3EC url(images/cloudtop.gif) no-repeat left top;
}

.cloudBottom
{
    background              : transparent url(images/cloudBottom.gif) repeat-x 0 0;
}

#footer
{
    color                   : #929292;
}
/*___ SPAN _________________________________________________________________*/

.cloudComment 
{
    background              : transparent url(images/rssBlog-trans.png) no-repeat;    
}

.dateline
{
	color					: #999999;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

#faqhead
{
	background				: transparent url(images/faq_cloud.gif) no-repeat left top;	
}

#planhead
{
	background				: transparent url(images/plan_cloud.gif) no-repeat left top;	
}

#surveyhead
{
	background				: transparent url(images/survey_cloud.gif) no-repeat left top;	
}

#commentshead
{
	background				: transparent url(images/comments_cloud.gif) no-repeat left top;	
}

#abouthead
{
	background				: transparent url(images/about_cloud.gif) no-repeat left top;	
}

#bloghead
{
	background				: transparent url(images/blog_cloud.gif) no-repeat left top;	
}

#carshead
{
	background				: transparent url(images/cars_cloud.gif) no-repeat left top;	
}


#bicycleshead
{
	background				: transparent url(images/bicycles_cloud.gif) no-repeat left top;	
}

#buseshead
{
	background				: transparent url(images/buses_cloud.gif) no-repeat left top;	
}

#carpoolhead
{
	background				: transparent url(images/carpool_cloud.gif) no-repeat left top;	
}

#pedestrianshead
{
	background				: transparent url(images/pedestrians_cloud.gif) no-repeat left top;	
}

#truckshead
{
	background				: transparent url(images/trucks_cloud.gif) no-repeat left top;	
}

#airplaneshead
{
	background				: transparent url(images/airplanes_cloud.gif) no-repeat left top;	
}

#passengertrainshead
{
	background				: transparent url(images/passenger_cloud.gif) no-repeat left top;	
}

#freighttrainshead
{
	background				: transparent url(images/freight_cloud.gif) no-repeat left top;	
}

#ferrieshead
{
	background				: transparent url(images/ferries_cloud.gif) no-repeat left top;	
}

#shippinghead
{
	background				: transparent url(images/shipping_cloud.gif) no-repeat left top;	
}

#trailshead
{
	background				: transparent url(images/trails_cloud.gif) no-repeat left top;	
}

#multimodalhead
{
	background				: transparent url(images/multimodal_cloud.gif) no-repeat left top;	
}

#landusehead
{
	background				: transparent url(images/landuse_cloud.gif) no-repeat left top;	
}


/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/
.rss
{
    background          : transparent url(images/imgBird.gif) no-repeat bottom right;
}
/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
#header h1 a,
#header h1 a:visited
{
    background          : transparent url(images/logo.gif) no-repeat 0 0;
}

#header h1 a:hover
{
    background          : transparent url(images/logo.gif) no-repeat 0 -46px;
}

#faq a { background-image : url(images/liFaq.gif); background-position: 0 0; }
#plan a { background-image : url(images/liPlan.gif); background-position: 0 0; }
#survey a { background-image : url(images/liSurvey.gif); background-position: 0 0; }
#comments a { background-image : url(images/liComments.gif); background-position: 0 0; }
#about a { background-image : url(images/liAbout.gif); background-position: 1px 0; }
#blog a { background-image : url(images/liBlog.gif); background-position: 0 0; }
#play a { background-image : url(images/liPlay.gif); background-position: 0 0; }

#faq a:hover { background-position: 0 -38px; }
#plan a:hover { background-position: -1px -35px; }
#survey a:hover { background-position: 0 -37px; }
#comments a:hover { background-position: 0 -37px; }
#about a:hover { background-position: 1px -36px; }
#blog a:hover { background-position: 0 -37px; }
#play a:hover { background-position: 0 -37px; }

#cars a { background-image : url(images/liCars.gif); background-position: 0 0; }
#bicycles a { background-image : url(images/liBicycles.gif); background-position: 0 0; }
#buses a { background-image : url(images/liBuses.gif); background-position: 0 0; }
#pool a { background-image : url(images/liPool.gif); background-position: 0 0; }
#pedestrians a { background-image : url(images/liPedestrians.gif); background-position: 0 0; }
#trucks a { background-image : url(images/liTrucks.gif); background-position: 0 0; }
#airplanes a { background-image : url(images/liAirplanes.gif); background-position: 0 0; }
#passenger a { background-image : url(images/liPassenger.gif); background-position: 0 0; }
#freight a { background-image : url(images/liFreight.gif); background-position: 0 0; }
#ferries a { background-image : url(images/liFerries.gif); background-position: 0 0; }
#shipping a { background-image : url(images/liShipping.gif); background-position: 0 0; }
#trails a { background-image : url(images/liTrails.gif); background-position: 0 0; }
#multimodal a { background-image : url(images/liMultimodal.gif); background-position: 0 0; }
#landuse a { background-image : url(images/liLand.gif); background-position: 0 0; }

#cars a:hover { background-position: 0 -32px; }
#bicycles a:hover { background-position: 0 -32px; }
#buses a:hover { background-position: 1px -34px; }
#pool a:hover { background-position: 0 -33px; }
#pedestrians a:hover { background-position: 0 -33px; }
#trucks a:hover { background-position: 0 -33px; }
#airplanes a:hover { background-position: 0 -33px; }
#passenger a:hover { background-position: 0 -33px; }
#freight a:hover { background-position: 0 -32px; }
#ferries a:hover { background-position: 0 -34px; }
#shipping a:hover { background-position: 0 -33px; }
#trails a:hover { background-position: 0 -34px; }
#multimodal a:hover { background-position: 0 -32px; }
#landuse a:hover { background-position: 0 -33px; }

.nav li a
{
    background-repeat       : no-repeat;
}

#sidebar a
{
    background              : transparent url(images/back_to_town.gif) no-repeat 0 0;
}

.rss h3 a,
.rss h3 a:hover,
.rss h3 a:visited
{
    color                   : #99cccc;
}

.more,
.more:hover,
.more:visited
{
    color                   : #99CCCC;
}
/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/

hr
{
	background			: transparent url(images/line.gif) repeat-x 0 50%;
	border				: none;	
}
