/* metrocloud4 */

body {
	margin: 0px;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	color: #333333;
	text-align: center;
	font: 0.8em Arial, sans-serif;
}
body,td,input,textarea,select,option {
	font-size: 0.8em;
	font-weight: normal;
	font-family: arial, sans-serif;
	}
input,textarea,select,option {
	font-size: 100%;
}	

p {margin: 0px 0px 15px 0px;}

br {line-height: 15px;}

b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}

a, a:visited {
	color: #00406c;
	text-decoration: none;
	}
a:hover {
	color: #973f1b;
	text-decoration: underline;
	}
a.bn1, a:visited.bn1, input.bn1 {
	border-style: solid;
	border-width: 1px;
	border-color: #00406c;
	padding: 2px 4px 2px 4px;
	font-size: 80%;
	font-weight: normal;
	color: #00406c;
	text-decoration: none;
	background-color: #b5dff7;
	}
input.bn1 {
	cursor: pointer;
	padding: 1px;
	}
a.bn1:hover, input:hover.bn1 {
	color: #fff;
	text-decoration: none;
	border-color: #00406c;
	background-color: #00406c;
	}

a.bn2 {
	display: inline-block;
	padding-left: 10px;
	background-image: url("../images/button2.gif");
	background-position: 3px center;
	background-position: expression("3px 0.5em");
	background-repeat: no-repeat;
	}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	color: #973f1b;
	}
h1 a:hover {text-decoration: none;}
h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color: #7d6d59;
	text-transform: uppercase;
	}
h2 a:hover {text-decoration: none;}
h2 a.h2_link {
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	}
h3 {
	font-size: 132%;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #973f1b;
	}
h3.title {
	margin: 0;
	padding: 0;
}
h3 a:hover {text-decoration: none;}
h4 {
	font-size: 118%;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	color: #973f1b;
	}
h4 a:hover {text-decoration: none;}
h5 {
	font-size: 112%;
	font-weight: normal;
	margin: 2px 0px 0px 0px;
	color: #973f1b;
	}
h5 a:hover {text-decoration: none;}

/* body structure ================================================================== */
#shell {
	position: relative;
	top: 0px;
	left: 0px;
	width: 988px;
	width: expression("990px");/* add width of left and right borders */
	margin: 0px auto 0px auto; /* centers this div on the page, also, see body definition above */
	text-align: left;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #d1b1aa;
	background-image: url("../pix/header_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	}
/* /body structure ================================================================== */

/* blog template */
h2.tagline {
	font-family: georgia, arial, sans-serif;
	font-size: 1.2em;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 5px 0px 5px 0px;
	color: #7d6d59;
	text-transform: none;
	}

img.left {
	float: left;
	margin: 0 20px 6px 0;
}

img.right {
	float: right;
	margin: 0 0 6px 20px;
}
img {border-width: 0px;}
img.picleft {
	display: block; 
	float: left;
	margin: 0px 10px 10px 0px;
	}
img.picright {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
	}

img.noborder, #pagebox2 img.noborder, #pagebox3 img.noborder, #pageboxfull img.noborder {
	border-width: 0px;
	}
img.stroke, #pagebox2 img, #pagebox3 img, #pageboxfull img {
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	padding: 1px;
	}

/* Metro header */
#header {
	width: 990px;
	margin: 0 auto;
	height: 150px;
	/* border-bottom: 1px solid #d1b1aa;  */
	background: url("../images/deco_bar_gap2_990px.gif") bottom no-repeat; 
}
#header_search {
	position: absolute;
	top: 46px;
	right: 6px;
	padding: 5px;
	background-color: #ffffff;
	filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
	}
#header_search #header_search_textbox {
	width: 170px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #666666;
	padding: 1px;
	margin: 0px 0px 3px 0px;
	}
#header_search #search_submit_button {
	vertical-align: top;
	position: relative;
	top: 1px;
	/* top: expression("0px");  */
	*top: 2px;
	left: 0px;
	padding: 0;
	margin: 0;
	}

/* Header */

#logo-wrap {
	position: relative;
	text-align: left;
	width: 990px; 
	height: 145px; 
	background-image: url(../images/metro_cloud_header0crop.jpg);
}
#brand {
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 10px; 
	left: 12px;
}
#date-time {
	font-family: Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin: 0 10px 1px 0;
	padding: 0;
	text-align: left;
	position: absolute;
	bottom: 2px;
	left: 790px;
}
#logo {
	width: 915px;
	/* height: 100px; */
	margin: 0 auto;
	padding: 0 0 0 20px;
	/* background: url(../images/img01.gif) no-repeat left top; */
	position: absolute;
	text-align: left;
	bottom: -5px;
	left: 204px;
}

#logo span {
	color: #000000;
}

#page-title {
	padding: 0;
	margin-left: 0; // -18px;
	margin-top: -16px;
	margin-bottom: 0px;
}
#logo h1, #page-title h1 {
	padding: 5px 0 0 0;
	margin: 0;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 2em;
	font-family: Arial,sans-serif;
	text-align: left;
}

#page-title h1  {
	margin-top: -22px;
	text-align: center;
}

#logo p {
	padding: 0 0 0 0;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #973F1B;
}

.pagetop {
	margin-top: -10px;
}
/* Menu */

#menu {
	display: none;
	width: 990px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	height: 43px;
	display: block;
	border-top: 1px solid #d1b1aa;
	border-bottom: 1px solid #d1b1aa;
	/*
	background-image:url(../images/deco_bar_990px.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #aaffff;  debug */
	/* background: url(../images/img03.gif) no-repeat left top;  */
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#menu li {
	display: block;
	float: left;
	line-height: 32px;
	height: 32px;
	margin: 2px 0 2px 4px;
	padding: 4px 22px 1px 23px;
	background-color: #d4f7ff;
	-x-system-font: none;
	color: #666666;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 90%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#menu li a {
	color: #00406C;
}

#menu a:hover {
	color: #000000;
}

#menu .current_page_item {
	color: #973F1B;
	background-color: #b5dff7;
}
#menu:after {
	content:  ".";
	display: :block;
	height: :0;
	clear: both;
	visibility: hidden;
}
#splash {
	width: 990px;
	margin: 0 auto;
	height: 220px;
}

/* Wrapper */

#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 990px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #d1b1aa;
}

#left2col {
	float: left;
	width: 760px;
}

/* Page */

#page {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/page-background-border.gif) repeat-y;
}

.about {
	margin-left: 0;
	padding-right: 14px;
	line-height: 1.3em;
}
#page-bg {
}

.date {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* Metro page layout */

/* page ============================================================== */
#pagecontainer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%; /* required by IE */
	}

#pagebox1 {
	/* NOTE: NO padding or margins in this box!!! use the width and left values instead */
	position: absolute;
	top: 0px;
	left: 5px;
	width: 200px;/* MUST be the same width as #pagebox2 left-margin, MUST be defined here as well as #navcontainer below */
	}
#pagebox1pad {
	padding: 15px 0px 0px 20px;
	}
#pagebox2, #pageboxfull, #pageboxfull2 {
	/*
	margin and padding set here are reflected in:
	#pagebox1, #pageboxfull, #pageboxfull2, #pagebox3, #footer1, footer2, #navcontainer
	*/
	margin: 0px 219px 0px 205px;
	padding: 0px 14px 10px 14px;
	}
#pageboxfull {
	margin-right: 0px;
	}
#pageboxfull2 {
	margin: 0px; /* no margins!!!!! */
	}
#pagebox3 {
	/* NOTE: NO padding or margins in this box!!! use the width and right values instead */
	position: absolute;
	top: 0px;
	right: 10px;
	width: 209px;/* right setting above plus this width MUST be the same width as #pagebox2 right-margin */
	}
/* /page ============================================================== */


.navigation  {
	padding-top: 8px;
	float: left;
	width: 500px;
}
.previous  {
	font-size: 1.1em;
	float: left;
	padding: 0 20px 0 0;
}
.next {
	font-size: 1.1em;
	float: right;
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

.post-date {
	width: 32px;
	height: 49px;
	float: left;
	padding-right: 5px;
	*margin-right: 4px;
	*margin-left: 0;
	*padding-right: 6px;
	*padding-left: 0;	
	border-right: 1px dotted #CCCCCC;
	/* background: url(../images/date-bg.gif) no-repeat; */
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #aaaaaa;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #aaaaaa;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	*margin-left: 8px;
	margin-bottom: 10px;
	*margin-bottom: 0px;
	width: 450px;
	*width: 446px;
}

.post-title h3 {
	font-size: 144%;
	/* border-bottom:1px dotted #CCCCCC;  */
}
.post-cat {
	background: url(../images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	float:none\9;  /* target IE8 and below */
	font-size: 95%;
	color: #999999;
	line-height: 16px;
}
.post-cat a, .post-comments a  {
	color: #89905d;
}
.post-cat a:hover, .post-comments a:hover  {
	color: #973f1b;
}
.old-cat a, .old-comments a  {
	color: #89905d;
}
.old-cat a:hover, .old-comments a:hover  {
	color: #973f1b;
}
.post-comments {
	background: url(../images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	line-height: 16px;
}
.post-nocomments {
	padding-left: 20px;
	float: right;
	font-size: 95%;
	line-height: 16px;
}
.post-calendar {
	background: url(../images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.tuckunder {
	margin-top: -0.5em;
}
/* Content */

#content {
	float: left;
	width: 500px;
	margin: 12px 5px 0 25px;
	*margin: 12px 5px 0 30px;
	_margin: 0px 5px 0 30px;
	padding: 0;
	/*  background-color: #ffaa00; debug */
}

.post {
	padding-top: 10px;
	line-height: 150%;
	text-align: left;
}

.post h1, .post h3 {
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 0;
	margin-top: -2px;
}
h1.section {
	margin-left: 0;
	margin-top: 8px;
}
h1.title {
	padding-bottom: 8px;
	font-size: 150%;
}
h1.postitle {
	line-height: 120%;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 150%;
}
.title {
	margin: 0;
	padding: 2px 0 4px 0;
	font-weight: normal;
}

.title a {
	border-bottom: none;
	color: #973F1B;
}

.title a:hover {
	border-bottom: none;
}

.meta {
	float: left;
	width: 500px;
}
.topline {
	margin-bottom: 6px;
	*margin-bottom: 0;
	margin-top: 0;
	padding-top:  0;
	float: left; 
	width: 100%;
	*padding-bottom:8px;
	line-height:1px;
}
.byline {
	margin-top: 3px;
	margin-bottom: 8px;
	*padding-bottom: 6px;
	line-height: 1.25em;
	font-size: 90%;
	*font-size: 11.5px;
	color: #555;
	float: left;
}
.smalltext {
	line-height: 1.4em;
	font-size: 90%;
	*font-size: 11.5px;
	color: #555;
	margin-bottom: 11px;
}
.fieldnote-byline {
	margin-top: -4px;
	*margin-top: 0;
	margin-bottom: 9px;
	padding-top: 0;
	*padding-bottom: 6px;
	line-height: 1.25em;
	font-size: 90%;
	*font-size: 11.5px;
	color: #555;
}
.datewrapper {
	color: #808080;
	margin-bottom: 8px;
}
.timewrapper {
	color: #808080;
}
.post-footer {
	background: url("../images/postfootbackground.jpg") repeat scroll 0 0 transparent;
	color: #7d6d59;
	font-size: 95%;
	margin: -4px 0 22px 0;
	padding: 4px;
}

.links {
	margin: 0 10px 20px 20px;
	padding: 0;
	text-align: right;
	float: right;
	font-weight: normal;
}

.tag {
	padding: 0 15px;
}

/* , .post, .postExcerpt */
.entry {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

a img {
	border:medium none;
}

.links a {
	border: none;
}

.links a:hover {
}

.category_rss { float: right; }

.finis {
display: none;
color: #cccccc;
font-size: 24px;
font-family: "Sabon LT Std", SabonLTStd-Roman, Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	width: 2em;
	text-align:left;
	margin: 0 auto;
	padding-right: 50px;
}
#twitter_div {
	margin-right: 8px;
}

#twitter_div .fuzzyTime {
	font-size: 0.8em;
}
#twitter_div #followMe {
	display: inline-block;
	padding-left: 10px;
	background-image: url("../images/button2.gif");
	background-position: 3px center;
	background-position: expression("3px 0.5em");
	background-repeat: no-repeat;	
}

/* Sidebars */

#sidebar1 {
	padding: 0 0 0 0;
	width: 204px;
	float: left;
/*	background: url("../images/deco_bar.gif") no-repeat; */
	margin-left: 15px;
	*margin-left: 15px;
	_margin-left: 5px;
}

#sidebar2 {
	padding: 0 0 0 0;
	width: 200px;
	float: right;
/*	background: url("../images/deco_bar.gif") no-repeat; */
}

.sidebar {
	float: left;
	font-size: 12px;
	text-align: left;
}

.sidebar ul, .sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#ScribePod {
	padding-left: 0px;
}

.sidebar li {
	padding: 5px 0 5px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 10px 0 0;
	.margin: 0 5px 0 0;
	padding: 2px 0px;
/*	border-bottom: 1px #e7c3aa dotted;   */
	border-bottom: 1px #ffffff dotted;   
}

#sidebar1 li li {
	margin-right: 0;
}

#sidebar li h2 {
	margin: 0 0 0 0;
	padding: 12px 0 9px 0;
	letter-spacing: 0;
	font-size: 13px;
	color: #7d6d59;
}

#sidebar #navcontainer ul h2 {
	font-size: 13px;
}
#sidebar #navcontainer li {
	border-bottom: none;
}

/* Search */
fieldset {
	border: none;
	margin-left: -2px;
	padding-left: 0;
}
#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	float: left;
	text-align: left;
	margin: 0 0 0 2px;
	padding: 0 2px;
	width: 136px;
	height: 16px;
/*	border: none;
	background: #FFFFFF; */
	font-size: 10px;
	color: #000000;
}

#x {
	float: left;
	display: block;
	margin: 0;
	padding: 2px 5px;
	height: 22px;
	/* background: #CA8186;  */
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
}
/* Calendar */

#calendar_wrap {
	padding: 0 15px;
	text-align: center;
}

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Pamphlet Footer */

#footer {
	width: 990px;
	height: 70px;
	margin: 0 auto;
	padding: 12px 20px;
	/* background: url(../images/img04.gif) no-repeat left top; */
}

#footer p {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: smaller;
}


#footer .link {
	margin-left: auto;
	margin-right: auto;
}

#footer .copyright {
	margin-left: auto;
	margin-right: auto;
}

#legal {
	
}
.flower {
	padding-left: 20px;
}
/* end pamphlet */

/* start Metro footer ============================================================= */
#footer1 {
	padding: 19px 233px 10px 219px;/* same left and right total as margins and padding in pagebox2 */
	background-image: url("../images/bg_footer_bars.jpg");
	background-repeat: no-repeat;
	}
#footer2 {
	padding: 0px 10px 20px 10px;/* same left and right padding as #pagebox2 */
	font-size: 80%;
	}
#footer2 p {
	margin: 0px 0px 5px 0px;
	}
/* /footer ============================================================= */

/* navs =============================================================== */
#navcontainer {
	width: 200px;/* MUST be the same width as #pagebox2 left-margin, MUST be defined here as well as #pagebox1 above */
	/* background-image: url("../images/deco_bar.gif"); */
	/* background-repeat: no-repeat; */
	}
#sidebar1 #navcontainer {
	margin-left: -15px;
	*margin-left: 0px;
	padding-left: 0;
	*padding-left: -15px;	
}
#navcontainer2 {
	/* background-image: url("../pix/deco_bar.gif"); */
	/* background-repeat: no-repeat; */
	/* background-position: bottom; */
	padding: 0px 0px 4px 5px;
	*padding: 0 0 4px 0px;
	}
#navcontainer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}
#navcontainer a {
	font: normal 85% verdana, helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #00406c;
	text-decoration: none;
	}
#sidebar2 #navcontainer a {
	font: normal 90% verdana, helvetica, arial, sans-serif;
	}
#sidebar2 #navcontainer li {
	margin-left: -20px;
	text-indent: 20px;
	border-bottom: 1px #e7c3aa dotted;
}
#sidebar2 .current_page_item {
	background-color: #f2e7dd; 
}

#navcontainer .current_page_item {
	font: normal 90% verdana, helvetica, arial, sans-serif;
	color: #973F1B;
	/* background-color: #f2e7dd; */
	text-transform: uppercase;
	text-decoration: none;
}
#subnavcontainer {
	width: 200px; /* MUST be set to same width as #navcontainer above */
	background-color: #ffffff;
	background-image: url("../pix/deco_bar.gif");
	background-repeat: no-repeat;
	padding: 4px 0px 15px 0px;
	}
#subnavcontainer2 {
	background-image: url("../pix/deco_bar.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 4px 0px;
	}
#subnavcontainer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}
#subnavcontainer a {
	font: normal 80% verdana, helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #00406c;
	text-decoration: none;
	}

ul.nav_l1 {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #e7c3aa;
	}
li.nav_li_l1 {
	position: relative;
	top: 0px;
	left: 0px;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l1:visited {
	}
li.nav_li_l1:hover {
	/*background-color: #f2f2f2;*/
	}
li.nav_li_l1_static {
	position: relative;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	background-color: #faf3e9;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l1_static:visited {
	}
li.nav_li_l1_static:hover {
	}
#navcontainer a.nav_l1_item {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 20px;
	}
#navcontainer a.nav_l1_item:visited {
	}
#navcontainer a.nav_l1_item:hover {
	/*background-color: #f2f2f2;*/
	color: #333333;
	}
#navcontainer a.nav_l1_item_static {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 20px;
	/*background-color: #ebf2e5;*/
	color: #973f1b;
	}
#navcontainer a.nav_l1_item_static:visited {
	}
#navcontainer a.nav_l1_item_static:hover {
	}

ul.nav_l2 {
	}
li.nav_li_l2 {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l2:visited {
	}
li.nav_li_l2:hover {
	}
li.nav_li_l2_static {
	background-color: #f7f1e9;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l2_static:visited {
	}
li.nav_li_l2_static:hover {
	}
#navcontainer a.nav_l2_item {
	display: block;
	height: expression("1%");
	padding: 3px 0px 3px 27px;
	}
#navcontainer a.nav_l2_item:visited {
	}
#navcontainer a.nav_l2_item:hover {
	color: #333333;
	/*background-color: #e2e2e2;*/
	}
#navcontainer a.nav_l2_item_static {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 27px;
	color: #973f1b;
	background-color: #f2e8dd;
	}
#navcontainer a.nav_l2_item_static:visited {
	}
#navcontainer a.nav_l2_item_static:hover {
	}


ul.nav_l3 {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #e7c3aa;
	}
li.nav_li_l3 {
	position: relative;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l3:visited {
	}
li.nav_li_l3:hover {
	/*background-color: #f2f2f2;*/
	color: #333333;
	}
li.nav_li_l3_static {
	position: relative;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	background-color: #f4ece0;
	background-color: #faf3e9;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l3_static:visited {
	}
li.nav_li_l3_static:hover {
	}
#subnavcontainer a.nav_l3_item {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 20px;
	}
#subnavcontainer a.nav_l3_item:visited {
	}
#subnavcontainer a.nav_l3_item:hover {
	/*background-color: #f2f2f2;*/
	color: #333333;
	}
#subnavcontainer a.nav_l3_item_static {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 20px;
	background-color: #faf3e9;
	background-color: #faf3e9;
	color: #973f1b;
	}
#subnavcontainer a.nav_l3_item_static:visited {
	}
#subnavcontainer a.nav_l3_item_static:hover {
	}


ul.nav_l4 {
	}
li.nav_li_l4 {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l4:visited {
	}
li.nav_li_l4:hover {
	}
li.nav_li_l4_static {
	background-color: #f7f1e9;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l4_static:visited {
	}
li.nav_li_l4_static:hover {
	}
#subnavcontainer a.nav_l4_item {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 27px;
	}
#subnavcontainer a.nav_l4_item:visited {
	}
#subnavcontainer a.nav_l4_item:hover {
	color: #333333;
	/*background-color: #e2e2e2;*/
	}
#subnavcontainer a.nav_l4_item_static {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 27px;
	color: #973f1b;
	background-color: #f2e8dd;
	}
#subnavcontainer a.nav_l4_item_static:visited {
	}
#subnavcontainer a.nav_l4_item_static:hover {
	}


ul.nav_l5 {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #e7c3aa;
	}
li.nav_li_l5 {
	position: relative;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l5:visited {
	}
li.nav_li_l5:hover {
	/*background-color: #f2f2f2;*/
	color: #333333;
	}
li.nav_li_l5_static {
	position: relative;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	background-color: #f4ece0;
	background-color: #faf3e9;
	padding: 0px 0px 0px 0px;
	}
li.nav_li_l5_static:visited {
	}
li.nav_li_l5_static:hover {
	}
#subnavcontainer a.nav_l5_item {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 34px;
	}
#subnavcontainer a.nav_l5_item:visited {
	}
#subnavcontainer a.nav_l5_item:hover {
	/*background-color: #f2f2f2;*/
	color: #333333;
	}
#subnavcontainer a.nav_l5_item_static {
	display: block;
	height: expression("1%");
	padding: 6px 0px 6px 34px;
	background-color: #faf3e9;
	background-color: #faf3e9;
	color: #973f1b;
	}
#subnavcontainer a.nav_l5_item_static:visited {
	}
#subnavcontainer a.nav_l5_item_static:hover {
	}



div.nav_closed {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 28px;
	height: 28px;
	background-image: url("../images/nav_closed_v1.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	}
div.nav_open {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 28px;
	height: 28px;
	background-image: url("../images/nav_open_v1.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	} 

#footernav_container {
	padding-left: 30px;
	}
ul#footernav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}
li.fn_li {
	float: left;
	}
a.fn_item {
	display: block;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 80%;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #000000;
	margin: 3px 5px 3px 0px;
	padding: 0px 5px 0px 0px;
	white-space: nowrap;
	}
ul#footernav a#end{
	border-width: 0px;
	}
/* /navs =============================================================== */

/* misc classes ===================================================================== */
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.floatright {float: right;}
.floatleft {float: left;}
.clear {clear: both;}

.picright {
	float: right;
	padding: 0px 0px 10px 10px;
	}
.picleft {
	float: left;
	padding: 0px 10px 10px 0px;
	}
img.picleft {
	display: block; 
	float: left;
	margin: 0px 10px 10px 0px;
	}
img.picright {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
	}

.clearfix:after {
	/*apply this class to any floated element that needs to be cleared afterwards*/
	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 */

img.noborder, #pagebox2 img.noborder, #pagebox3 img.noborder, #pageboxfull img.noborder {
	border-width: 0px;
	}
img.stroke, #pagebox2 img, #pagebox3 img, #pageboxfull img {
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	padding: 1px;
	}

.alert {
	color: red;
	}

.summary {
	color: #330000;
	font-size: 122%;
	margin: 5px 0 10px;
	}

#header_search_form {
	padding: 0;
	margin: 0;
	line-height: 0.5em; 
}
.smtxt {
	font-size: 80%;
}

.dotted_line1 {
	height: 6px;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #e7c3aa;
	}

.crumbs {
	font-size: 80%;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
.crumbs b {
	font-size: 132%;
	}

#contact_info {
	padding: 2px 0px 15px 0px;
	}

.f_tbl_1 {
	position: relative;
	}
.f_tbl_1 div {
	margin: 0px 0px 0px 79px;
	}
.f_tbl_1 img{
	position: absolute;
	top: 0px;
	left: 0px;
	}

#pagebox1_links {
	font-size: 80%;
	line-height: 1.7;
	}
#pagebox1_connect {
	margin-top: 15px;
	line-height: 1.7;
	}
.icon_link_print {
	display: block;
	padding: 0px 2px 0px 16px;
	background-image: url("../pix/hm_icon_print.gif");
	background-repeat: no-repeat;
	background-position: 1px 1px;
	}
.icon_link_email {
	display: block;
	padding: 0px 0px 0px 16px;
	background-image: url("../pix/hm_icon_email.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	}
.icon_link_feedback {
	display: block;
	padding: 0px 0px 0px 16px;
	background-image: url("../pix/hm_icon_feedback.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
.icon_rss_feed {
	display: block;
	padding: 0px 0px 0px 16px;
	background-image: url("../images/hm_icon_rss.gif");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	}
.icon_link_twitter {
	display: block;
	padding: 0px 0px 0px 20px;
	background-image: url("../images/twitter.png");
	background-repeat: no-repeat;
	}
.icon_link_facebook {
	display: block;
	padding: 0px 0px 0px 20px;
	background-image: url("../images/facebook.png");
	background-repeat: no-repeat;
	}

.two_cols {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 50% 0px 0px;
	}
.two_cols .col1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	}
.two_cols .col2{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	}

.credit, .image_credit {
/*
	position: absolute;
	bottom: -5px;
	right: 0px;
*/
	float: right;
	z-index: 1000;
	font-size: 80%;
	color: #999999;
	}
	
.tanBox,
.greyBox,
blockquote {
	padding: 1em;
	margin: 0 0 2em 0;
	background-color: #e7f0d1;
	font-weight: normal;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #e7f0d1;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.salmonBox {
	padding: 1em;
	margin: 0 0 2em 0;
	background-color: #d89f76;
	font-weight: normal;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #d89f76;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#sidebar1 fieldset {
	margin-top: 10px;
}
#sidebar1 fieldset legend {
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px -4px 0px;
	padding-left: 0;
	*margin: 5px 0 3px -4px;
	color: #7d6d59;
	text-transform: uppercase;
	text-align: left;
}
#sidebar1 fieldset p {
	margin-bottom: -2px;
	padding-bottom: 0;
	line-height: 1px;
}

.map-texture {
	padding: 0 0 0 5px; 
	*padding: 0 0 0 0; 
	margin:0 auto; 
}

#shareThis {
	text-align: right;
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	color: #7d6d59;
}
.right,
blockquote { /* can be used for tables, divs, too */
	margin: 2em 0; /* for IE/Mac only */
/* hack for IE-mac \*/
	margin: 0.6em 0 .5em 2em;
	float: right;
	display: inline;
/* end hack for IE-mac */
}
.bignum {
	color: #89905d;
	font: normal 250% georgia, "times new roman", serif;
	margin: 0px 0px 5px 0px;
	}
	
.viewpoint {
	padding:15px 15px 5px 15px;
	margin-bottom: 18px;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
}
	
.aboutperspectiveshead {
	padding-left: 16px;
}
.aboutperspectiveshead {
	color:#00406c;
}
.aboutperspectivesheadmore {
	margin-top:8px;
}
div.aboutperspectives div.aboutperspectiveshead {
	background: url(http://library.oregonmetro.gov/images/newsfeed/garrow-big-down.gif) no-repeat 0px 4px;
  	cursor: pointer;
}
div.aboutperspectives div.aboutperspectiveshead.collapsed {
	background: url(http://library.oregonmetro.gov/images/newsfeed/garrow-big.gif) no-repeat 0px 4px;
	cursor: pointer;
}


/* /misc classes ===================================================================== */