body 
{
    margin:0;
    padding:0;
    font-family:Verdana, Georgia, Sans-Serif,Arial;
    font-size:62.5%;
    color:#696969;
}
p
{
    font-size:1.1em;
    line-height:1.6em;
}
h1, h2
{
    color: #009933;
}
h1
{
    font-size:165%;
}
h3
{
    color: #408080;
}
#holder
{
    width:960px;
    margin:0 auto;
}
#header
{
    height:149px;
    background: #fff url(http://images.clockworkwf.com/smallerheader.jpg) no-repeat 0 0;
}
#navigation
{
    background:#000;
    height:25px;
    text-align:center;
    padding:12px 0 5px 0;
    background: url(http://images.clockworkwf.com/navBg.jpg) repeat-x 0 0;
}
#navigation ul
{
    margin:0;
    padding:0;
}
#navigation ul li
{
    display:inline;
    padding-left:10px;
    padding-right:10px;
}
#navigation ul li a
{
    color: #00C440;
    text-decoration: none;
    font-size: 12px;
}
#navigation ul li a:hover
{
    color:#fff;
}
#content
{
    padding:15px;
    float:left;
}
#content-with-sidebar
{
    width:580px;
    padding:15px;
    float:left;
}
#clockworkItems
{
    background: #EEE;
    border: 1px dotted #696969;
    width: 95%;
    margin: 15px auto;
    padding:10px;
}
#leftItem
{
    float:left;
    width:48%;
 }
 #rightItem
 {
     width:48%;
     float:right;
     border-left:1px dotted #696969;
     padding-left:15px;
 }
 #leftItem h3, #rightItem h3
{
    height: 37px;
    background: url(http://images.clockworkwf.com/gearSmall.png) no-repeat 0 0;
    padding-left: 75px;
    vertical-align:baseline;
    padding-top:22px;
}
/* #leftItem a, #rightItem a
 {
     display:block;
     width:80px;
     height:24px;
      background: url(http://images.clockworkwf.com/moreButton.png) no-repeat 0 0;
      text-indent:-9999px;
 }
  #leftItem p, #rightItem p
  {
      line-height:1.8em;}*/
#sidebar
{
    width:300px;
    padding:10px;
    float:right;
    background:#EEE;
    margin-top:15px;
    color:#000;
}
#sidebar h1
{
    color:#696969;
    font-size:130%;
}
#footer
{
    background:#000;
    height:50px;
    padding:20px 10px 10px 10px;
     color: #408080;
}
#footerNav
{
    width:65%;
    float:left;
    text-align:right;
}
#footerNav .contactLink
{
    text-indent:-9999px;
    display:block;
    width:102px;
    height:24px;
    float:right;
    background: url(http://images.clockworkwf.com/contactButton.png) no-repeat 0 0;
}

#footerNav ul li
{
    display:inline;
    padding:0 10px;
}
#footerNav ul li a
{
     color: #408080;
     text-decoration:none;
}
#footerNav ul li a:hover
{
    text-decoration:underline;
}
#copyright
{
    float:left;
    width:30%;
    margin-top:35px;
}
.clear
{
    clear:both;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
}

.loginDisplay a:link
{
}

.loginDisplay a:visited
{
}

.loginDisplay a:hover
{
}