/* Created using Style Master from Western Civilisation CSS1 { 49 95 452 471 } */
body.main {
background-color: #666;
margin-right: 2em;
margin-left: 3em;
margin-top: 2em;
margin-bottom: 3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
/*color: #666;  */
font-size: 1.0em;
/*background-repeat: repeat-y;  */
/*background-attachment: fixed;  */
/*position: absolute;  */
/*left: -15px;  */
}

 #wrap {
  position:relative;
  top:0px;
  left:0px;
  background:#fff;
  width: 760px;
  margin:0 auto;
  padding-left: 2em;
  padding-right: 1.5em;
  padding-bottom: 2em;
  text-align:left;
  color: #333;
  border: 2px solid black
  }
  
   #wrap2 {
  position:relative;
  top:0px;
  left:0px;
  background:#eee;
  width: 760px;
  margin:0 auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align:left;
  color: #333;
  border: 2px solid black;
  padding-bottom: 0.5em;
  }
  
body.remote {
background-color: #FFFFFF;
margin-right: 1em;
margin-left: 0.7em;
margin-top: 0.5em;
margin-bottom: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #600;
font-size: 0.75em;
position: absolute;
}

img {
margin-left: +1.5em;
margin-right: +1.5em;
margin-bottom: +1.5em;
margin-top: +0.2em;
}

.portmenu {
font-size: 70%;
text-align: center;
text-transform: lowercase;
vertical-align: top;
text-decoration: none;
}

a.portmenu {
background-color: #fff;
color: #44a;
text-decoration: none;
}

.linkmenu {
font-size: 90%;
text-align: center;
text-transform: lowercase;
vertical-align: top;
text-decoration: none;
}

a.linkmenu {
background-color: #fff;
color: #44a;
text-decoration: none;
}

img.arrow {
margin-left: +0em;
margin-right: +0em;
margin-bottom: +0em;
margin-top: +0em;
}

img.mat {
border-color: #FFFFFF ;
border-left: 40px #FFFFFF solid ;
border-right: 40px #FFFFFF solid ;
border-bottom: 100px #FFFFFF solid ;
border-top: 40px #FFFFFF solid;
margin: 0;
padding: 0;
}

.button {
margin-left: +0.5em;
margin-bottom: -0.5em;
margin-top: +0em;
}

img.portfolio {
border-width: 2px;
border-color: #000;
margin-left: +1.5em;
margin-bottom: +1.5em;
margin-top: +1em;
}

img.icon {
border-width: 0px;
border-color: #000;
margin-left: +0.25em;
margin-right: 0em;
margin-bottom: +0.5em;
margin-top: +0.5em;
}

H1 {
text-align: center;
color: #033;
font-size: 2.0em;
padding-top : 1em;
clear : both;
margin-bottom: 0.5em;
}

H1.photo {
text-align: center;
color: #333;
font-size: 1.5em;
font-weight: normal;
margin-top : 0.5em;
clear : both;
margin-bottom: 0.5em;
}

H2 {
text-align: center;
color: #44a;
margin-top : 0.3em;
clear : both;
margin-bottom: 0.5em;
}

H2.photo {
text-align: left;
color: #44a;
margin-top : 0.75em;
margin-left : 0.75em;
clear : both;
margin-bottom: 0.5em;
}

H3 {
text-align: center;
color: #333;
font-style: normal;
font-family: Helvetica, sans-serif;
margin-top : 1.0em;
clear : both;
margin-bottom: 0.5em;
}

H4 {
text-align: center;
color: #333;
margin-top : 0.3em;
clear : both;
margin-bottom: 0.5em;
}

P {
text-indent: 3em;
}

p.right {
text-indent:0em;
text-align: right;
font-size: 0.8em;
}

 .right {
text-align: right;
}  

 .left {
text-align: left;
} 
 .smaller {
font-size: smaller;
} 

p.mybox {
background-color: #fc9;
color: #960;
padding: 2%;
font-family: Helvetica, sans-serif;
font-style: normal;
font-size: 1.1em;
border: medium #930 solid;
margin-left: 3em;
margin-right: 3em;
}

.mybox a:hover {
background-color: #fc9;
color: #FF9;
}

.mybox a:link {
background-color: #090;
color: #FF9;
text-decoration: none;
}

cite.portfolio{
color: #963;
font-family: Helvetica, sans-serif;
font-size: 1.05em ;
}

cite.book {
color: #630;
font-family: Helvetica, sans-serif;
}

EM {
color: #933;
font-family: Helvetica, sans-serif;
font-style: normal;
}

EM.new {
color: olive;
font-family: Helvetica, sans-serif;
}

OL {
margin-right: 10%;
margin-left: 5%;
}

DL {
margin-right: 7%;
margin-left: 3%;
}

DT {
padding-bottom: 10px;
}

DD {
margin-top: -10px;
padding-bottom: 10px;
}

UL {
margin-right: 20%;
margin-left: 5%;
}

BR {
text-indent: 0em;
}

.noin {
text-indent: 0em;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.smaller {
font-size: smaller;
}

.medium {
font-size: medium;
}

.big {
font-size: bigger;
}

.small {
font-size: small;
}


strong {
font-size: 1.0em;
font-weight: bold;
color: #993300;
}

HR {
margin-top : 0.25em;
margin-bottom : 0.25em;
color: #006633;
height: 7px;
         float: none;
         clear: both;
         text-align: center; 
         }

BLOCKQUOTE {
margin-right: 5.5em;
margin-left: 5.5em;
color: #600;
}

A:link {
color: #663333;
text-decoration: underline;
}

A:visited {
color: #666666;
text-decoration: underline;
}

A:hover {
background-color: #ccc;
color: #333;
text-decoration: none;
}

.arrow {
   font-style: bold;
   text-decoration: none;
   color: black;
   }

.addr1 {
text-align: center;
font-style: normal;
font-family: Helvetica, sans-serif;
color: #663333;
background-color: #ffffff;
padding: 6px;
}

.addr2 {
font-style: normal;
font-family: Helvetica, sans-serif;
color: navy;
background-color: silver;
padding: 6px;
}