@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------
0. BROWSER RESET
----------------------------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-size:95%; font-family:Tahoma, Arial, sans-serif; line-height:1.5em; color:#5c5c5c}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
table {border-collapse:collapse;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
img { border: 0 none; background: none }
a{ text-decoration:none; color:#353535}
a:hover{ text-decoration:none;}
a:focus {outline: none;}

/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right}
.red{ color:#c33131}
.black{ color:#000}
.bt{ font-weight:bold}
.it{ font-style:italic}
/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
#wrapper{ width:900px; margin:0 auto; height:100%; }

#logo{ width:450px; float:left}
#contact_header{ width:440px; float:left; text-align:right; margin:10px 0 0 0}
#contact_header a{ font-size:90%; padding:0 0 0 10px}
/*main picure*/
#top_nav{ width:auto; clear:both; background:url(../images/menu.gif) left top no-repeat; height:48px}
#main_pic{ background:url(../images/main_image.jpg) left top no-repeat; height:198px; border-top:3px solid #000; border-bottom:solid 15px #c33131}
#main_pic h1{ display:none}
.pic_parag{ color:#fff; font-style:italic; line-height:1.5em; width:267px; font-weight:bold; margin:120px 0 0 22px; font-family:Arial, Helvetica, sans-serif}
/*top navigation*/
#top_nav ul { list-style-type:none; margin:0px 0px ;padding:17px 0; line-height:1em; text-align:center }
#top_nav ul li{ display:inline; margin:10px; padding:0 7px }
#top_nav ul li a{ padding:10px  5px 10px 3px; font-weight:bold; font-size:90%; color:#646464 }
#top_nav ul li a:hover{ color:#c33131}
#current a{ color:#c33131!important}
/* -----------------------------------------------
2. CONTENT
----------------------------------------------- */

#content{ width:900px; padding:10px auto 30px auto; clear:both; text-align:left; margin:10px 0 40px }
/* -----------------------------------------------
3.1 CONTENT left
----------------------------------------------- */
#left_col{ width:200px;float:left;display:inline;margin:0;}
#left_col h1{ width: auto; background:url(../images/heading_bg.gif) top left no-repeat; height:31px; padding:4px 0 0 10px; text-transform: uppercase}


#left_nav{ margin:10px 0 0 0 ; }
.cat_nav{ width:189px; list-style-type:none; border: 1px solid #c7c7c7;  padding:0; margin:0; background:#e1e1e1}
.cat_nav li a{ background:url(../images/arrow.gif) left top no-repeat; display: block; width:auto; padding:0 0 0 24px; border-bottom: solid 1px #f0f0f0; font-size:90%; height:22px}
.cat_nav li a:hover{ background:url(../images/arrow.gif) left top no-repeat #f5f5f5;}
/**/

/* -----------------------------------------------
3.2. CONTENT middle
----------------------------------------------- */
#midle_col{width:460px;float:left;display:inline;margin:0px 0 0 12px; }

#midle_col h1{ background:url(../images/headings.jpg) left top no-repeat; width:257px; height:49px; color:#c33131; font-family:Arial; font-style:italic; padding:12px 0 0 10px; font-size:17px}
#midle_col img{  padding:10px}
#midle_col p{ margin:10px 3px}

/* -----------------------------------------------
3.3. CONTENT right
----------------------------------------------- */
#right_col{ width:200px; float:left;display:inline;margin:0 0 0 18px;  padding:0 0 0 10px; }
#right_col h1{ width:auto; background:url(../images/headings_r.jpg) top left no-repeat; height:30px; padding:4px 0 0 10px; text-transform: uppercase; }

#right_col h3{ padding: 5px 12px}
#right_col p{ padding:0px 0 0 12px; width:auto; font-size:82%}
#right_col img{ padding:10px 0 0 0; }
.read_more{ display:block; text-align:right; padding:0; margin:0}
.read_more a{text-decoration:underline;}
.download span{ display:block; width:130px; float:right;  margin:10px 0 0 3px; cursor:pointer }
.download img{ float:left}
.download a:hover{ color:#c33131!important}

/* -----------------------------------------------
4. FOOTER
----------------------------------------------- */
#footer{ width:100%; clear:both; height:95px; border-top:solid 3px #e6e6e6; text-align:center; font-size:80%}


/*IE correctins*/