/* CSS In Our Path */

/* Layout */

body {
	margin: 0;
	background-color: #000;
	background-image: url(https://inourpath.com/images/tile3.gif);
	background-position: left top;
	background-attachment: fixed;
	background-repeat: repeat;
    text-align: center;        
	}
	
body#map {
	margin: 0px 0px 20px 0px;
	background-color: #000;
	background-image: url(https://inourpath.com/images/tile_map.jpg);
	background-position: left top;
	background-attachment: fixed;
	background-repeat: repeat;
    text-align: center;        
	}	
	
#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 740px;
	background-image: url(https://outtacontext.com/iop2/images/container_background.gif);
	background-color: #fff;
	background-position: left top; 
	background-repeat: repeat-y;
	background-attachment: scroll;
	}

#banner {
 	background-image: url(https://outtacontext.com/iop2/images/banner.jpg);
	background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 740px; 
    height: 144px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

#center {
	float: left;
	width: 569px;
	overflow: hidden;
	}
	
#right {
	float: left;	
	width: 167px;
	overflow: hidden;
	}
	
#footer {
	padding: 7px 0 7px 20px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
    background-color:#fff;
    border-top: 1px solid #ccc;
    clear:both;
}

#container > #right {
	width:170px;
}

.sidebar {
	padding: 20px;
	}
	
.content {
	padding: 0px 15px 5px 20px;
	margin-top: -14px;
	}

/* images at bottom of pages */
#car1 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_dodge.gif) no-repeat center bottom fixed; }

#car2 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_cadillac.gif) no-repeat center bottom fixed; }

#car3 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_edsel.gif) no-repeat center bottom fixed; }

#car4 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_ford.gif) no-repeat center bottom fixed; }

#car5 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_fairlane.gif) no-repeat center bottom fixed; }

#car6 { height: 200px; background: transparent                                    
url(https://inourpath.com/images/car_buick.gif) no-repeat center bottom fixed; }

/* banner menu */

#banner { position: relative; }

#banner div.menu {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: none;
      position: absolute; top: 92px; left: 13px;
    }
#banner .menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
#banner .menu li {
      margin: 0;
      padding: 0;
      float: left;
    }
#banner .menu li {
      padding-right: 6em;
    }
    
#banner li { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;	
	text-transform: uppercase;  	
	letter-spacing: .1em;
	}

#banner a { 
	color: #000;
	text-decoration: none;
	border-bottom: none;
	}

/* For print only */
#banner_print{
	display: none;
}	
/* Centering on Splash */

#splash {
margin: 0;
background-color: #000 !important;
background-image: url(https://inourpath.com/images/black.gif);
background-position: left top;
background-attachment: fixed;
background-repeat: repeat;
text-align: center;
}

#horizon {
	background-color: transparent;
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	margin-top: -200px;
	text-align: center;
	min-width: 700px; 
}

#wrapper {
	background-color: #000;
	position: relative;
	width: 1200px;
	height: 628px;
	margin: 0px auto;
	}

	
/* Formatting */

p { text-indent: .7cm; 
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;  margin: 0cm; 
	}

p.noindent { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	}

p.phototext { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	margin-top: 24px;
	text-align: left;
	}
	
p.phototext_vert { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	margin-top: 24px;
	text-align: left;
	width: 428px;
	margin-left: auto;
	margin-right: auto;
	}

p.extended { text-indent: 0cm; margin: 0cm; 
font-weight: bold; 
color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	}

p.preface {text-indent: 0cm; margin: 14px 0 0 0; line-height: 150%; 
	font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 11px; color: #5c5c5c;
	}

p.righttitle {text-align: right; text-indent: 0cm; margin: 0cm; line-height: 100%; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; }

p.rightlist {text-align: right; text-indent: 0cm; margin: 0cm; line-height: 200%; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 9px;}

p.right {text-indent: 0cm; margin: 0cm; line-height: 170%; 
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px; text-align: right;
	}

p.comments {text-indent: 0cm; margin: 0cm; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 10px; line-height: 120%; color: gray; text-align: center;
	}

p.footnote {text-indent: 0cm; margin: 0cm; font-size: 10px; line-height: 120%; color: #000; border-top: dotted 1px gray;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.caption {text-indent: 0cm; margin: 0cm; line-height: 13px; 
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.small { font-size: 9px; line-height: 9px; margin-bottom: .25cm;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.maintitle {text-indent: 0cm; margin: 0cm; line-height: 120%; 
	font-size: 15px; color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.date {text-indent: 0cm; margin: 0cm; line-height: 170%; 
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 11px; color: #000;}

/* Blockquotes */
p.blockquote { text-indent: 0cm; line-height: 150%; margin-left: 1cm; font-size: 12px; margin-right: 1.5cm; margin-top: .5cm; margin-bottom: .5cm;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}
	
p.rightblockquote { text-indent: 0cm; font-size: 12px; line-height: 130%; margin-left: 8cm; margin-top: .3cm; margin-bottom: .5cm; text-align: left; font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.blockquote_lg { text-indent: 0cm; line-height: 150%; margin-left: .5cm; font-size: 14px; margin-right: .5cm; margin-top: 0; margin-bottom: .25cm;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.rightblockquote_lg { text-indent: 0cm; font-size: 14px; line-height: 130%; margin-left: 7cm; margin-top: .3cm; margin-bottom: .0; text-align: left; font-family: 'Trebuchet MS', Verdana, sans-serif;
	}
	
blockquote.quotes { 
	background: url(https://outtacontext.com/life/images/quote_left.jpg) left top no-repeat; margin-left: 0; margin-right: 0; margin-top: .5cm; margin-bottom: .5cm;
	}

blockquote div {
  padding: 0 58px;
  background: url(https://outtacontext.com/life/images/quote_right.jpg) right bottom no-repeat; 
	}

td.comparison {
	text-indent: 0cm; margin: 0cm; 
	line-height: 140%; 
	font-family: verdana, helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	}	

.content ul { font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; }
	
.content ol { font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; }
	
.content ol li { margin-bottom: 14px; }

/* Links */


a:link {
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:visited {
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:active {
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:hover {
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}
	
.landing a:link {
	color: #0f3921;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

.landing a:visited {
	color: #0f3921;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

.landing a:active {
	color: #0f3921;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

.landing a:hover {
	color: #0f3921;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}	
	
a.comments2:link { color: gray; 
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:visited { color: gray;
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:active { color: gray; 
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:hover { color: red; 
text-decoration: underline;
font-weight: normal;
border-bottom: none; }	

.menu li a:link { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}
	
.menu li a:visited { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}	

.menu li a:active { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}
	
.menu li a:hover { 
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #a30000;
	}
	
h2.menu a:link { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}
		
h2.menu li a:visited { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}	

h2.menu li a:active { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}
	
h2.menu li a:hover { 
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #a30000;
	}
	
.sidebar a:link { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}

.sidebar a:visited { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}	

.sidebar a:active { 
	color: #a30000;
	text-decoration: none;
	border-bottom: none;
	}
	
.sidebar a:hover { 
	color: #a30000;
	text-decoration: none;
	border-bottom: dotted 1px #000;
	}
	
a.nounderline:visited { color: #a30000;
text-decoration: none;
border-bottom: none; }

a.nounderline:link { color: #a30000;
text-decoration: none;
border-bottom: none; }

a.nounderline:hover { color: #a30000;
text-decoration: none;
border-bottom: none; }


h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

/* Photo pages divs */
.content div#photo { 
	width: 530px; 
	margin: 0 auto 30px auto;
	padding-top: 20px;
	text-align: center;
	}

.content div#photonav {
	width: 530px; 
	margin: 0 auto 10px auto;
	text-align: center;
	}
/* End Photo pages divs */
	
a#banner-img {
	display: none;
	} 

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h1 {
	color: #123823;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: left;	
	margin-bottom: 10px;
	}

.content h2 {
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	text-align: left;	
	margin-bottom: 10px;
	}

.content h3 {
	color: #333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;	
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;	
	}
	
.content h4 {
	color: #000033;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;	
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;	
	}	

#commentbody p { text-indent: 0cm; 
	margin: 0cm;
	color: #000066;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
	margin-left: .7cm;
	line-height: 170%;
	}

.content p.posted {
	color: #a30000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-indent: 0cm; 
	font-size: 11px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0cm;
	margin-bottom: 25px;
	line-height: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	}
	
.content p.posted img { border: none;                                                       
    }   	
    
 #signin { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	}  
	
/* Bottom Menu: Adaptation of simple horizontal drop down menu by Stu Nicholls (http://www.cssplay.co.uk/menus/simple_dropline.html)
Copyright (c) 2005-2007 */

#bottom_menu 
	{ width:530px;
	}
	
/* the styling */
#nav { width:412px; 
	   height:20px; 
	   margin: 20px auto 54px auto;
	   position:relative;
	   text-align: center;
	   }


#nav .select, #nav .current {margin:0; padding:0; list-style:none;} 

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a { display:block; height:20px; float:left; background:#fff; padding:0 10px 0 10px; text-decoration:none; font-family: Verdana, Arial, sans-serif; font-size: .85em; font-weight: bold; text-transform: uppercase; text-decoration: none; border-bottom: none; line-height:20px; letter-spacing: .10em; white-space:nowrap; border-right:1px solid #fff; color: #a30000;}

#nav .sub a { font-family: Verdana, Arial, sans-serif; font-size:x-small; text-transform: capitalize; font-weight: normal; text-decoration: none; letter-spacing: normal; border-bottom: none; }

* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#fff; cursor:pointer; color: #a30000;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#fff; color: #a30000;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#fff; color: #a30000;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#fff; color: #a30000;}

/* top:20px is position of submenus relative to main menu, width is the width of the submenus as a whole block */
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:390px; top:20px; left:0; background:#fff; margin-top:0; padding:0; z-index:100; color: #a30000; font-size: x-small;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:360px; top:20px; left:0; background:#fff; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#fff; padding:5px 10px 10px 10px; margin:0; font-family: Verdana, Arial, sans-serif; font-size:x-small; text-transform: capitalize; font-weight: normal; text-decoration: none; border-bottom: none; white-space:nowrap; border:0; color: #a30000;}

/* padding (top) controls the leading */
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#fff; padding:1px 10px 0px 10px; margin:0; white-space:nowrap; border:0; color: #a30000; font-size:x-small;}
/* End Bottom Menu */


/* Sidebar */	

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;	
	text-transform: uppercase;
  	line-height: 120%;
	letter-spacing: .3em;
	}

.sidebar h2.menu {
	color: #a30000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;	
	text-align: center;
	font-weight: bold;	
	text-transform: uppercase;
  	line-height: 120%;
	letter-spacing: .15em;
	margin-bottom: 20px;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 100%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #fff;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 5px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}
	
.button {
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #333;
	border-top: 1px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #999;
	background-color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	}	

textarea[id="comment-text"] {
	width: 80%;
	}
	
/*Technorati Tags */
div#technorati { visibility: hidden;
	}
	
/*RSS Feed Code */
.rss_list { 
       list-style-type: none;
       padding: 0;
       margin: 0;
 }

li.rss {
       background-image: url(https://outtacontext.com/life/images/rss.gif);
       background-repeat: no-repeat;
       background-position: 0;
       padding-left: 1.8em;
}

/* Technorati */

.technorati_list { 
       list-style-type: none;
       padding: 0;
       margin: 0;
       font-family: 'Trebuchet MS', Verdana, sans-serif;
       font-size: 11px;
       font-weight: bold;
 }

li.technorati {
       background-image: url(https://outtacontext.com/life/images/technorati.gif);
       background-repeat: no-repeat;
       background-position: 0;
       padding-left: 1.8em;
}

/* hide image sets in Lightbox */

.hide { display: none; }