/* 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:#E7EDE4;
/*  background-color:#F0FFF0; */
}

#container {
  position:absolute;
  margin-left:2em;
}


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 #330;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* background:#eee; */
  background-color:#996;
  color:inherit;
}
a.menu {
	color:#230;
}

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

#icon {
  position:absolute;
  height:3em; 
}

#iconimg {
	height:2em;
}

#bannertext {
  font-variant:small-caps;	
 /* font-weight:bold;*/
  position:relative;
  margin-left:1em;
}
 
div.banner {
  position: relative;
  margin-left:1em;
  margin-right:-1px;
  text-align:left;
  border-top:1px solid #330;
  border-bottom:1px solid #330;
  border-left:1px solid #330;
	 -webkit-border-radius: 10px;
	 -webkit-border-top-right-radius: 4px;
	 -webkit-border-bottom-right-radius: 4px;
	 -moz-border-radius: 10px;
	 -moz-border-radius-topright: 4px;
	 -moz-border-radius-bottomright: 4px;
	 border-radius: 10px;
	 border-top-right-radius: 4px;
	 border-bottom-right-radius: 4px;
  padding:1px .5em 1px 2px;
  color:#230;
  line-height:1.3em;
  font-size:2.1em;
  background:#996;
 /* 
	 background: -moz-linear-gradient(left, #ffffdd, #E6EBE4);
	 background: -webkit-gradient(linear, left top, right top ,
	 from(#FFFFDD), to(#E6EBE4));
	 filter: progid:DXImageTransform.Microsoft.Gradient(
	 StartColorStr='#FFFFDD', EndColorStr='#E6EBE4',
	 GradientType=1);
	 */
}

.bannertop {
 position:relative;
 height:10px;
 top:-2px;
 right:3px;
 color:inherit;
 background:transparent
 url(/rounded.php?b=1&cn=tl&s=10&co=E6EBE4&ci=999966) 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=E6EBE4&ci=999966) 
 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=E6EBE4&ci=999966)
	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=E6EBE4&ci=999966) 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=E6EBE4&ci=999966) 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=E6EBE4&ci=999966) 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:#630;
  background:transparent;
}

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

a:hover { 
  text-decoration:none; 
  color:#ff9;
  background:#7d8055;
}
  

.selitem a {
	color:#fc9;

}
.selitem {
  background:#8e563d; 
  border-top:1px #336 dotted;
  border-bottom:1px #336 dotted ;
}

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

.sideitem a:hover {
 /** background:#cfc;**/
  color:#ff9;
  background:transparent;
  border-top:1px #363 dotted;
  border-bottom:2px #363 dotted;
}


.services {

  text-align:center;
  font-size:90%;
  clear:left;
  border-top:2px solid #330;
  border-right:2px solid #330;
  border-bottom:0px solid #330;
  border-left:0px solid #330;
  position:relative;
  background:inherit;
  background: -moz-linear-gradient(left, #E6EBE4, #DDDDCC );
  background: -webkit-gradient(linear, left top, right top , from(#E6EBE4), to(#DDDDCC));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#E6EBE4', endColorStr='#DDDDCC')";
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#E6EBE4', endColorStr='#DDDDCC');
}

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

#bottommenu {
  font-size:80%; 
  background:#E6EBE4;
  text-align:center
}

#bottommenu a:hover {
  color:#ff9;
  border-top:2px #363 solid;
  border-bottom:2px #363 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;
  
}

li {
	margin-right: 1em;
}
 
p {
  margin-left:2em ; 
  margin-right:1em;
  text-indent:1em;
}

.gold {
  color:#330 ;
  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:#9a5b3a;
  border-top:.05em #eed solid;
  border-right:.1em #7d8055 solid;
  border-bottom:.1em #959766 solid;
  color:#fd9;
}

h2 {
  color:#663 ;
  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:42%;
 margin:1em;
}

img.img1 {
 width:100%;
 border:4px #663 inset;
 border-radius: 10px;
 -moz-border-radius: 10px;
}

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

p.cap1 {
 border:2px #663 solid;
 border-radius: 10px;
 -moz-border-radius: 10px;
 padding:1em 1em 1em 1em;
}

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

img.img2 {
  width:100%;
  border:4px #8e563d inset;
 border-radius: 10px;
 -moz-border-radius: 10px;
}

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

p.cap2 {
 background:white;
 clear:left;
 border:2px #8e563d solid;
 border-radius: 10px;
 -moz-border-radius: 10px;
 padding:1em 1em 1em 1em;
}

.emph {
	background:white;
	border:1px #A3BD97 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:1em;
}


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

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