* { margin: 0; padding: 0; border: 0; }

p {margin:10px 10px 10px 10px;line-height:2em;text-align:justify;vertical-align:middle;color: #000;}
/* top right bottom left */
li { line-height:1.4em; margin:10px 0 10px 30px;}


body {
  text-align: left;
  vertical-align: top;
  margin: 0 auto;
  font-family: Verdana;
  font-size: 14px;
  font-weight: normal;
  background-color:#eeeeee;
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
  color:#333333;
}

img { display: block; } 

/* page layout */
#container { position:relative;width:900px;top:4px;margin-left: auto;margin-right: auto;background-color:#ffffff;border:solid 1px #333333; }
#title { clear:both;float:left;width:900px;height:300px;padding-top:20px;background-image:url(../images/stephen.jpg);background-repeat:no-repeat;text-align:right;} 
#titletext { margin-left:300px;width:600px;font-size:15px;text-align:left; }
#menu { clear:both;float:left;width:900px;height:30px;vertical-align:middle;background-color:#fbf1c6;border-top:solid 1px #333333;border-bottom:solid 1px #333333;}
#menu a { float:left;text-align:center;width:150px;height:27px;display:block;font-size:18px;text-decoration:none;color:#333333;padding-top:3px; }
#menu a:hover { background-color:#333333;color:#ffffff;}
#inner { position:relative;clear:both;float:left;width:900px;overflow:hidden; }
#col1w { float:left;padding-bottom:5000px;margin-bottom:-5000px;width:260px;background-color:#dde0f1;}
#col2w { float:left;padding-bottom:5000px;margin-bottom:-5000px;width:640px;}

#col1 { margin: 0 ;vertical-align:top; }
#col2 { margin: 0 ;vertical-align:top; }

#footer { clear:both; width:900px;height:100px;background-color:#fbf1c6;border-top:solid 1px #333333;}
#footer p { padding:4px 10px 4px 4px;margin:0;text-align:left;font-size:12px; }

.li {margin: 5px 8px 5px 8px;padding: 10px;border:solid 1px #cccccc;clear:both;float:left; }
.ri {margin: 5px 8px 5px 8px;padding: 10px;border:solid 1px #cccccc;float:left; }