/* CSS Document */

body,html{
height:100%;
width:100%;
}
body {
margin:0px;
padding:0px;
background-color:#EBEBE4;
min-width:768px;
text-align:left;
background-image:url(images/footer2_bg2.gif);
background-repeat:repeat-y;
background-position:left;
}

#wrap{
width:768px;
background-image:url(images/wrap_bg.gif);
background-repeat:repeat-y;
margin:0px;
padding:0px;
}
#wrap2 {
width:756px;
margin:0px;
padding:0px;
}

/* navigation ------------------------------------------ */
div#header_nav{
width:740px;
height:25px;
margin:0;
padding:10px 0 0 0;
clear:none;
}

div#header_nav a{
background-image:url(images/header_home.gif);
background-repeat:no-repeat;
background-position:left 0px;
width:53px;
margin:0;
padding:10px 0 0 0;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#9C0404;
font-size:9px;
text-decoration:none;
text-align:center;
}

#nav {
width:756px;
margin:0;
padding:0px;
}

#navbg{
display:block;
background-image:url(images/header_bg1.gif);
background-position:bottom;
background-repeat:repeat-x;
width:756px;
height:10px;
margin:0;
padding:0;
font-size:8px;
}


#topnav{
list-style-type:none;
padding:0;
margin:0;
}

#topnav li {
float:left;
margin:0px;
padding:0;
}

#topnav li a {
margin:0;
padding:0;
background-repeat:no-repeat;
background-position:bottom left;
display:block;
float:left;
height: 20px;
width: 108px;
text-decoration:none;
color:#999999;
}

#topnav li a#menu1{
background-image:url(images/menu1.gif);
text-indent:-2000px;
}
#topnav li a#menu1:hover{
background-image:url(images/menu1_o.gif);
text-indent:-2000px;
}

#topnav li a#menu2{
background-image:url(images/menu2.gif);
text-indent:-2000px;
}
#topnav li a#menu2:hover{
background-image:url(images/menu2_o.gif);
text-indent:-2000px;
}

#topnav li a#menu3{
background-image:url(images/menu3.gif);
text-indent:-2000px;
}
#topnav li a#menu3:hover{
background-image:url(images/menu3_o.gif);
text-indent:-2000px;
}

#topnav li a#menu4{
background-image:url(images/menu4.gif);
text-indent:-2000px;
}
#topnav li a#menu4:hover{
background-image:url(images/menu4_o.gif);
text-indent:-2000px;
}

#topnav li a#menu5{
background-image:url(images/menu5.gif);
text-indent:-2000px;
}
#topnav li a#menu5:hover{
background-image:url(images/menu5_o.gif);
text-indent:-2000px;
}

#topnav li a#menu6{
background-image:url(images/menu6.gif);
text-indent:-2000px;
}
#topnav li a#menu6:hover{
background-image:url(images/menu6_o.gif);
text-indent:-2000px;
}

#topnav li a#menu7{
background-image:url(images/menu7.gif);
text-indent:-2000px;
}
#topnav li a#menu7:hover{
background-image:url(images/menu7_o.gif);
text-indent:-2000px;
}
#topnav li a#menu8{
background-image:url(images/menu8.gif);
text-indent:-2000px;
}
#topnav li a#menu8:hover{
background-image:url(images/menu8_o.gif);
text-indent:-2000px;
}




#topnav li ul.dropdown{
display: none;
position: absolute; 
top:69px;
left:0px;
background-image:none;
list-style-type:none;
text-decoration:none;
color:#CCCCCC;
}

#topnav li:hover ul.dropdown,#topnav li.over ul.dropdown {
left:-40px;
display:block;
width:107px;
background-color:#F8F8F8;
float:left;
background-image:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#D2D2D2;
border-right-style:solid;
border-right-width:1px;
border-right-color:#D2D2D2;
}

#topnav li:hover ul.dropdown a,#topnav li.over ul.dropdown a{
display:block;
padding-left:10px;
width:97px;
color:#9C0404;
height:20px;
}

#topnav li:hover ul.dropdown a:hover,#topnav li.over ul.dropdown a:hover{
background-color:#9C0404;
color:#ffffff;
}

/* logo -------------------- */
#logo{
clear:both;
float:left;
margin:0px;
padding:0px;
}

#logo a{
display:block;
width:216px;
height:216px;
background-image:url(images/logo.gif);
text-indent:-2000px;
}

/* welcome -------------------- */
#welcome{
float:left;
margin:0px 1px 0px 0px;
padding:40px 25px 0px 25px;
width:165px;
height:176px;
background-color:#9C0404;
background-image:url(images/welcome_text.gif);
background-repeat:no-repeat;
background-position:14px 15px;
}
#welcome p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:0px;
padding:0px;
}



/* headerimg ----------------- */
#headerimg {
float:left;
margin:0px;
width:324px;
height:216px;
padding:0px;
background-image:url(images/header_img.jpg);
background-repeat:no-repeat;
}
/* wrap3 ----------- */
#wrap3 {
clear:both;
width:756px;
}

/* leftcol --------------------- */
#leftcol {
margin:0px;
padding:0px;
background-image:url(images/leftcol_bg2.gif);
background-repeat:repeat-y;
width:217px;
float:left;
}

#leftcol h2{
padding:5px 0 0 0;
margin:0px 0px 0px 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#9C0404;
}

#leftcol p{
padding:0px;
margin:3px 10px 10px 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:15px;
}

#leftcol p a {
color:#000000;
text-decoration:none;
}

#leftcol p a:hover{
text-decoration:underline;
}

#leftcol h1{
display:block;
margin:0;
background-image:url(images/leftcol_title1.gif);
background-repeat:no-repeat;
width:216px;
height:24px;
text-indent:-2000px;
font-size:9px;
}

/* main content ---------------- */
#main_index {
width:509px;
float:right;
background-image:url(images/about_img.jpg);
background-repeat:no-repeat;
background-position:320px 75px;
padding-left:30px;
padding-top:30px;
margin-bottom:20px;
}

#main_index h1{
font-size:14px;
display:block;
height:14px;
text-indent:-2000px;
margin:0;
padding:0;
background-image:url(images/about_text.gif);
background-repeat:no-repeat;

}
#main_index p{
margin:0;
background-color:#F9F9F9;
padding:15px 20px 20px 20px;
float:left;
width:235px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:17px;
}
/* footer --------------------- */
#footer {
padding:5px 20px 0 0;
clear:both;
width:748px;
height:20px;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:right;
}

#footer2 {
width:768px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
text-align:center;
padding-top:10px;
padding-left:70px;
}

#footer2 a {
text-decoration:none;
color:#666666;
}

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





a.readmore {
display:block;
width:63px;
height:11px;
background-image:url(images/readmore.gif);
text-indent:-2000px;
font-size:5px;
margin:0 20px 0 auto;
}

a.readmore:hover{
background-image:url(images/readmore_o.gif);
}