/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    width               : 1025px;
    margin              : 0 auto;
    padding             : 8px 0;
}

h1 
{
    display             : inline-block;
    width               : 384px;
    height              : 46px;
}

h2 
{
}

h3 
{
	line-height			: 20px;
	padding				: 10px 6px 3px;
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/
#header
{
    /*padding         : 20px;*/
    padding			: 28px 0 0 35px;
    width           : 1024px;
    height          : 153px;
}

#main
{
    display         : inline-block;
    /*width           : 740px;*/
    width			: 663px;
    vertical-align  : top;
    margin-top      : 0px;
}

.onecol #main
{
	display			: block;
	width			: 1025px;
}

#sidebar
{
    display         : inline-block;
    /*width           : 250px;*/
    width			: 327px;
    float           : left;
    vertical-align  : top;
    /*margin-right    : 15px;*/
    margin-left		: 15px;
    margin-top      : 20px;
}

.cloud
{
   padding         : 230px 20px 20px 20px;
   position        : relative;
}

.cloudBottom
{
    display         : block;
    width           : 100%;
    height          : 31px;
}

#footer
{
    text-align      : right;
    margin          : 15px 45px 0 0;
}
/*___ SPAN _________________________________________________________________*/

.cloudComment 
{
    display         : block;
    width           : 350px;
    height          : 60px;
    position        : absolute;
    top             : 50px;
    right           : 0px;
    padding-left    : 50px;    
}

.dateline
{
	display			: block;
	padding-bottom	: 10px;
	
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

h2
{
	margin-bottom	: 10px;
	margin-top		: -55px;
	width			: 153px;
	height			: 53px;
	text-indent		: -9999em;
}

#commentshead
{
	width			: 172px;	
}

#carshead
{
	height			: 80px;
	width			: 146px;
}


#bicycleshead
{
	height			: 80px;
	width			: 249px;
}

#buseshead
{
	height			: 80px;
	width			: 160px;
}

#carpoolhead
{
	height			: 80px;
	width			: 487px;
}

#pedestrianshead
{
	height			: 80px;
	width			: 318px;
}

#truckshead
{
	height			: 80px;
	width			: 177px;
}

#airplaneshead
{
	height			: 80px;
	width			: 258px;
}

#passengertrainshead
{
	height			: 80px;
	width			: 423px;
	
}

#freighttrainshead
{
	height			: 80px;
	width			: 194px;
}

#ferrieshead
{
	height			: 80px;
	width			: 178px;
}

#shippinghead
{
	height			: 80px;
	width			: 234px;
}

#trailshead
{
	height			: 80px;
	width			: 155px;
	
}

#multimodalhead
{
	height			: 80px;
	width			: 306px;
}

#landusehead
{
	height			: 80px;
	width			: 247px;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
#main p
{
    margin-bottom       : 18px;
}
/*___ UL _________________________________________________________________*/
.secondary
{
    display             : inline-block;
}

.rss
{
    padding-bottom      : 40px;
}

#main ul
{
    margin-bottom       : 18px;
}
/*___ OL _________________________________________________________________*/
#main ol
{
    margin-bottom       : 18px;
}

/*___ LI _________________________________________________________________*/
.nav li
{
    display             : inline-block;
    height              : 32px;
    margin              : 0 -3px 0 0;
}

.secondary li
{
    display             : inline-block;
    height              : 37px;
    margin              : 0 5px;
}

.rss li
{
    display             : inline-block;
    width               : 210px;
    vertical-align      : top;
    margin-right        : 10px;
}

#main ul.rss li:first-child 
{
    margin-left         : 0;    
}

#main li
{
    margin              : 0 0 6px 2em;
}

#main ol li
{
    list-style-type     : decimal;
}

#main ul li
{
    list-style-type     : disc;
}
/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
h1 a
{
    display             : block;
    width               : 384px;
    height              : 46px;
    text-indent         : -9999em;
}

.nav li a
{
    display             : block;
    height              : 32px;
    text-indent         : -9999em;
}

.secondary li a
{
    height              : 37px;
}

#faq a { width: 46px; }
#plan a { width: 44px; }
#survey a { width: 53px; }
#comments a { width: 77px; }
#about a { width: 51px; }
#blog a { width: 51px; }
#play a { width: 110px; }

#cars a { width: 64px; }
#bicycles a { width: 119px; }
#buses a { width: 91px; }
#pool a { width: 232px; }
#pedestrians a { width: 165px; }
#trucks a { width: 93px; }
#airplanes a { width: 127px; }
#passenger a { width: 226px; }
#freight a { width: 174px; }
#ferries a { width: 97px; }
#shipping a { width: 119px; }
#trails a { width: 77px; }
#multimodal a { width: 152px; }
#landuse a { width: 115px; }

#sidebar a
{
    display         : block;
    width           : 261px;
    height          : 100px;
    text-indent     : -9999em;
}

.rssLink
{
    display         : block;
    height          : 43px; 
    width           : 129px;
    text-indent     : -9999em;
}
/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img[style*="left"]
{
	margin			: 0 20px 10px 0;
}

img[style*="right"]
{
	margin-left		: 0 0 10px 20px;	
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/

hr
{
	clear			: both;
	display			: block;
	height			: 43px;
}