html, body {
   height: 100%;
}

body {
   margin: 0px;
   padding: 0px;
   background: url(images/bg01.jpg) repeat left top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
}



h1, h2, h3 {
   margin-top: 0px;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #000000;
}

h1 {
}

h1, h2 {
   font-weight: normal;
}

h2 {
}

h2.h2-style1 {
   margin: 0px;
   font-size: 30px;
   letter-spacing: -2px;
   color: #000000;
}

h2.h2-style2, h2.h2-style3 {
   height: 26px;
   margin-bottom: 30px;
   padding: 0px 0px 0px 37px;
   letter-spacing: -1px;
   font-size: 20px;
}

h2.h2-style2 {
   background: url(images/homepage10.jpg) no-repeat left top;
}

h2.h2-style3 {
   background: url(images/homepage11.jpg) no-repeat left top;
}

h3 {
   margin: 0px;
   font-size: 11px;
   color: #4E86A0;
}

h3.h3-style1 {
   margin-bottom: 30px;
   font-size: 16px;
   letter-spacing: -1px;
   color: #000000;
}

p, ol, ul {
   margin-top: 0px;
   margin-bottom: 22px;
   line-height: 20px;
   text-align: left;
}

dl.dl-style1 {
   margin: 0px;
   padding: 0px;
}

dl.dl-style1 dt {
   float: left;
   width: 71px;
   height: 17px;
   margin-top: 15px;
   padding: 2px 0px 0px 6px;
   background: url(images/homepage12.gif) repeat-x left top;
   color: #4E5F63;
}

dl.dl-style1 dt.first {
   margin-top: 0px;
}

dl.dl-style1 dd {
   margin: 0px;
   padding: 15px 0px 15px 90px;
   border-top: 1px solid #CCDFE3;
}

dl.dl-style1 dd.first {
   padding-top: 0px;
   border: none;
}

.ul-style1 {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

.ul-style1 li {
   padding: 10px 0px;
   border-top: 1px solid #CCDFE3;
}

.ul-style1 li.first {
   padding-top: 0px;
   border: none;
}

strong {
   color: #484F50;
}

a {
   color: #0000ff;
}

a:hover {
   text-decoration: none;
}

a img {
   border: none;
}

img.border {
   padding: 2px;
   border: 1px solid #B3CACF;
}

img.alignleft {
   float: left;
   margin: 0px 20px 0px 0px;
}

img.alignright {
   float: right;
}

img.aligncenter {
   margin: 0px auto;
}

hr {
   display: none;
}

/** WRAPPER */

#wrapper {
   background: url(images/bg02.jpg) repeat-x left top;
}

.container {
   width: 950px;
   margin: 0px auto;
}

.border-bottom {
   border-bottom: 6px solid #FFFFFF;
}

.border-left {
   border-left: 6px solid #FFFFFF;
}

.no-border {
   border: none !important;
}

/** HEADER */

#header {
   height: 122px;
   background: url(images/bg03.jpg) no-repeat right top;
}

/** SEARCH */

#search {
   float: right;
}

#search form {
   margin: 0px;
   padding: 76px 0px 0px 0px;
}

#search fieldset {
   margin: 0px;
   padding: 0px;
   border: none;
}

#search input {
   float: left;
   border: none;
   background: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

input#search-input-text {
   width: 170px;
   height: 21px;
   padding: 5px 5px 0px 5px;
   background: url(images/homepage02.gif) no-repeat left top;
}

input#search-input-submit {
   width: 60px;
   height: 26px;
   margin-left: 10px;
   background: url(images/homepage03.jpg) no-repeat left top;
}

/** MENU */

#menu {
   height: 39px;
   background: url(images/homepage04.gif) repeat-x left top;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
   height: 26px;
   padding: 13px 20px 0px 20px;
}

#menu li.first {
   padding-left: 25px;
   background: url(images/homepage05.gif) repeat-y left top;
}

#menu a {
   text-decoration: none;
   font: 12px Geneva, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

#menu a:hover {
   text-decoration: underline;
}

/** PAGE */

#page {
   background: url(images/bg04.jpg) repeat-y left top;
}

#page-bg-top {
   width: 900px;
   padding: 5px 25px;
   background: url(images/bg05.jpg) no-repeat left top;
}

.single #page {
   background-image: url(images/subpage2_01.jpg);
}

.single #page-bg-top {
   background-image: url(images/subpage2_02.jpg);
}

/** CONTENT */

#content {
   float: right;
   background: url(images/homepage07.gif) no-repeat left top;
}

.single #content {
   background: none;
}

/** SIDEBAR */

#sidebar {
}

/** LOGIN */

#login {
}

#login .content {
   height: 131px;
}

#login form {
   margin: 0px;
   padding: 0px;
}

#login fieldset {
   margin: 0px;
   padding: 0px;
   border: none;
}

#login .input-text {
   width: 170px;
   height: 20px;
   padding: 7px 5px 0px 5px;
   background: url(images/homepage20.gif) repeat-x left top;
   border: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #76888C;
}

#login .input-submit {
   float: right;
   width: 60px;
   height: 26px;
   background: url(images/homepage03.jpg) no-repeat left top;
   border: none;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

#login ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#login li {
   margin-bottom: 10px;
}

#login a {
   float: left;
   padding-top: 5px;
}

/** FOOTER */

#footer {
   height: 110px;
   background: url(images/bg06.jpg) no-repeat left top;
   color: #889598;
}

.single #footer {
   background-image: url(images/subpage2_03.jpg);
}

#footer p {
   margin: 0px;
   padding: 50px 0px 0px 0px;
   text-align: center;
}

#footer .legal {
}

#footer .links {
}

/** BOX STYLE COMMON */

.box-style1 .title, .box-style2 .title, .box-style3 .title {
   height: 27px;
   margin: 0px;
   padding: 12px 0px 0px 40px;
   border-bottom: 6px solid #FFFFFF;
   font-size: 12px;
   color: #FFFFFF;
}

.box-style1 .content, .box-style2 .content, .box-style3 .content {
   padding: 30px 30px 10px 40px;
   background: url(images/homepage16.gif) no-repeat left top;
   border-bottom: 5px solid #FFFFFF;
}

/** BOX STYLE 1 */

.box-style1 .title {
   background: url(images/homepage17.jpg) no-repeat left top;
}

/** BOX STYLE 2 */

.box-style2 .title {
   background: url(images/homepage18.jpg) no-repeat left top;
}

/** BOX STYLE 3 */

.box-style3 .title {
   background: url(images/homepage19.jpg) no-repeat left top;
}

/** BOX1 */

#box1 {
   padding: 40px;
}

/** BOX2 */

#box2 {
   width: 265px;
   float: left;
   padding: 0px 0px 0px 40px;
}

/** BOX3 */

#box3 {
   width: 265px;
   float: left;
   padding: 0px 0px 0px 35px;
}

/* sitepoint the css anthology chapter 5 */


p, td, th {
   font: 1.0em Arial, Helvetica, sans-serif;
}
.datatable {
   border: 1px solid #D6DDE6;
   border-collapse: collapse;
   width: 100%;
}
.datatable td {
   border: 1px solid #D6DDE6;
   padding: 8px;
}
.datatable th {
   border: 1px solid #828282;
   background-color: #BCBCBC;
   font-weight: bold;
   text-align: left;
   padding-left: 2px;
}
.datatable caption {
   font: bold 0.9em Arial, Helvetica, sans-serif;
   color: #33517A;
   text-align: left;
   padding-top: 3px;
   padding-bottom: 8px;
}
.datatable tr.altrow {
   background-color: #DFE7F2;
   color: #000000;
}