body {
height: auto;
margin: 0;
padding: 0;
font-size: 1.25em; 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: gray;
text-align: center;
background-color: #000000;
}

#container {
margin: 1em auto;
margin-bottom: 0;
width: 1000px;
height: 100%;
text-align: left;
background-color: #000000;
border: 1px solid black;
}


#header	{
border: none;
position: relative;
margin: 0;
padding: 0;
}

#sitename {
width: 900x;
height: 100px;
margin: 0 50px 0 50px;
background-image: url(images/siteban2010.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-color: #090900;
}


#navbar {
width: 900px;
margin: 0 50px 0 50px;
background-color: beige;
color: #666666;
padding: 2px 0;
margin-bottom: 0;
}

#navbar ul {
margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
border-left: 1px solid #C4C769;
}

#navbar ul li {
display: inline;
font-size: 1em;
padding: 0 5px;
border-right: 1px solid #C4C769;
}

#navbar ul li a {
text-decoration: none;
font-size: .85em;
color: #821c22;
border-top: 1px white solid;
border-left: 1px white solid;
border-bottom: 1px gray solid;
border-right: 1px gray solid;
}

#navbar ul li a:hover {
text-decoration: none;
color: beige;
background-color: #dbb9a3;
border-top: 1px gray solid;
border-left: 1px gray solid;
border-bottom: 1px white solid;
border-right: 1px white solid;
}

#pagename {
height: 125px;
background-image: url(images/bannerfeb2010.jpg);
background-color: #821c22;
align: center;
padding: 0;
margin: 0;
text-align: right;
}

#pagename h1 {
font-size: 2.3em;
color: #ffffff;
margin: 0;
padding: 0 50px 0 10px;
text-align: right;
}

#content {
width: 900px;
margin-left: 50px;
margin-right: 50px;
padding: 0px;
position: relative;
background-color: #dbb1a6;
}

#leftcol {
position: absolute;
top: 0px;
left: 0px;
width: 192px;
padding-left: 4px;
background-color: #dbb1a6;
border: #c6a096 2px solid;
font-size: .75em;
text-align: left;
line-height: 150%;
}

#leftcol ul{
list-style-type: none
}

#centercol {
margin: 0 300px 0 200px;
min-height: 90%;
padding-left: 4px;
background-color: beige;
border: #dbb9a3 2px solid;
font-size: .75em;
text-align: left;
}

#maincol {
margin: 0 0px 0 200px;
min-height: 90%;
padding-left: 4px;
background-color: #dbb9a3;
border: #dbb9a3 2px solid;
font-size: .75em;
text-align: left;
}

#rightcol {
float: right;
width: 294px;
position: absolute;
top: 0px;
right: 0;
padding-left: 2px;
background-color: #dbb1a6;
border: #dbb1a6 2px solid;
font-size: .75em;
text-align: left;
}

#onecol {
margin: 0;
min-height: 90%;
padding-top: 4px;
padding-right: 25px;
padding-bottom: 4px;
padding-left: 25px;
background-color: #dbb9a3;
border: #dbb9a3 2px solid;
font-size: .75em;
text-align: left;
}

#footer {
width: 900px;
margin-left: 50px;
margin-right: 50px;
margin-top: 0;
text-align: justify;
background-color: #c07662;
border: #c07662 1px solid;
font-size: .65em;
padding-left: 4px;
padding-right: 4px;
padding-top: 0;
}

.imgfloatrt  {
float: right;
padding: 2px;
border: 1px solid #9FA41D;
margin: 0 0 10px 10px;
}

.imgfloatlf  {
float: left;
padding: 2px;
border: 1px solid #9FA41D;
margin: 0 0 10px 10px;
}

.imgcenter {
display: block;
margin-left: 10%;
margin-right: 10%;
border: 1px solid #9FA41D;
margin: 0 0 10px 10px;
}

.imgfootrt  {
float: right;
padding: 2px;
border: 1px solid #9FA41D;
margin: 0 0 0px 0px;
}

.housebutton {
font-weight: bold;
text-align: center;
margin-bottom: 2px;
margin-top: 2px;
}

.housebutton a {
padding: 2px;
text-decoration: none;
width: 95%;
display: block;
color: #224059;
background-color: #b5c9e2;
border-top: 1px #cce3ff solid;
border-left: 1px #cce3ff solid;
border-bottom: 1px #31557f solid;
border-right: 1px #31557f solid;
}

.housebutton a:hover {
background-color: #99aabf;
border-top: 1px #31557f solid;
border-left: 1px #31557f solid;
border-bottom: 1px #cce3ff solid;
border-right: 1px #cce3ff solid;
}

.portfolio {
text-align: center;
line-height: 2em;
}

.portfolio h1, h2, h3 {text-align: center;}

.portfolio ul {
text-align: center;
text-indent: none;
}

.portfolio ul li {
display: inline;
font-size: 1em;
padding: 0 5px;
border-right: 1px solid maroon;
}

.portfolio p {
text-align: center
}

h1{
font-size: 2em;
color: brown;
margin: 0;
}

h2 {
font-size: 1.5em;
color: #666666;
margin: 0;
}

h3 {
font-size: 1.25em;
color: beige;
margin: 0;
}



strong {font-weight: bold;}

em {font-style: italic;}

var {
font-style: italic;
font-weight: bold;
}

.xlargetext {
  font-size: 1.5em; 
  font-family: Arial, Helvetica,sans-serif;
  color: gray;   
}

.largetext {
  font-size: 1.35em; 
  font-family: Arial, Helvetica,sans-serif;
  color: beige;   
}

.medlargetext {
  font-size: 1.2em; 
  font-family: Trebuchet MS, Arial, Helvetica,sans-serif;
  color: beige;   
}

.normaltext {
  font-size: 0.95em; 
  font-family: Trebuchet MS, Arial, Helvetica,sans-serif;
  color: beige;   
}

.xsmalltext {
  font-size: 0.75em;
  font-family: Arial, Helvetica,sans-serif;
  color: black;
}

.sprsmalltext {
font-size: 0.58em;
font-family: Arial, Helvetica,sans-serif;
color: maroon;
}

a, a:link, a:hover, a:active, a:visited {text-decoration: none;}

a:link {color: maroon;}

a:visited {color: crimson;}

a:hover {color: beige;}

a:active {color: maroon;}


