@charset "utf-8";
/* Share the Road Columbus layout CSS Document */

/* Header Section */
#header {float:left; width:100%; height:186px;}
#header #img1 {background:url(../img/bkgd/hdr_rdr.jpg) top left no-repeat; height:186px; width:153px; float:left;}
#header #img2 {background:url(../img/bkgd/hdr_tx.jpg) top left no-repeat; height:186px; width:275px; float:left;}
#header #img3 {background:url(../img/bkgd/hdr_wlk.jpg) top left no-repeat; height:186px; width:149px; float:left;}
#header #img4 {background:url(../img/bkgd/hdr_bk.jpg) top left no-repeat; height:186px; width:244px; float:left;}

/* Body Section */
#body {float:left; width:781px; background:url(../img/bkgd/body_bkgd_2.jpg) 9px -20px repeat-y; padding:2em;}

#sidebar {float:left; width:170px; margin:0 2em 0 0;}
#content {float:left; width:531px; padding:3em; background-color:#fff;}

/* Content Section */
#content h2 {margin:0 0 2em 0;}
#content h3 {margin:0 0 0.5em 0;}
#content p {margin-bottom:1em;}
#content p em {font-weight:bold;}
#content a:link, #content a:visited {color:#007692;}
#content a:hover {color:#D5711B;}

/*#content a.ext {background:url(../img/bkgd/link_external.png) right center no-repeat; padding:1px 1.6em 1px 0;} */
#content a.pdf {background:url(../img/bkgd/res_pdf.gif) right center no-repeat; padding:1px 1.6em 1px 0;}

#content .slideshow {width:160px; height:160px; overflow:hidden;}
#content .slideshow img {width:160px; height:160px;}

/* Sidebar Section */
#logo {position:relative; width:155px; height:86px; overflow:hidden; margin-left:5px;}
#logo span {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/logos/STRC_Logo.png) no-repeat;}

/*#nav {color:#fff; font-size:1.5em; line-height:2em; margin:1em 0 0 1.6em;}*/ /* removed because of line wrapping on the 'links + resources' item */
#nav {color:#fff; font-size:1.5em; line-height:2em; margin:1em 0 0 0;}
#nav a:link, #nav a:visited {color:#fff; text-decoration:none; padding-left:1.8em; font-weight:bold;}
#nav a:hover {color:#F09A1A;}
#nav_about {background:url(../img/bkgd/nav_about.png) 0px 0px no-repeat;}
#nav_safety {background:url(../img/bkgd/nav_safety.png) 0px 0px no-repeat;}
#nav_news {background:url(../img/bkgd/nav_news.png) 0px 0px no-repeat;}
#nav_links {background:url(../img/bkgd/nav_links.png) 0px 0px no-repeat;}
#nav_about:hover, #nav_safety:hover, #nav_news:hover, #nav_links:hover {background-position:0px -20px;}

body#about #nav_about, body#safety #nav_safety, body#news #nav_news, body#links #nav_links {color:#F09A1A; background-position:0px -20px;}

/* Footer Section */
#footer {background-color:#16B1B5; padding:1em 0 2em 0; float:none; clear:both;}
#footer div {font-size:1.1em; padding-left:6em;}
#footer div span {margin:0 1em;}
#footer div span.vcard, #footer div span.vcard span.adr, #footer div span.vcard span.adr span, #footer div span.vcard span span {margin:0;}
#footer a:link, #footer a:visited {color:#000;}
#footer a:hover { color:#FFCC66; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
-->