/*
  $Id: $
*/

/* Generics */

h3 { font-family: Arial; color:#333333 }

p { margin-bottom:6px; margin-top:6px; }

li { margin-bottom:6px; margin-top:6px;; margin-left:24px; list-style-image:url(../images/bullet.gif) }

a:hover { color:#000000;}

textarea { font-family:verdana; font-size:100%; padding:2px; border:solid 1px #CCCCCC; background-color:#FFF4CF }
.textInput { border:1px solid #CCCCCC; }
.button { margin:2px; background:url(../images/button.jpg); height:24px;
          border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE;
          border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
          padding-right:5px; padding-left:5px; color:#444444; }
.button:hover { border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
          border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;
          padding-right:5px; padding-left:5px; color:#000000; }
select { border:1px solid #CCCCCC; }

.click { position:relative; top:5px}

#whitespace { height:1000px; }

/* Top */

#topDiv { width:188px }

/* Gallery */

#gallery img { margin-right:6px; }

/* News */

.newsListHeader { text-align:center; height:20px; margin-bottom:20px; font-weight:bold; font-size:140% }

/* Top Links */

.topLinks { width: 638px; padding-right:10px }

.topLink { color:#808080; font-weight:bold }
.topLink_Over { color:#000080; font-weight:bold }
.topLink_Selected { color:#000080; font-weight:bold; text-decoration:none }

/* Client Area */

#clientAreaLogin { width:220px; height:120px; background-color:lightgoldenrodyellow;
                   z-index:10; position:absolute; padding:5px;
                   border-left:1px orange solid; border-top:1px orange solid;
                   border-bottom:2px grey solid; border-right:2px grey solid;   }

.siteControlExpander { float:right; position:relative; }
#clientSiteArea { width:220px; background-color:white; float:right; margin:5px; padding:5px;
                  border-left:1px cornflowerblue solid; border-top:1px cornflowerblue solid;
                  border-bottom:2px grey solid; border-right:2px grey solid;   }
.clientSiteTitle { margin-bottom:5px; font-weight:bold; text-align:center;
                   background-color:khaki; padding:2px; border-bottom:solid 1px orange}
.siteResourcesExpander { position:relative; top:3px; }
.resourceTable { border:solid 1px cornflowerblue; background-color:white; padding:3px; margin-left:20px }
.resourceDescription { border:solid 1px orange; background-color:lightgoldenrodyellow;
                       width:200px; height:100px; padding:3px; }

/* Web Sites */

.webSitesLink { width:200px; padding:3px; background-color:#FFFFFF;
                background-image:url(../images/questionmark.jpg); background-repeat:no-repeat;
                border-top:1px solid cornflowerblue; border-left:1px solid cornflowerblue;
                border-bottom:2px solid #888888; border-right:2px solid #888888;
                margin-left:5px }
.webSitesLinkP { margin-left:85px; }
.webSitesLinkLeft { height:50px; padding-left:3px; padding-right:3px;  padding-top:30px; }
.webSiteTable { margin-top:12px; margin-bottom:12px; margin-left:25px; margin-right:25px;
                background-color:white; border-collapse:collapse}
.webSiteTable td { padding:3px; border-bottom:1px solid #CCCCCC;}
.webSiteHeader { background:url(../images/podHeader.jpg); border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;font-weight:bold; text-align:center;}
  .webSiteHeader.leftMost { border-left:1px solid #CCCCCC; }
  .webSiteHeader.rightMost { border-rightt:1px solid #CCCCCC; }
.webSiteTableTd { width:100px; }
  .webSiteTableTd.leftMost { border-left:1px solid #CCCCCC; }
  .webSiteTableTd.rightMost { width:250px; border-right:1px solid #CCCCCC; }

.webSiteTr1 { background-color:lightgoldenrodyellow; }
.webSiteTr2 { background-color:khaki;  }

/* Technology */

.techImg { background-color:white; padding:3px; margin:3px; border:solid 1px #778CB3; }
.techDiv { min-height:80px; }

/* Contracting */

.burntContractor { float:right; width:200px; height:245px; background-color:white;
                   margin:5px; padding:5px; border-left:solid 1px cornflowerblue;
                   border-top:solid 1px cornflowerblue;
                   border-right:solid 1px grey;
                   border-bottom:solid 1px grey; }
.contractorProsAndConsTable { border-collapse:collapse; margin-left:25px; margin-right:25px}
.contractorProsAndConsTable td { padding:5px; vertical-align:top; }

.contractorPros { background-color:green; border-bottom:2px solid #778CB3; border-right:2px solid #778CB3; padding:5px; color:#FFFFFF; width:250px; height:250px; }
.contractorCons { background-color:red; border-bottom:2px solid #778CB3; border-right:2px solid #778CB3; padding:5px; color:#FFFFFF; width:250px; height:250px; }

/* Test */

.test { margin-left:50px; margin-right:50px; padding:20px;
        background-color:#FFFFFF; font-family: Times New Roman }

/* Resources */

.resourceMenu { text-align:center }
.resourceMenu li { min-width:80px; display:inline; padding:5px; margin:2px; }
.resourceMenu li.selected { text-decoration:underline; font-weight:bold }

.resourceContent { background-color:#FFFFFF; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
                   min-height:400px; margin:3px; padding:5px; }
.reourceContent .description { }

.resourceCodeTr td { padding:5px; }

/* Hogsmill */

#hogsmillPicDiv { padding:5px; float:right; text-align:center; }
.birdImage { height:120px }
#birdDescriptionOuter { height:230px; }
#birdDescription { width:600px; margin-top:10px; padding:3px; background-color:#FFFFFF; border-bottom:2px solid #888888; border-right:2px solid #888888; }
#birdLargeImage { z-index:100 }

/* Contacts */

.contactsTable { background-color:white; border:solid 1px cornflowerblue; width:250px; padding:10px; margin:25px 0 0 120px}

/* References */

#referencesImages { padding-top:12px; text-align:center }
#references { height:420px; }
.reference { margin-top:5px; margin-bottom:5px; margin-left:30px; margin-right:30px;
             background-color:#FFFFFF; padding:5px; border:solid 1px #778CB3}

/* Thickbox */

.thickBoxTitle { background:url(../images/podHeader.jpg); border:1px solid #CCCCCC; margin-bottom:12px; text-align:center; font-weight:bold;}

.cellTitle { background-color:#DEDEDE; border-bottom:1px solid #CCCCCC; padding:5px;
             color:#004684; font-weight:bold; font-size:120%; font-family:arial; text-align:right; margin-bottom:5px; }

/* Links */

#links { margin:5px; padding:5px; border:solid 1px #CCCCCC; background-color:#FFFFFF; }