/*
 * outer wrappers
 */
body {
	background-color: #CFCFCF;
}

/*
 * header
 */
#header {
    width: 956px;     /* force container to stretch...  */
    overflow: hidden; /* ...to contain floated children */
    margin: 0 auto;
    padding-bottom: 3px;
}

#header .welcome {
    float: left;
    padding-left: 6px;
    color: #434343;
    font-size: 1em;
}

#header .toplinks {
    float: right;
    padding-right: 3px;
    color: #5C5C5C;
    font-size: 0.85em;
}

#header .toplinks a {
    color: #5C5C5C;
    text-decoration: none;
}

#header .topnav {
    clear: both;
    padding: 12px 0 0 3px;
}

#header .topnav a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

/*
 * canvas
 */
#canvas {
    width: 956px;     /* force container to stretch...  */
    overflow: hidden; /* ...to contain floated children */
    margin: 0 auto;
    background: url(../../images/subpage-body-middle.gif) repeat-y;
}

/*
 * canvas > leftnav
 */
#leftnav {
    display: inline; /* prevent ie6 from doubling margin of floated element */
    float: left;
    margin-left: 28px;
    padding: 1px 1px 0 0;
    width: 160px; /* 161px - 1px padding */
    height: 259px; /* 260px - 1px padding */
    background: url(../../images/leftnav/blank.gif) no-repeat;
}

#blankleftnav {
    display: inline; /* prevent ie6 from doubling margin of floated element */
    float: left;
    margin-left: 28px;
    padding: 1px 1px 0 0;
    width: 160px; /* 161px - 1px padding */
    height: 259px; /* 260px - 1px padding */
}

#leftnav a {
    display: block;
    width: 160px;
    height: 45px;
}

/*
 * canvas > content
 */
#content {
    float: left;
    width: 657px; /* 956px - 189px leftnav - 110px padding */
    padding: 0 55px;
}

#content h1 {
    margin: 0 0 0.5em 0;
    font-size: 1.6em;
    color: #434343;
}

#content h2 {
    margin: 1.5em 0 0.5em 0;
    font-size: 1.1em;
    color: #767676;
}

#content p.h1text {
    margin: 0.5em 0;
    font-size: 9pt;
}

#content p {
    margin: 0.5em 0;
}

/*
 * footer
 */
#footer {
    width: 956px;
    margin: 10px auto 0 auto;
    text-align: center;
    font-size: 8pt;
    color: #999;
}
#footer a:link {
    color: #999;
    text-decoration: none;
}
#footer a:visited {
    color: #999;
    text-decoration: none;
}
#footer a:active {
    color: #999;
    text-decoration: none;
}
#footer a:hover
{
    color: #666;
    text-decoration: none;
}

/*
 * general
 */
body {
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    font-size: 8pt;
    color: #999;
}

a, img {
    border: 0;
}