/* CSS Document */

/*main*/
body {font-family: Arial, Helvetica, sans-serif; font-size:0.7em; margin: 0 ; padding: 0px; background:#ffffff url("/images/body-bg.gif") no-repeat top left; color: #414447;}

a:link, a:visited { text-decoration: none; color:#a20808; font-weight: bold;}
a:hover, a:active {text-decoration: none; color:#740707;}

h1 {font-size: 0.9em;font-weight:normal;color:#414447;margin: 10px 0px 15px 0px;padding: 0px;  }
h2 {font-size: 1.3em;font-weight:normal;color:#434242;margin: 10px 0px 10px 0px;padding: 0px;}
h3 {font-size: 1.3em;color:#ab0d0d;margin: 0px 0px 2px 0px;padding: 6px 0px 6px 0px; }
h4 {font-size: 1.3em;font-weight:normal;color:#9d0404;margin: 0px;padding: 6px 0px 6px 10px; background:url("/images/h4-bg.gif") no-repeat top left; }
h5 {color:#2974ae;font-size: 1.1em;margin: 0px;margin-right: 4px;padding: 3px;background: #c1daef;}
h6 {text-align: left;color:#1286c2;font-size: 1.2em;margin: 0px;padding: 0px;}

#container { margin: auto; width: 920px; background: url("/images/topbar-bg.gif") no-repeat top center;}
#wrapper { background: url("/images/wrapper-bg.gif") repeat-x bottom left; }

#logo {height: 155px;}

/*panel*/
#panel { height:250px; background: url("/images/panel-bg.gif") no-repeat top center; clear: both; padding-left: 10px;}
#panel-left { padding:70px 0px 0px 0px; float: left; width:500px;}
#panel-left p {margin:0px; padding:0px 0px 0px 30px; font-size:1.1em; color: #ffffff; }
#panel-left p.bottomlink { height: 36px; margin:50px 5px 15px 0px; font-size: 18px; text-transform: uppercase; width: 333px; padding-left: 15px;}
#panel-left p.bottomlink a {display:block; background: url("/images/howhelplink-bg.gif") no-repeat top left; height: 29px; color: #ffffff; padding: 12px 0px 7px 20px; font-weight: normal;}
#panel-left p.bottomlink a:hover { color:#d5d3d3; background-position: bottom left;}

#panel-right { float: right; width: 326px; margin: 0px; padding: 53px 40px 0px 0px;}
#panel-right ul { margin: 0px; padding:0px;}
#panel-right li { list-style: none; margin: 0px 0px 4px 0px; padding: 0px; height: 31px;}
#panel-right li a { padding: 8px 0px 8px 35px; color: #ffffff; display: block; font-size: 1.1em; height: 15px; margin: 0px; background: url("/images/panelnavli-bg.gif") no-repeat top left;}
#panel-right li a:hover {background-position: bottom left;}
#panel-right a:hover { color:#dcdada;}
#panel-right li a.bottom {background: url("/images/panelnavlibot-bg.gif") no-repeat top left;}
#panel-right li a.bottom:hover {background-position: bottom left;}

/*horizontal-nav*/
#horinav { background: url("/images/horinav-bg.gif") no-repeat top center; height: 75px; margin: 0px;}
#horinav ul {font-size: 1.1em; margin:0px; padding:13px 0px 0px 25px;}
#horinav li {float:left; padding: 0px; margin: 0px; list-style: none; background: url("/images/horinavli-bg.gif") no-repeat top right; margin-right: 10px;}
#horinav a {display:block; background: url("/images/horinava-bg.gif") no-repeat top left; padding: 8px 18px 8px 18px; font-weight:normal; color:#ffffff;}
#horinav a:hover {color: #dcdada;}

/*leftside*/
#leftside {float: left; width: 225px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 10px;}
#leftside h3 { color: #ffffff; background: url("/images/leftside-h3.gif") no-repeat top left; height: 26px; margin: 0px; font-weight: normal; padding: 7px 0px 0px 10px;}
#leftside p { padding: 10px; margin: 0px 0px 10px 0px; background:#ffffff;}
.box {background: #dedddd; border: 1px solid #c7c5c5; border-top: none; margin: 0px 0px 10px 0px; padding: 15px; width: 193px;}
.date { color:#a7a5a5; }
#leftside p.botlink { height: 32px; margin:0px; font-size: 12px; width: 195px; padding: 0px; background: none; text-align: right;}
#leftside p.botlink a {display:block; background: url("/images/left-botlink.gif") no-repeat top left; height: 20px; color: #ffffff; padding: 7px 25px 5px 0px; font-weight: normal;}
#leftside p.botlink a:hover { color:#d5d3d3; }

/*rightside*/
#rightside {float: right; width: 660px; margin: 0px; padding: 0px 10px 0px 0px;}
#rightside h2 { color: #ffffff; background: url("/images/rightside-h2.gif") no-repeat top left; height: 26px; margin: 0px; font-weight: normal; padding: 7px 0px 0px 10px;}
#rightside h4 { color: #ffffff; background: url("/images/rightside-h2.gif") no-repeat top left; height: 26px; margin: 0px; font-weight: normal; padding: 7px 0px 0px 10px;}
#rightside .contentbox { background: #eeecec; border: 1px solid #d2d0d0; border-top: none; margin: 0px 0px 10px 0px; padding: 15px; text-align: justify; }
#rightside p.rightlink { height: 32px; margin:0px 0px 0px 370px; font-size: 12px; width: 258px; padding: 0px; background: none; text-align: right; clear: both;}
#rightside p.rightlink a {display:block; background: url("/images/rightlink.gif") no-repeat top left; height: 20px; color: #ffffff; padding: 10px 35px 9px 0px; font-weight: normal;}
#rightside p.rightlink a:hover { color:#d5d3d3; }

#rightside .recentcontent { background: #eeecec; border: 1px solid #d2d0d0; border-top: none; margin: 0px 0px 10px 0px; padding: 15px 0px 15px 15px;}
#rightside .recentbox {background: url("/images/recentbox-bg.gif") no-repeat top left; float: left; width:200px; margin: 0px 0px 10px 0px; padding: 0px 14px 0px 0px;}
#rightside .recentbox img {margin: 15px 0px 0px 15px; border: 6px solid #e4e2e3;}
#rightside .recentbox img:hover { border: 6px solid #d1cfd0;}
#rightside .recentbox p.link { height: 34px; margin: 7px 0px 0px 0px; font-size: 12px; width: 200px; padding: 0px; background: none; text-align: right;}
#rightside .recentbox p.link a {display:block; background: url("/images/recentlink-bg.gif") no-repeat top left; height: 20px; color: #ffffff; padding: 7px 35px 7px 0px; font-weight: normal;}
#rightside .recentbox p.link a:hover { color:#d5d3d3; }
#rightside p.rightlinkred { height: 32px; margin:0px 0px 0px 370px; font-size: 12px; width: 258px; padding: 0px; background: none; text-align: right; clear: both;}
#rightside p.rightlinkred a {display:block; background: url("/images/rightlink-red.gif") no-repeat top left; height: 20px; color: #ffffff; padding: 10px 35px 9px 0px; font-weight: normal;}
#rightside p.rightlinkred a:hover { color:#d5d3d3; }

/*footer*/
#footer { background: url("/images/footer-bg.gif") no-repeat top center; height:351px; clear: both; padding-left:10px;}
#footer ul {margin:0px; padding: 140px 0px 0px 10px; color: #696767; height: 125px;}
#footer li {margin: 0px 0px 10px 10px; list-style: none; width: 280px; padding: 0px; float: left;}
#footer li a {font-weight:normal; padding: 4px 0px 4px 10px; color: #ffffff; background:url("/images/footerli-bg.gif") no-repeat top right; display: block; font-size: 1em; }
#footer li a:hover {background-position: bottom right;}
#footer p {color: #ffffff; clear: both; margin-left: 20px;} 

/*portfolio*/

.rightimage
{
    padding: 0;
    margin-left: 8px;
    margin-bottom: 2px;
    float: right;
    border: solid 1px #444444;
}

input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size:1em;}

/*social networking */  
  
.socialicon   
{
    vertical-align:middle;border:none
}