body {
   background-color: #ffffff;
   background-color: #cccccc;
}

#wholepage {
   background-color: #ffffff;
   width: 900px;
   margin: auto;
}

#top {
   width: 900px;
   height: 104px;
   padding: 0;
   position: relative;
}

#topb, #topb2 {
   top: 51px;
   width: 900px;
   height: 51px;
   border-top: 1px solid #f1c428;
   border-bottom: 1px solid #f1c428;
}

#logo {
   position: absolute;
   top: 30px;
   left: 20px;
}

#yellowstripe {
   position: absolute;
   right: 0px;
   top: 27px;
   width:900px;
   height:29px;
   background-image: url(images/yellow_bar.jpg);
}

#topbar {
   position: absolute;
   left: 0px;
   top: 55px;
   width:900px;
   height:49px;
   background-image: url(images/topbar.jpg);
}

#topbar img {
   padding-left: 48px;
   border: 0px;
   float: left;
}

#mainbody {
   background-color: #ffffff;
   position: absolute;
   top: 112px;
   width: 900px;
   height: 596px;
   padding: 0px;
}

#subback {
   float: right;
   height:47px; 
   width: 550px;
   border-bottom: 1px solid #d3c682;
}

#portcontainer {
   height:47px; 
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}

#porthead {
   margin-bottom: 0px;
}

#slinks {
   margin-top: 0px;
   margin-bottom: 0px;
}

#portmenu {
   background-color: #ffffff;
   height:47px; 
   float: right;
}

#porttitle {
   background-color: #ffffff;
   margin-top: 20px;
   margin-left: 45px;
   height: 80px;
}

#porttitle h2  {
   text-decoration: none;
   font-family: Arial, sans-serif;
   color: #587592;
   font-size: 10pt; 
}

/* Menu Coding */

#menu ul {
   position: absolute;
   top: 0px;
   left: 44px;
   padding: 0px;
   margin: 0px;
}

#menu li {
   list-style: none;
   float: left;
   margin: 0;
   text-align: center;
   font-weight: normal; 
}

#menu a {
   display: block;
   color: #bbbbbb;
   text-decoration: none;
   padding: 6px 5px 6px 5px;
   font-family: Arial, sans-serif;
   font-size: 9pt; 
   font-weight: bold;
}

#menu a:hover, .pwhite {
   color: #669999; 
}

.p1:hover, .selected1{
   background-image: url(images/pixel1.gif);
   background-repeat: repeat-x;
}

.p2:hover, .selected2{
   background-image: url(images/pixel2.gif);
   background-repeat: repeat-x;
}

.p3:hover, .selected3{
   background-image: url(images/pixel3.gif);
   background-repeat: repeat-x;
}

.p4:hover, .selected4{
   background-image: url(images/pixel4.gif);
   background-repeat: repeat-x;
}

#portfmenu {
    position: absolute;
    left: 26px;
    top: 435px;
}

#portfmenu li {
   list-style: none;
   font-size: 8pt; 
   padding: 2px;
}

#portfmenu li a{
   text-decoration: none;
   font-family: Arial, sans-serif;
   color: #ffffff;
   font-size: 8pt; 
}

#portfmenu li a:hover{
   color: #669999; 
}

#headtablehome {
    position: absolute;
    right: 80px;
    top: 80px;
}

#headtableabout {
    position: absolute;
    right: 75px;
    top: 30px;
}

#headtablecontact {
    position: absolute;
    right: 145px;
    top: 80px;
}

#headtablehome h1, #headtableabout h1, #headtablecontact h1 {
    display: inline;
}

.headline{
    padding: 5px;
    vertical-align: middle;
}

.headhome {
    border-left: 4px solid #f6aa28;
    border-top: 4px solid #f6aa28;
    border-bottom: 4px solid #f6aa28;
}

.headabout {
    border-left: 4px solid #a7ce4c;
    border-top: 4px solid #a7ce4c;
    border-bottom: 4px solid #a7ce4c;
}

.headcontact {
    border-left: 4px solid #f6aa28;
    border-top: 4px solid #f6aa28;
    border-bottom: 4px solid #f6aa28;
}

#mainbody h1{
   font-family: Arial, sans-serif;
   color: #321a72;
   font-size: 14pt;
   font-weight: normal;
}

#copyhome {
    position: absolute;
    right: 95px;
    top: 230px;
}

#copyabout {
    background-color: #ffffff;
    padding: 15px 40px 15px 40px;
    position: absolute;
    left: 250px;
    top: 110px;
    width: 570px;
}

#copycontact {
    position: absolute;
    right: 215px;
    top: 230px;
}

.lefthome {
   background: no-repeat top left url(images/left_home.jpg);
}

.leftabout {
   background-image: url(images/left_about.jpg);
   background-repeat: no-repeat;
}

.leftcontact {
   background-image: url(images/left_contact.jpg);
   background-repeat: no-repeat;
}

#copyhome p, #copyabout p , #copycontact p, #copycontact a {
   color: #333333;
   font-family: Arial, sans-serif;
   font-size: 9pt; 
   line-height: 1.5em;
   text-decoration: none;
}

#imghome {
    position: absolute;
    left: 141px;
    top: 100px;
}

#imghome {
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
}

#pmenu {
   padding: 0px;
   margin: 0px;
float: right;
}

#pmenu li {
   list-style: none;
   float: left;
   text-align: center;
   font-weight: normal; 
   padding: 2px;
}

#pmenu a  {
   text-decoration: none;
   padding: 4px 6px 4px 6px;
   font-family: Arial, sans-serif;
   color: #774f00;
   font-size: 8pt; 
   font-weight: 500;
}

.pselected {
   color: #587592;

}

#pmenu a:hover {
   color: #587592;
}

#portmenu a img {
   width: 66px;
   height: 47px;
   display: inline;
   border: 0px;
   padding: 0px;
   margin: 0px;
   margin-right: 2px;
}

#portmenu a:hover img {
   opacity:0.7;
   filter:alpha(opacity=70)
}

#psample {
   display: block;
   margin-left: auto;
   margin-right: auto;
   opacity: 100%;
}

#psample h4{
   float: right;
   padding-right: 10%;
}

#slinks a{
   text-decoration: none;
   color: #666666;
   font-family: Arial,sans-serif;
   font-size: 8pt;
   padding: 1px;
}

#slinkid1{
    border: 2px solid #B5D55E;
    background-color: #B5D55E;
}

#topb h2  {
   float: right;
   font-family: LetterGothicStd, "Letter Gothic", serif;
   color: #a0bbb6;
   font-size: 13pt;
   letter-spacing: -.05em;
   padding-right: 10px;
}

#mainbody h3, #psample h4  {
   text-align: left;
   font-family: Arial, sans-serif;
   color: #333333;
   color: #666666;
   font-size: 8pt;
   font-weight: normal;
}

#mainbodyadmin h4, .samptable  {
   font-family: Futura, Arial, sans-serif;
   color: #000000;
}

#mainbodyadmin {
   background-color: #ffffff;
   position: relative;
   width: 870px;
   min-height: 596px;
   padding-left: 30px;
}

.samptable  {
   font-size: 10pt;
   padding-left: 30px;
}

#footer{
   font-family: Arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   color: #777777;
   padding-top: 5px;
   width: 384px;
   position: absolute;
   border-top: 1px solid #d3c682;
   bottom: 8px;
   right: 0px;
}

#footer a {
   text-decoration: none;
   color: #777777;

}

#yellow_bracket {
   position: absolute;
   top: 3px;
   right: 1px;
}

#carats {
   position: absolute;
   bottom: 38px;
   right: 40px;
   color: #cccccc;
   font-family: Arial, sans-serif;
   font-size: 12pt; 
}

#carats a {
   text-decoration: none;
   color: #587592;
}