/*
Theme Name: Mountain Line
Theme URI: http://www.mountainline.com
Description: A theme for displaying public transit information for Mountain Line in Missoula, MT.  Derived from the <a href="http://elliotjaystocks.com/starkers/">Starkers</a> theme by Elliot Jay Stocks.
Version: 2.8
Author: Jordan Hess
Author URI: http://www.montanatransit.com
Tags: Mountain Line, transit, bus, Missoula
*/

/*
Main Colors in Use
	Dark Teal: #00BABE
	Light Teal: #9BD8DB
	Magenta: #D61D5D
	Yellow: #FFFF00
*/



/* -------------------- RESET -------------------- */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0;
	padding:0;
	}
	
html {
	overflow-y: scroll;
	}

html, body {
	height: 100%;
	}
	
body  {
	font-size: 62.5%;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	background: url(/images/body-bg-grad-2.png) top center repeat-x white;
	color: #000000;

	}
	
ul {
	list-style: square-inside;
	}

ol {
	list-style: decimal-inside;
	}

a {
	outline: none;
	text-decoration: none;
	}

a img { 
	border:none 
	} /* Gets rid of IE's blue borders */
	
img {
	vertical-align: middle;
	}
	
table { 
	border-collapse:collapse;
	border-spacing:0; 
	}
	
fieldset, img { 
	border:0; 
	}
	
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
	}
	
caption, th { 
	text-align:left; 
	}
	
h1, h2, h3, h4, h5, h6 { 
	font-weight:normal;
	}
	
q:before, q:after { 
	content:'';
	}

strong { 
	font-weight: bold;
	}
	
em { 
	font-style: italic;
	}
	

/* -------------------- PRINT LOGO -------------------- */
#print-logo {
	display: none
	}
	
	
/* -------------------- UTILITY -------------------- */
.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}

.clear {
	clear: both;
	}
	
.clearLeft {
	clear: left;
	}
	
.clearRight {
	clear: right;
	}
	
.hidden {
	text-indent: -99999px;
	}

.button {
	border: 1px solid #000000;
	background: #000000;
	padding: 1px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	}
	
.button:hover {
	background: #FFFF00;
	color: #000000;
	}
	

/* -------------------- TYPOGRAPHY -------------------- */
p {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 0 0 15px 0;
	}
	
ul {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
	}
	
ol {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 8px 0 15px 0;
	padding: 0 0 0 40px;
	}	
	
ol li {
	line-height: 1.5em;
	color: #4F4F4F;
	margin: 8px 0 8px 0;
	}	
	
ol p {
	font-size: 1em;
	}

h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #1F1F1F;
	margin: 15px 0 15px 0;
	}
	
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #3F3F3F;
	margin: 0 0 15px 0;
	}
	
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0 0 6px 0;
	}
	
li.linkitem , li.linkcat, ul.xoxo, ul.blogroll {
	font-size: 1.0em;
	}
	

/* -------------------- STRUCTURE -------------------- */
#page-wrap {
	width: 978px;
	margin: 0px auto -115px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

#push {
	height: 115px;
	}
	
#tripplan-sidebar {
	width: 300px;
	float: left;
	margin: 0;
	padding: 0 15px;
	}
	
#indexmain-col {
	width: 450px;
	float: left;
	margin: 0;
	padding: 15px 0;
	}
	
#pagelinks-sidebar {
	width: 168px;
	float: left;
	margin: 0;
	padding: 15px;
	}

#main-col {
	width: 582px;
	float: left;
	margin: 0;
	}
	
#schedule-main-col {
	width: 765px;
	float: right;
	margin: 0;
	padding: 0 15px 15px 0;
	}
	
#content-sidebar {
	width: 168px;
	float: right;
	margin: 0;
	padding: 0 15px;
	}

	
/* -------------------- HEADER -------------------- */
h1#logo {
	width: 394px;
	height: 105px;
	background: url(/images/ml-logo.png) top left no-repeat;
	text-indent: -99999px;
	margin: 25px 0 0 15px;
	float: left;
	}
	
#first-links {
	padding: 10px 0 0 0;
	margin: 0;
	}
	
#first-links p {
	color: #000;
	}	
	
#search {
	margin: 60px 0 0 0;
	}
	
#top-bar {
	padding: 0;
	}

#header-extras {
	margin: 0 15px 0 0;
	}
	
.breadcrumb {
	margin: 4px 15px;
	}

	


/* -------------------- MENU -------------------- */
#menu-bar {
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 11px;
	}

#main-nav, #main-nav ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	float: left;
	-moz-border-radius: 5px;
	-webket-border-radius: 5px;
	}

#main-nav a {
	display: block;
	/* width: 10em; */
	}

#main-nav li {
	float: left;
	/* width: 10em; */
	}
	
#main-nav li a, #extra-nav li a {
	color: #FFFFFF;
	font-size:  1em;
	margin-right: 20px;
	padding: 3px 10px 3px 10px;
	-moz-border-radius: 5px;
	-webket-border-radius: 5px;
	}
	
#main-nav li ul {
	position: absolute;
	width: 12em; 
	padding: 6px 2px 6px 8px;
	left: -999em;
	font-size:  1em;
	background-color: #333333;
	z-index: 9999;
	}
	

#main-nav li:hover ul {
	left: auto;
	}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left: auto;
	}
	
#main-nav li a:hover, #extra-nav li a:hover {
	background-color: #000000;
	color: #FFFF00;
	}
/* end of suckerfish tets */

/*
ul#main-nav {
	width: 500px;
	float: left;
	margin: 5px 0 0 0;
	}

ul#extra-nav {
	width: 350px;
	float: right;
	text-align: right;
	margin: 5px 0 0 0;
	}
	
ul#main-nav li, ul#extra-nav li {
	display: inline;
	}
*/



/* -------------------- SIDEBAR LINKS -------------------- */
ul.sidebar-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 168px;
	font-size: 1.2em;
	}
	
ul.sidebar-nav  li {
	margin: 0;
	padding: 2px 0 2px 6px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

ul.sidebar-nav li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 152;
	font-size: 1em;
	}
	
ul.sidebar-nav li a, ul.sidebar-nav li ul li a {
	display: block;
	text-decoration: none;
	}




/* -------------------- WIDGETS -------------------- */
#tripplan-sidebar .widget {
	background: #fff;
	width: 294px;
	border: 3px solid #d61d5d;
	/*border-bottom: 2px solid #ccc;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 15px 0;
	}

h2.css-img-replace {
	margin: 3px 0 10px 0;
	}
	
h2#h2-frontpage-header {
	width: 449px;
	height: 52px;
	background: url(/images/h2-frontpage-head.png) top left no-repeat #fff;
	text-indent: -99999px;
	float: left;
	}

	
#trip_plan_header_area {
	background-color: #d61d5d;
	height: 35px;
	width: 294px;
	padding-top: 6px;
	}
	
h2#trip_plan_header {
	width: 123px;
	height: 23px;
	background: url(/images/h2-tripplan-pnk.png) top left no-repeat #d61d5d;
	text-indent: -99999px;
	float: left;
	}
	
#tripplan-sidebar .widget-bold {
	background: #333333;
	width: 300px;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 15px 0;
	}

#tripplan-sidebar .widget-bold  p {
	margin: 0;
	padding: 4px 8px;
	}
	
#tripplan-sidebar .widget-bold  a {
	color: #AFAFAF;
	font-weight: normal;
	} /* EDIT THIS!    <---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
div.news-divider {
	border-top: 1px solid #4F4F4F;
	}
	
div.news-divider:hover {
	background-color: #1F1F1F;
	}
	
div#news-post-wrapper {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #4F4F4F;
	}

h2#alerts_ticker_header {
	width: 130px;
	height: 21px;
	background: url(/images/h2-rideralerts.png) top left no-repeat;
	text-indent: -99999px;
	float: left;
	}
	
h2#twitter_feed_header {
	width: 156px;
	height: 39px;
	background: url(/images/h2-twitterfeed.png) top left no-repeat;
	text-indent: -99999px;
	float: left;
	}
	
h2#h2-error-404 {
	width: 286px;
	height: 23px;
	background: url(/images/h2-error404.png) top left no-repeat;
	text-indent: -99999px;
	float: left;
	}


.sidebar-ad {
	margin: 0;
	float: left;
	padding: 15px 0 0 0;
	margin: 0;
	}
	
/* h2#ad-mobile {
	width: 168px;
	height: 264px;
	background: url(/images/ad-mobile.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-markettrolley {
	width: 168px;
	height: 120px;
	background: url(/images/ad-market.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-scottstreet {
	width: 168px;
	height: 120px;
	background: url(/images/ad-scottstreet.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}
	
h2#ad-purchaseonline {
	width: 168px;
	height: 120px;
	background: url(/images/ad-passes.png) top left no-repeat;
	text-indent: -99999px;
	margin: 0;
	float: left;
	}	

*/
	
.widget {
	background: #9BD8DB;
	width: 168px;
	border-right: 2px solid #00BABE;
	border-bottom: 2px solid #00BABE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 15px 0;
	}

.widget .inside {
	padding: 10px;
	}
	
.widget-bold .inside {
	padding: 10px;
	}
	
.widget ul {
	list-style: square;
	margin-left: 15px;
	}

.widget ul a {
	display: block;
	padding: 2px;
	}
	
.widget wu li a:hover {
	background: #000;
	color: #FF0;
	}
	

/* -------------------- MAP MENU -------------------- */
ul.mapcontrol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 168px;
	font-size: 1.2em;
	}
	
ul.mapcontrol  li {
	margin: 0;
	padding: 3px 0 3px 3px;
/*	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC; */
	}

ul.mapcontrol li ul {
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
/*	width: 152; */
	font-size: 1em;
	}
	
ul.mapcontrol li a, ul.mapcontrol li ul li a {
	display: block;
	text-decoration: none;
	}
	
.unchecked {
	background:url(/images/chk_off.png) center left no-repeat #FFF;
	color: #4F4F4F;
	}
	
.checked.route01 {
	background:url(/images/chk_on.png) center left no-repeat #a76535;
	color: #FFF;
	}
	
.checked.route02 {
	background:url(/images/chk_on.png) center left no-repeat #f499b8;
	color: #000;
	}
	
.checked.route03 {
	background:url(/images/chk_on.png) center left no-repeat #41ad49;
	color: #FFF;
	}
	
.checked.route04 {
	background:url(/images/chk_on.png) center left no-repeat #d2232a;
	color: #FFF;
	}
	
.checked.route05 {
	background:url(/images/chk_on.png) center left no-repeat #00b1eb;
	color: #000;
	}
	
.checked.route06 {
	background:url(/images/chk_on.png) center left no-repeat #f36f21;
	color: #FFF;
	}
	
.checked.route07 {
	background:url(/images/chk_on.png) center left no-repeat #993f97;
	color: #FFF;
	}
	
.checked.route08 {
	background:url(/images/chk_on.png) center left no-repeat #f3c727;
	color: #000;
	}
	
.checked.route09 {
	background:url(/images/chk_on.png) center left no-repeat #007db0;
	color: #FFF;
	}
	
.checked.route10 {
	background:url(/images/chk_on.png) center left no-repeat #25408e;
	color: #FFF;
	}
	
.checked.route11 {
	background:url(/images/chk_on.png) center left no-repeat #952e3e;
	color: #FFF;
	}
	
.checked.route12 {
	background:url(/images/chk_on.png) center left no-repeat #00904c;
	color: #FFF;
	}
	
.checked.other {
	background:url(/images/chk_on.png) center left no-repeat #ccc;
	color: #000;
	}
	
	
	
.mapcontrol-checkbox {
	background-repeat:no-repeat;
	background-position:3px center;
	height:16px;
	display:block;
	cursor:pointer;
	cursor:hand;
	line-height:120%;
	margin: 2px 0;
	padding: 3px 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.mapcontrol-checkbox:hover {
	color:#fff !important;
	background-color: #333 !important;
	}



	
	
/* -------------------- SCHEDULES -------------------- */
table.schedules {
	width: 765px;
	font-size: 1.2em;
	background-color: #FFF;
	margin-bottom: 1.6em;
	table-layout: fixed;
	}

table.schedules th, table.schedules td {
	padding: 3px 8px;
	text-align: center;
	}	
	
table.schedules th {
	font-weight: bold;
	}

	
table.schedules td.am {
	font-style: italic;
	}
	
table.schedules td.pm {
	font-weight: bold;
	}
	

/* -------------------- TRANSFER HOVERS -------------------- */
	
table.route02 th.transfer a, table.route05 th.transfer a, table.route08 th.transfer a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
	}
	
table.route01 th.transfer a, table.route03 th.transfer a, table.route04 th.transfer a, table.route06 th.transfer a, table.route07 th.transfer a, table.route09 th.transfer a, table.route10 th.transfer a, table.route11 th.transfer a, table.route12 th.transfer a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
	}

th.transfer a span {
	display: none;
	}

/* the IE correction rule */
th.transfer a:hover {
	text-indent: 0; /* added the default value */
}

th.transfer a:hover span{
display: block;
position: relative;
top: 0px;
left: 0px;
width: 250px;
margin: 0px;
padding: 10px;
color: #4F4F4F;
font-weight: normal;
background: #fff;
text-align: left;
border: 1px solid #666;
}


</* ----- Begin Specific Routes ----- */
table.mso {
	border: 1px solid #d61d5d;
	}

table.mso th {
	background-color: #d61d5d;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.mso td {
	border-left: 1px solid #d61d5d;
	border-right: 1px solid #d61d5d;
	}
	
table.mso tr.row-even {
	background-color: #fac3d6;
	}

table.mso .row-last {
	border-bottom: 1px solid #d61d5d;
	}
	
table.mso tr:hover {
	background-color: #d61d5d;
	color: #FFF;
	}

table.route01 {
	border: 1px solid #a76535;
	}

table.route01 th {
	background-color: #a76535;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route01 td {
	border-left: 1px solid #a76535;
	border-right: 1px solid #a76535;
	}
	
table.route01 tr.row-even {
	background-color: #f0e4d9;
	}

table.route01 .row-last {
	border-bottom: 1px solid #a76535;
	}
	
table.route01 tr:hover {
	background-color: #a76535;
	color: #FFF;
	}
	
table.route02 {
	border: 1px solid #f499b8;
	}
	
table.route02 th {
	background-color: #f499b8;
	border: 1px solid #FFF;
	color: #000;
	}

table.route02 td {
	border-left: 1px solid #f499b8;
	border-right: 1px solid #f499b8;
	}
	
table.route02 tr.row-even {
	background-color: #fadae1;
	}
	
table.route02 .row-last {
	border-bottom: 1px solid #f499b8;
	}
	
table.route02 tr:hover {
	background-color: #f499b8;
	color: #000;
	}
	
table.route03 {
	border: 1px solid #f499b8;
	}
	
table.route03 th {
	background-color: #41ad49;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route03 td {
	border-left: 1px solid #41ad49;
	border-right: 1px solid #41ad49;
	}
	
table.route03 tr.row-even {
	background-color: #e6f0e2;
	}

table.route03 .row-last {
	border-bottom: 1px solid #41ad49;
	}
	
table.route03 tr:hover {
	background-color: #41ad49;
	color: #FFF;
	}
	
table.route04 {
	border: 1px solid #d2232a;
	}
	
table.route04 th {
	background-color: #d2232a;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route04 td {
	border-left: 1px solid #d2232a;
	border-right: 1px solid #d2232a;
	}
	
table.route04 tr.row-even {
	background-color: #f6e0d6;
	}
	
table.route04 .row-last {
	border-bottom: 1px solid #d2232a;
	}
	
table.route04 tr:hover {
	background-color: #d2232a;
	color: #FFF;
	}
	
table.route05 {
	border: 1px solid #00b1eb;
	}
	
table.route05 th {
	background-color: #00b1eb;
	border: 1px solid #FFF;
	color: #000;
	}

table.route05 td {
	border-left: 1px solid #00b1eb;
	border-right: 1px solid #00b1eb;
	}
	
table.route05 tr.row-even {
	background-color: #e2f1fb;
	}

table.route05 .row-last {
	border-bottom: 1px solid #00b1eb;
	}
	
table.route05 tr:hover {
	background-color: #00b1eb;
	color: #000;
	}
	
table.route06 {
	border: 1px solid #f36f21;
	}
	
table.route06 th {
	background-color: #f36f21;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route06 td {
	border-left: 1px solid #f36f21;
	border-right: 1px solid #f36f21;
	}
	
table.route06 tr.row-even {
	background-color: #fee9da;
	}
	
table.route06 .row-last {
	border-bottom: 1px solid #f36f21;
	}
	
table.route06 tr:hover {
	background-color: #f36f21;
	color: #FFF;
	}
	
table.route07 {
	border: 1px solid #993f97;
	}
	
table.route07 th {
	background-color: #993f97;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route07 td {
	border-left: 1px solid #993f97;
	border-right: 1px solid #993f97;
	}
	
table.route07 tr.row-even {
	background-color: #ece1ef;
	}

table.route07 .row-last {
	border-bottom: 1px solid #993f97;
	}
	
table.route07 tr:hover {
	background-color: #993f97;
	color: #FFF;
	}
	
table.route08 {
	border: 1px solid #f3c727;
	}
	
table.route08 th {
	background-color: #f3c727;
	border: 1px solid #FFF;
	color: #000;
	}

table.route08 td {
	border-left: 1px solid #f3c727;
	border-right: 1px solid #f3c727;
	}
	
table.route08 tr.row-even {
	background-color: #fcf5e1;
	}
	
table.route08 .row-last {
	border-bottom: 1px solid #f3c727;
	}
	
table.route08 tr:hover {
	background-color: #f3c727;
	color: #000;
	}
	
table.route09 {
	border: 1px solid #007db0;
	}

table.route09 th {
	background-color: #007db0;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route09 td {
	border-left: 1px solid #007db0;
	border-right: 1px solid #007db0;
	}
	
table.route09 tr.row-even {
	background-color: #dce6f0;
	}

table.route09 .row-last {
	border-bottom: 1px solid #007db0;
	}
	
table.route09 tr:hover {
	background-color: #007db0;
	color: #FFF;
	}
	
table.route10 {
	border: 1px solid #25408e;
	}
	
table.route10 th {
	background-color: #25408e;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route10 td {
	border-left: 1px solid #25408e;
	border-right: 1px solid #25408e;
	}
	
table.route10 tr.row-even {
	background-color: #dbdbea;
	}
	
table.route10 .row-last {
	border-bottom: 1px solid #25408e;
	}
	
table.route10 tr:hover {
	background-color: #25408e;
	color: #FFF;
	}
	
table.route11 {
	border: 1px solid #952e3e;
	}
	
table.route11 th {
	background-color: #952e3e;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route11 td {
	border-left: 1px solid #952e3e;
	border-right: 1px solid #952e3e;
	}
	
table.route11 tr.row-even {
	background-color: #ecddd8;
	}

table.route11 .row-last {
	border-bottom: 1px solid #952e3e;
	}
	
table.route11 tr:hover {
	background-color: #952e3e;
	color: #FFF;
	}
	
table.route12 {
	border: 1px solid #00904c;
	}
	
table.route12 th {
	background-color: #00904c;
	border: 1px solid #FFF;
	color: #FFF;
	}

table.route12 td {
	border-left: 1px solid #00904c;
	border-right: 1px solid #00904c;
	}
	
table.route12 tr.row-even {
	background-color: #dee9df;
	}
	
table.route12 .row-last {
	border-bottom: 1px solid #00904c;
	}
	
table.route12 tr:hover {
	background-color: #00904c;
	color: #FFF;
	}
	

/* -------------------- FARES -------------------- */
table.fares {
	width: 432px;
	font-size: 1.2em;
	background-color: #FFF;
	margin: 0 auto 2.6em auto;
	}

table.fares th, table.fares td {
	padding: 8px 8px;
	text-align: center;
	border-top: 3px solid #00babe;
	border-bottom: 3px solid #00babe;
	}	
	
table.fares th {
	font-weight: bold;
	}

table.fares tr:hover {
	background-color: #9BD8DB;
	color: #000;
	}
	
table.fares td.dollars {
	font-size: 1.6em;
	font-weight: bold;
	}
	


/* -------------------- OTHER TABLES -------------------- */
table.basic {
	width: 580px;
	font-size: 1.2em;
	background-color: #FFF;
	margin: 0 auto 2.6em auto;
	border: 1px solid #3F3F3F;
	}
	
table.basic th, table.basic td {
	padding: 3px 8px;
	text-align: left;
	border: 1px solid #3F3F3F;
	color: #4F4F4F;
	}
	
table.basic th {
	font-weight: bold;
	color: #2F2F2F;
	}
	
table.basic tr:hover {
	background-color: #CCCCCC;
	}
	
	

/* -------------------- FOOTER -------------------- */
#footer {
	height: 115px;
	width: 100%;
	background: url(/images/footer-bg-grad-2.png) top center repeat-x #FFF;
	padding-top: 0px;
	}
	
#footer-inside {
	width: 978px;
	margin: 0 auto;
	}

#footer-contents {
	width: 948px;
	margin: 0 15px;
	}
	
#footer-menu-bar {
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 11px;
	}

#footer-nav, #footer-nav ul {
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	float: left;
	-moz-border-radius: 5px;
	-webket-border-radius: 5px;
	}

#footer-nav a {
	display: block;
	/* width: 10em; */
	}

#footer-nav li {
	float: left;
	/* width: 10em; */
	}
	
#footer-nav li a {
	color: #FFFFFF;
	font-size:  1em;
	margin-right: 20px;
	padding: 3px 10px 3px 10px;
	-moz-border-radius: 5px;
	-webket-border-radius: 5px;
	}
	
#footer-nav li ul {
	position: absolute;
	width: 12em; 
	padding: 6px 2px 6px 8px;
	left: -999em;
	font-size:  1em;
	background-color: #333333;
	z-index: 9999;
	}
	

#footer-nav li:hover ul {
	left: auto;
	}

#footer-nav li:hover ul, #footer-nav li.sfhover ul {
	left: auto;
	}
	
#footer-nav li a:hover {
	background-color: #000000;
	color: #FFFF00;
	}



@import "style/css/typography.css";
@import "style/css/layout.css";