body {

text-align:center;

font-family: verdana, arial, helvetica, sans-serif;

background-color: #ffffff;

padding: 0;

margin: 0;

color: #a0a0a0;

}



/* header - start */



#header {

width: 100%;

height: 80px;

background-color: #000000;
/*background-color: #0033CC; was this now FF0000 red now Black 000000*/

margin: 0 0 20px 0;

padding: 0;

background: url(images/header_bg.jpg);

background-repeat: no-repeat;

}

#header ul {

margin: 0;

padding: 50px 135px 0 0;

display: block;

float: right;

}

#header ul li {

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

font-size: 0.7em;

}

#header a {

color: #ddd;

text-decoration: none;

}

#header a:hover {

color: #fff;

text-decoration: underline;

}



#header img {

margin: 0;

padding: 8px 0 0 135px;

border: 0;

float: left;

}



/*container - start */



#container {

width:990px;

text-align:left;

background-color: #ffffff;
/*background-color: #ffffff; white*/

padding: 0;

margin: 0;

margin-left: auto;

margin-right: auto;

overflow: auto;

}



/* content left - main header - start */



#container #left_content {

float: left;

width: 800px;

margin: 0;

padding: 0;

}

#container #left_content .main {

float: left;

width: 800px;

height: 231px;

background-color:#ffffff;
/*background-color: #ffffff; white*/

background: url(images/home_main2.jpg);

background-repeat: no-repeat;

margin: 0 0 20px 0;

padding: 0;

}

#container #left_content .main h1 {
margin: 15px 20px 0 0;
padding: 0;
color: #000000;
/*0B2A5B; was blue 000000 is black*/
text-align: right;
}

#container #left_content .main p {
margin: 0;
padding: 10px 20px 5px 0;
float: right;
width: 340px;
clear: both;
font-size: 0.8em;
color: #000000;
/*0B2A5B; was blue 000000 is black*/
text-align: left;
}

/* content left - sub categories - start */

#container #left_content #submain {
width: 252px;
color: #000000;
/*0B2A5B; was blue 000000 is black*/
margin: 0 22px 15px 0;
padding: 0;
float: left;
}

#container #left_content #submain_right {
width: 252px;
color: #0B2A5B;
margin: 0 0 15px 0;
padding: 0;
float: right;
}

#container #left_content .sub_top {

float: left;

background: url(images/subcontent_top.gif);

background-repeat: no-repeat;

width: 252px;

height: 10px;

}

#container #left_content .sub_middle {

border: 1px solid #ddd;

background-color: #eee;

float: right;

width: 250px;

margin-bottom: 20px;




/*width: 250px;
background: url(images/subcontent_middle.gif);
background-repeat: repeat;
margin: 0;
padding: 0 10px 0 10px;
float: left;
width: 232px;
overflow: auto;
font-size: 0.85em;
height: 300px;*/
}

#container #left_content .sub_middle h2 {
margin: 0;
padding: 0 0 5px 0;
font-size: 1.6em;
color: #000000;
/*2F7AF2; is grey? Now made red FF0000 ? now black 000000*/
}
#container #left_content .sub_middle h2 a {
margin: 0;
padding: 0 0 5px 0;
color: #000000;
/*2F7AF2; is grey? Now made red FF0000 ? now black 000000*/
text-decoration: none;
}
#container #left_content .sub_middle h2 a:hover {
text-decoration: underline;
}

#container #left_content .sub_bottom {

margin: 0;

padding: 0;

background: url(images/subcontent_bottom.gif);

background-repeat: no-repeat;

float: left;

width: 252px;

height: 10px;

}



/* content right - start */



#container #right_content {

border: 1px solid #ddd;

background-color: #eee;

float: right;

width: 180px;

margin-bottom: 20px;

}

#container #right_content_nobg {

float: right;

width: 180px;

margin-bottom: 20px;


}

#container #right_content h2 {

margin: 0;

padding: 10px 10px 5px 10px;

color: #000000;
/*color: #FF0033 red #999999; #000000 black grey*/

font-size: 1.6em;

}

#container #right_content h3 {

margin: 0;

padding: 10px 10px 2px 10px;

color: #000000;
/*color: #999999; grey #000000 black*/

font-size: 1.0em;

}

#container #right_content p {

margin: 0;

padding: 2px 10px 10px 10px;

color: #000000;
/*color: #000000; grey*/

font-size: 0.7em;

line-height: 150%;

}

/* footer - start */



#footer {

width: auto;

background-color: #aaa;
/*background-color: #aaa; ?*/
margin: 20px 0 0 0;

padding: 15px 0 15px 135px;

color: #ffffff;

clear: both;

overflow: auto;

}

#footer h3 {

margin: 5px 0 10px 0;

padding: 0;

width: 800px;

font-size: 1em;

color: #fff;

text-align: left;

}

#footer p {

clear: both;

font-size:0.7em;

padding: 30px 0 0 0;

margin: 0;

text-align: left;

}

#footer a {

color: #ddd;

text-decoration: none;

}

#footer a:hover {

color: #fff;

text-decoration: underline;

}

#footer ul {

margin: 0;

padding: 0;

width: 320px;

float: left;

clear: right;

}

#footer ul li {

margin: 0;

padding: 0;

list-style-type: none;

font-size: 0.7em;

text-align: left;

}



/* extra classes - start */



p.text_right {

text-align: right;

}