/*

	Template ID 2 - Stylesheet

	http://www.layoutica.com

	

*/



* {

padding : 0;

margin : 0;

}

body {

background : #ffffff;

font-family :   Arial, sans-serif;

font-size : 8pt;

color : #585858;

}

.rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }

ul { list-style-position: inside; margin-left: 2px }

ul li { list-style-type: square; margin-left: 15px;  }

ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }



input, textarea {

border : 1px solid #aaa;

}

input:hover, textarea:hover {

border : 1px solid #888;

}

img {

border : 0;

float : left;

margin-right : 10px;

}

a {

color : #0000cc;

text-decoration : none;

background : 

}

a:hover {

text-decoration : underline;

}

blockquote {

margin : 0 0 15px 30px;

border-left : 3px solid #8adf88;

padding : 0 0 0 8px;

}

input, textarea {

border : 1px solid #aaa;

}

input:hover, textarea:hover {

border : 1px solid #888;

}

input.text {

color : #000000;

border : 1px solid #e6e6e6;

background : inherit;

}

textarea.text {

font-size : 8pt;

border : 1px solid #e6e6e6;

}

input.text:hover, textarea.text:hover {

border : 1px solid #d6d6d6;

}

form {

display : inline;

margin : 0;

padding : 0;

}

.date {

color : #000;

font-weight : bold;

background : transparent;

}

.green {

color : #cc0000;

}

.bigl {

font-size : 1.2em;

}

.bold {

font-weight : bold;

}

#header h1 {

background : #fafafa;

font-family : Century Gothic, Verdana, Arial, sans-serif;

font-size : 3em;

color : #000000;

font-weight : normal;

padding : 0;

margin : 0;

}

#content {

padding : 0;

margin : 15px auto;

width : 800px;

background : #ffffff;

}

#header {

margin : 0;

padding : 0;

width : 100%;

background : inherit;

color : #585858;

height : 66px;

}

#header .slogan {

color : #868686;

margin : 0;

padding : 0;

background : #fafafa;

font : bold 1em "Tahoma", Verdana, Arial, sans-serif;

padding-left : 2px;

}

#header .topong {

background : #fafafa url(images/topaff2.jpg) no-repeat bottom;

height : 66px;

width : 159px;

float : right;

}

#header .topong .pad {

padding :20px;

}

#header .topong .txt {

padding : 5px;

color : #a5a5a5;

}

#header h4 {

font : bold 1em "Tahoma", verdana, Arial;

}

#header h4 a {

color : #585858;

}

#header h4 a:hover {

text-decoration : none;

}

#menu {

margin : 0 0;

padding : 1px;

background : #B90000;

color : #fff;

width : 100%;

height : 24px;

border : solid 1px #FFCACA;

}

#menu .pad {

padding-top : 5px;
padding-bottom: 5px;

}

}

#menu a, #menu a:visited {

color : #fff;

text-decoration :none;

background : inherit;

}

#menu a:hover {

color : #fff;

text-decoration :underline;

background : inherit;

}


#menu .submit {

vertical-align : bottom;

}

#menu .submit ul {

margin : 0;

padding : 0 10px 0 0;

list-style : none;

}

#menu .submit li {

display : inline;

margin : 0;

padding : 0;

}

#menu .submit a {

float : left;

background : transparent;

margin : 0;

padding : 0 0 0 0;

text-decoration : underline;

color:#ffffff;
}

#menu .submit a span {

float : left;

background : ;

color : #fff;

font-weight : bold;

display : block;

padding : 0 15px 0 15px;

margin-right : 2px;

}

#menu .submit a span {

float : none;

}

#menu #search {

float : right;

background : inherit;

margin-top : 0;

padding : 0;

margin-right : 10px;

margin-top : -4px;

}

#menu #search input.text {

background : url(images/input.gif) no-repeat top;

width : 110px;

border : 0;

padding : 2px 0 0 3px;

}

#menu #search input.txt {

color : #fff;

font-weight : bold;

border : 0;

background : transparent;

cursor : pointer;

}

#modules {

margin-top : 10px;

height : 190px;

}

#modules #mod3 {

background : #fafafa url(images/topgreybox.jpg) no-repeat top;

height : 185px;

width : 258px;

float : right;

margin-top : 5px;

}

#modules #mod2 {

background : #fafafa url(images/topgreybox.jpg) no-repeat top;

height : 185px;

width : 258px;

float : right;

margin-right : 3px;

margin-top : 5px;

}

#modules #mod1 {

background : #fafafa url(images/topgreybox.jpg) no-repeat top;

height : 185px;

width : 258px;

float : left;

margin-top : 5px;

}

#modules .padding {

padding : 13px 20px 10px 20px;

}

#modules img {

border : 0px solid #d3d3d3;

float : left;

margin-bottom : 15px !important;

margin-bottom : 5px;

}

#modules .price {

color : #cc0000;

font : bold 2em "Tahoma", verdana, Arial;

padding : 15px 35px 0 0;

float : right;

text-align : right;

}

#modules .only {

color : #000000;

font : bold 0.4em "Tahoma", verdana, Arial;

}

#modules .text {

font : bold 1em "Tahoma", verdana, Arial;

width : 100%;

float : left;

color : #000000;

text-align : justify;

}

#modules h2 {

font : bold 1.7em "Tahoma", verdana, Arial;

color : #cc0000;

background : transparent;

margin-bottom : 4px;

}

#modules h2 a {

color :  #cc0000;

background : transparent;

}

#modules h2 a:hover {

text-decoration : underline;

color : #cc0000;

}

#maincontent {

background : #ffffff;

font :  1.3em "Times New Roman", verdana, Arial;

color : #000000;



}

#maincontent #graph {

margin-top : 15px;

background : #fafafa url(images/statgraph2.jpg) no-repeat left;

width : 203px;

height : 156px;

float : left;

}

#maincontent p {

margin-top : 10px;

font :  1.2em "Times New Roman", verdana, Arial;

color : #000000;

}

#maincontent img {

float : left;

margin : 10px 10px 10px 0;

}

#maincontent .readm {

color : #0000cc;

font-weight : bold;

background : inherit;

}

#maincontent h1{

font :  1.6em "Franklin Gothic Medium", verdana, Arial;

color : #000000;

background : transparent;

margin-bottom : 0px;

border-bottom : 0px dashed #000000;

}

#maincontent h2 {

font : bold 1.8em "Franklin Gothic Medium", verdana, Arial;

color : #585858;

background : transparent;

margin-bottom : 4px;

border-bottom : 1px solid #e3eaef;

}

#maincontent #introduction {


margin: 0px 0 10px 0px;

width : 99%;

background : url("about_us_back.jpg") top right no-repeat;

text-align :justify;

color : #000000;

padding : 5px;

border-bottom: 5px solid #ffffff;
}


#maincontent #introduction a {#0000ff;
}

#maincontent #introduction .padding {

padding : 15px;
}

#maincontent #introduction h1{

font :  1.6em "Franklin Gothic Medium", verdana, Arial;

color : #000000;

background : transparent;

margin-bottom : 0px;

border-bottom : 0px dashed #000000;

} 



#maincontent #introduction2 {


margin: 0px 5px 5px 0px;

width : 99%;

background :  #B90000;

text-align :justify;

color : #000000;

padding : 5px;

border-bottom: 1px solid #E4E4E4;

}

#maincontent #introduction2 .padding {

padding : 10px;

}


#maincontent #rightside {

border: 1px solid #000000;

float : right;

width : 220px;

background : #F2FFD5;

padding : 10px;

margin : 0 0 10px 0;

}

#maincontent #rightside h2 {

margin-bottom : 5px;

}

#maincontent #leftside {

background : inherit;

margin-right : 10px;



width : 775px;

}

#maincontent #leftside .r {

float : right;

width : 250px;

text-align : justify;

margin-bottom : 15px;

margin-right : 10px;
}



#maincontent #leftside  h2 {3em "Century Gothic", verdana, Arial;

color : #000000;}






#maincontent #leftside .pad {

padding : 0px 0 15px 0;

text-align : justify;

}



#maincontent #leftside .le {
width : 550px;

text-align : justify;

margin-bottom : 15px;

}




 

#footer {



margin-top :25px;

background : #000000;

color : #fff;

width : 100%;

height : 24px;

border : solid 1px #000000;
float : left;

}