BODY {
    line-height: 23px;
letter-spacing: 0.5px;
font-size: 16px;
color: #333333;
background: #808080;
}




.pageNav SMALL {
font-size: 10px;
display: block;
margin-left: 0px;
}


#contactUsToday {
float: right;
margin-right: 25px;
}



.homepageBanner H1 {
text-decoration: none;
padding: 0;
margin: 0;
border: none;
text-align: center;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}


.homepageColumn:hover {
background: white;
}

.homepageColumn{
border: 1px solid #E0E0E0;
margin-bottom: 20px;
}

.homepage {
text-align: center;
}
.homepage H2 A {
text-decoration: none;
}

.homepage H2 {
text-align: center;
font-weight: normal;
border: none;
font-size: 29px;
line-height: 32px;
}



.calendar A {
text-decoration: none;
color: white;
}

.calendar {
float: left;
width: 40px;
border: 2px solid black;
border-top: 7px solid black;
background: #333333;
text-align: center;
color: white;
margin: 0 10px 10px 0;
padding: 0;
}


.calendar .day {
display: block;
font-weight: bold;
font-size: 22px;
line-height: 19px;
}

.calendar .month{
font-size: 12px;
display: block;
line-height: 14px;
}

.calendar .year {
font-size: 4px;
display: block;
line-height: 8px;
}

#footer {
color: #F7F7F7;
font-size: 12px;
line-height: 16px;
margin-bottom: 20px;
}

#footer A {
color: white;
text-decoration: none;
font-weight: bold;
}

#footer UL {
padding: 0;
margin: 0;
list-style: none;
}

#footer UL LI {
padding: 0;
margin: 0;
list-style: none;
border-bottom: 1px dotted #333333;
padding: 5px 0 5px 0;
overflow: hidden;
}

#headerLogo {
margin: 0 auto;
width: 999px;
padding: 20px 0 20px 0;
}

#footer H3 {
color: white;
padding: 0;
margin: 10px 0 10px 0;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid white;
}


#bodycontent {
background: white url(/img/white-bg.png);
}

#header {
   background: #333333 url(/img/header-fade.png) bottom;
}

#footer {
   background: #808080 url(/img/footer-fade.png) top repeat-x;
}
#footer .footerText  {
padding: 10px;
color: white;
text-align: right;
margin-top: 25px;
}

#header H1 {
color: #B3B0B0;
text-decoration: none;
border: none;
font-weight: bold;
font-size: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 20px 0;
text-align: left;
}

#header H2 {
text-align: left;
color: #B3B0B0;
text-decoration: none;
border: none;
font-weight: normal;
font-size: 16px;
line-height: 18px;
padding: 0 10px 0 10px;
margin: 20px 0 20px 0;
}

.pageContent {
text-align: justify;
margin-bottom: 20px;
}

PRE {
border-left: 3px solid #AEAEAE;
background: #000000;
font-size: 14px;
line-height: 14px;
color: white;
padding: 10px;
}



HR {
height: 1px;
border: none;
background: #CFCFCF;
margin: 20px 0 20px 0;
}

A {
color: black;
}

.pageContent {
line-height: 23px;
letter-spacing: 0.5px;
font-size: 16px;

}



.p10 {
    padding: 10px;
}

#footer P {
    padding: 0;
    margin: 0;
}

#mainnav {
    margin-bottom: 20px;
}

#mainnav UL {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mainnav UL LI {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mainnav UL LI {
    float: left;
}

#mainnav UL LI A {
    display: block;
    padding: 10px;
    color: white;
    text-decoration: none;
    font-weight: bold;
line-height: 12px;
    font-size: 16px;
    background: #333333;
margin-right: 4px;
}

#mainnav UL LI A:hover {
color: #333333;
background: none;
}

#mainnav UL LI A.active {
background: none;
color: #333333;
}


H2 {
color: #333333;
border-bottom: 2px solid #333333;
padding-bottom: 10px;
}

.pageNav {
margin-bottom: 20px;
}

.pageNav UL {
margin: 0;
padding: 0;
list-style: none;
}


.pageNav UL LI {
margin: 0;
padding:  0 0 0 10px;
list-style: none;
}

.pageNav UL LI.level_0 {
padding: 0;
}



.pageNav LI.first {
background: url(/img/side-arrow.png) no-repeat top left;
}

.pageNav UL LI A {
margin: 0 0 5px 0;
display: block;
padding: 2px;
background: #808080 url(/img/footer-fade.png) repeat-x;
color: white;
text-decoration: none;
}

.pageNav UL LI A:hover {
background: black;
}


.pageNav UL LI A.active {
    background: black;
}

.nicequote {
padding-left: 40px;
padding-right: 40px;
text-align: center;
font-weight: bold;
}



.formElement LABEL {
display: block;
font-weight: bold;
}

.formElement  {
margin-bottom: 10px;
}


.formElement .text,
.formElement .textarea {
font-family: Arial;
padding: 10px;
font-size: 16px;
width: 400px;
}

.formElement .textarea {
height: 130px;
}

.formElement .submit {
font-size: 16px;
background: #353434;
padding: 5px;
color: white;
}


.formElement .submit:hover {
font-size: 16px;
background: #353434;
padding: 5px;
color: white;
}



.three_image {
margin-bottom: 20px;
}

.two_image {
margin-bottom: 20px;
}

.one_image {
margin-bottom: 20px;
}


.image_right_image {
    float: right;
    margin: 0 0 20px 20px;
}

.image_left_image {
    float: left;
    margin: 0 20px 20px 0;
}



.block_right_block {
float: right;
width: 220px;
}

.block_right .block_right_block P
,.block_right_block UL
,.block_right_block OL {
width: auto;
text-align: left;
}



.narrow P
,.narrow UL
,.narrow OL {
width: 460px;
}

.narrow UL
,.narrow OL {
text-align: left;
}

.image DIV {
padding: 0 0 0 10px;
font-size: 12px;
background: #333333;
color: white;
}



.narrow UL LI {
margin-bottom: 10px;
}


.formElement .error {
color: #D60606;
display: block;
font-weight: bold;
font-size: 12px;
}

.plain_code_example,
.sql_code_example,
.css_code_example,
.php_code_example {
font-size: 11px !important;
}



.html_right_html {
    float: right;
    margin: 0 0 20px 20px;
    width: 460px;
}

.html_right_small_html {
    float: right;
    margin: 0 0 20px 20px;
    width: 220px;
}

.image_right_small_image {
    width: 220px;
    float: right;
    margin: 0 0 20px 20px;
}





.commentBlock {

border-top: 2px solid #333333;
padding-top: 20px;
font-size: 16px;
float: left;
margin-bottom: 20px;
width: 460px;

}

.authorBlock {
border-top: 2px solid #333333;
padding-top: 10px;
font-size: 16px;
float: left;
margin-bottom: 10px;
width: 460px;
margin-top: 20px;
font-size: 12px;
}



.authorBlock IMG {
float: right;
margin-left: 20px;
}



H1 {
color: #333333;
border-bottom: 2px solid #333333;
padding-bottom: 10px;
font-size: 22px;
}