/* corners.css
 * http://www.firstopcportland.org/
 * markmc@firstopcportland.org
 */

 body {
  font-family:"arial lighter", "arial narrow", "verdana narrow", verdana, helvetica, sans-serif;
/*  font-size-adjust:1; */
  margin-top: 8px;
  margin-left:0;
  margin-bottom:8px;
  padding-top:0;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
  border-top:0;
  height:100%;
  color:inherit;
  background-color:#fff;
}

#container {
position:absolute;
}

pre {
margin-left:1em;
}

img {
  border:0;
}

span.c3{
  font-size:.64em
}

span.c2{
  font-size:1.5em;
}

span.pst { 
  font-size:small; 
  font-weight:normal; 
  color:#cfe; 
  background-color:inherit;
  text-align:left
}

div.c1{
  text-align:center;
}

div.left {
  text-align:left;
}

#sidemenu {
  position:absolute;
  top :8px;
  left:2px;
  width:7em;
  margin: 0px;
  border:1px solid #336;
  /* background:#eee; */
  background-color:#fff;
  color:inherit;
}

#content {
  position:relative;
  margin-left:7em;
}

#icon {
  position:absolute;
  left:1em;
  height:2em; 
}

#iconimg {
	height:2em;
}

#bannertext {
  position:relative;
  margin-left:3em;
}
 
div.banner {
  position: relative;
  background:#fff;
  margin-left:1em;
  margin-right:-1px;
  text-align:left;
  border-top:1px solid #336;
  border-bottom:1px solid #336;
  border-left:1px solid #336;
  padding:1px .5em 1px 2px;
  color:#336;
  line-height:1.3em;
  font-size:2.1em;
}

.bannertop {
 position:relative;
 height:10px;
 top:-2px;
 right:3px;
 color:inherit;
 background:transparent
 url(/rounded.php?b=1&cn=tl&s=10&co=FFFFdd&ci=FFFFFF) no-repeat top left;
}

.bannertop div {
  position:relative;
}

.bannerbot {
 position:relative;
 height:10px;
 color:inherit;
 bottom:-2px;
 right:3px;
 background:transparent 
 url(/rounded.php?b=1&cn=bl&s=10&co=FFFFDD&ci=FFFFFF) 
 no-repeat bottom left;
}

.bannerbot div {
  position:relative;
}

.rbtop {
 position:relative;
 top:-1px;
 left:1px;
	background: transparent
	url(/rounded.php?b=1&cb=333366&cn=tr&s=10&co=FFFFdd&ci=FFFFFF)
	no-repeat top right;
}

.rbtop div {
 position:relative;
 left:-2px;
 color:inherit;
 background: transparent
 url(/rounded.php?b=1&cb=333366&cn=tl&s=10&co=FFFFdd&ci=FFFFFF) no-repeat top left;
} 

.rbbot {
 position:relative;
 bottom:-1px;
 left:1px;
 color:inherit;
 background: transparent
 url(/rounded.php?b=1&cb=333366&cn=br&s=10&co=FFFFEE&ci=FFFFFF) no-repeat bottom right;
}

.rbbot div {
 position:relative;
 left:-2px;
 color:inherit;
 background: transparent
 url(/rounded.php?b=1&cb=333366&cn=bl&s=10&co=FFFFEE&ci=FFFFFF) no-repeat bottom left;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
  width: auto;
  color:inherit;
  height: 10px;
  font-size: 1px;
}

a:link, a:active {
  text-decoration:none;
  color:#930;
  background:transparent;
}

a:visited {
  text-decoration:none; 
  color:#930; 
  background:transparent; 
}		

a:hover { 
  text-decoration:none; 
  color:#000;
  background:#fc9;
}
  
.selitem {
  background:#fed; 
  border-top:1px dotted #336;
  border-bottom:1px dotted #336;
  color:inherit;
}

.sideitem {
	font-size:80%;
	margin-left: 6px;
}

.sideitem a:hover {
  background:white;
  color:#000;
  border-top:1px #fc9 dotted;
  border-bottom:2px #fc9 dotted;
}

.services {
  text-align:center;
  font-size:90%;
  clear:left;
  border-top:2px solid #336;
  border-right:2px solid #336;
  border-bottom:0px solid #336;
  border-left:0px solid #336;
}

.svccorner {
 position:relative; 
 height:10px;
 color:inherit;
 background: transparent url(/rounded.php?b=2&cb=333366&cn=tr&s=10&co=FFFFdd&ci=FFFFDD) no-repeat top right; 
 top:-2px;
 left:2px;  
}

#bottommenu {
  font-size:95%; 
  text-align:center
}

#bottommenu a:hover {
  background:transparent;
  color:#000;
  border-top:3px #fc9 solid;
  border-bottom:3px #fc9 solid;
 
}

div.bottommenu {
  font-size:.85em; 
  text-align:center
}

div.validator {
  text-align:right;
}

table {
  width:90%;
  padding:0;
  margin:1em;
  border:0;
  border-spacing:0;
  border-color:#000;
  border-collapse:collapse;
}

td {
  vertical-align:top;
  padding:0 2em 0 2em;
  margin:0;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
  
}
 
p {
  margin-left:2em ; 
  margin-right:1em;
  text-indent:1em;
}

.gold {
  color:#930;
  background-color:transparent;
  margin-left:8px;
  text-align:left; 
}

h1, h2, h3, h4, h5, h6, dt {
  font-family:"arial narrow", helvetica, sans-serif;
  color:black;
  background-color:transparent;
  font-weight:normal;
}
h1 {
  font-variant:small-caps;	
 /* font-weight:bold;*/
  text-align:center;
/*  width:100%;*/
  margin-right:8em;
  /* background:#336; */
  background:#fff;
  border-top:.05em #ccf solid;
  border-right:.1em #99f solid;
  border-bottom:.1em #99f solid;
  color:#336;
}

h2 {
  margin-left:.5em;
}

h3 {
  margin-left:.5em;
}

h4 {
  margin-left:.5em;
  font-style:italic
}

hr {
  visibility:hidden;
}

.indent {
  margin-left:2em ; 
  margin-right:1em; 
}

div.img1 {
 clear:right;
 float:left;
 width:40%;
 margin:1em;
}

img.img1 {
 width:100%;
 border:2px #cce solid;
}

div.cap1 {
 float:left;
 width:48%;
 margin-top:1em;
}

p.cap1 {
 border:2px #cce solid;
 padding:1em 1em 1em 1em;
}

div.img2 {
  float:right;
  margin:1em 1em 0em 0em;
  width:40%;
}

img.img2 {
  width:100%;
  border:2px #fc6 solid;
}

div.cap2 {
 width:48%;
 margin: 1em ;
}

p.cap2 {
 clear:left;
 border:2px #fc6 solid;
 padding:1em 1em 1em 1em;
}


div.ltcol {
float:left;
clear:right;
width:48%;
}

div.rtcol {
width:48%;
float:right;
clear:right;
}