html,body {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: white; }

div.topbar {
  margin-top: 60px;
  width: 100%;
  height: 35px; }

div.greybar {
  background-color: #989494;
  height: 4px;
  width: 100%; }

div.textbar {
  background-color: #474040;
  height: 27px;
  padding-left: 75px;
  vertical-align: middle; }

span.nametext {
  font-family: Georgia, serif;
  font-size: 21px;
  font-variant: small-caps;
  text-transform: none;
  color: white; }

div.content {
background-color: yellow; }


h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
  font-family: Georgia, serif;
  color:#000;
  font-variant: small-caps;
  text-transform: none;
  font-weight: 100; }

h1 {
  margin:1.8em 0 .2em 0; }
  
p {
  margin:.5em 0 1.5em 0.5em;
  padding:0; }

a {
  color: #474040; }

a:hover {
  text-decoration: none; }

a.title {
  color: #000;
  font-weight: bold; }
 
a.title:hover {
  text-decoration: none; }
  

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  padding: 20px 0px 20px 0px; }

#header {
 border-bottom:1px solid #000; }

#header p,
#header h1,
#header h2,
#header dl {
  font-family: "Helvetica", "Verdana";
  padding:.4em 15px 0 33px;
  margin:0;
  font-size: 15px; }

#header dt.headh {
  font-family: Georgia, serif;
  font-size: 20px;
  font-variant: small-caps;
  text-transform: none; }

/* column container */
.colmask {
  position:relative;
  clear:both;
  float:left;
  width:100%;
  overflow:hidden; }

.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}

.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
  font-family: "Helvetica", "Verdana";
  font-size: 13px; }

/* 3 Column settings */
.threecol {
  background:#fff;		/* right column background colour */
}

.threecol .colmid {
  right:16%;			/* width of the right column */
  background:#fff;		/* center column background colour */
}

.threecol .colleft {
  right:42%;			/* width of the middle column */
  background:#fff;	/* left column background colour */
}

.threecol .col1 {
  width:38%;			/* width of center column content (column width minus padding on either side) */
  left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
  width:38%;			/* Width of left column content (column width minus padding on either side) */
  left:22%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
  width:12%;			/* Width of right column content (column width minus padding on either side) */
  left:68%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */

#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #000;
  background-color: #989494;
  height: 30px; }

#footer p {
  padding:10px;
  margin:0; }

#footer img {
  margin-left: 85%;
  width: 100px; }

img#pic {
  margin-right: 5%;
  margin-top: 0px;
  width: 120px; }