body {
padding : 0px 0 0px 0;
margin :  0px 0 0px 0;
font-size : .8em;
line-height : 1.3em;
background : #fff url(../images/bg.jpg) repeat-x top;  /* url(../images/bg.jpg) repeat-x top; */
}

a {
color : #20395e;
background : inherit;
text-decoration : none;
}
a:hover {
color : #1f4301;
background : inherit;
text-decoration : underline;
}
p {
margin : 6px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}

h2 {
font : bold 1.6em Arial, Sans-Serif;
/* letter-spacing : -1px; */
}

h3 {
padding : 2px 0;
margin : 0;
color : #1f4301;
font-family: Verdana, Sans-serif;
}

ul {
margin : 0;
padding : 0;
}

ol {
margin : 0px 25px 0px;
padding : 0;
}

img {
border : 0;
}

hr {
height : 1px;
border-style : none;
color : #d0d0d0;
margin : 3px 0;
}

.content {
margin : 0 auto;
width : 900px;
}

#breadcrumbs {
   padding-top : 7px;
   border-bottom: 1px solid silver;
   padding-bottom : 1px;
   width: 480px;
}

#top {
padding-top : 0px;
background : transparent;
height: 80px;
}
#top h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #B7B7B7;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#top .left1{
   position: relative;
   float: left;
   left: 0px;
   width: 185px;
   padding-top: 25px;
}
#top .left2{
   position: relative;
   float: left;
   font: .82em Arial, Sans-Serif;
   line-height: 1.0em;
   border-bottom: 0px dashed #ccc;
   font-weight: bold;
   left: 5px;
   right: 5px;
   width: 235px;
}
#top .right{
   position: relative;
   float: right;
   right: 0px;
   width: 470px;
   padding-top: 15px;
}

#menu {
float: left;
margin : 0;
height : 34px;
padding-top : 0;
width: 680px;
}
#menu li {
font-family: Arial, Sans-Serif;
list-style : none;
display : inline;
line-height : 34px;
}
#menu li a {
text-decoration : none;
margin : 0;
padding : 9px 7px 10px 7px;
font-weight : bold;
color : #fff;
border: 1px;
border-collapse: collapse;
border-left: #B7B7B7 solid;
}
#menu li a:hover {
color : #fff;
background : #B7B7B7;
margin : 0;
}
#menu li a.current {
background : #B7B7B7;
color : #fff;
}

#main {
width : 900px;
margin : 0;
padding : 0;
}

#right_side {
float : right;
width : 415px;
background : #ffffff url(../images/topr4.png) no-repeat top left;
overflow : hidden;
}
#right_side .pad {
padding : 40px 10px 10px 15px;
}

#right_side .leads {
font: 10px arial; color: #000; line-height : 1.2em;
}

#right_side a {
background : inherit;
text-decoration : none;
}
#right_side h3 {
color : #949494;
font : bold 1.2em Arial, Sans-Serif;
margin-top : 0px;
line-height: 15px;
}

#right_side li {
font : 1em "Lucida Grande",Tahoma,Arial,sans-serif;
line-height: 1.25em;
padding-bottom: .2em;
}

/*URL: http://www.dynamicdrive.com/style/ */

#right_side .pad .arrowlistmenu{
width: 180px; /*width of menu*/
}
#right_side .pad .arrowlistmenu2{
width: 400px; /*width of menu*/
margin-bottom: 15px;
}
#right_side .pad .arrowlistmenu2 .POP1{
   position: relative;
   float: left;
   left: 0px;
   width: 82px;
}
#right_side .pad .arrowlistmenu2 .POP2{
   position: relative;
   float: left;
   left: 5px;
   width: 74px;
}
#right_side .pad .arrowlistmenu2 .POP3{
   position: relative;
   float: left;
   left: 10px;
   width: 74px;
}
#right_side .pad .arrowlistmenu2 .POP4{
   position: relative;
   float: left;
   left: 15px;
   width: 76px;
}
#right_side .pad .arrowlistmenu2 .POPright{
   position: relative;
   float: right;
   right: 0px;
   width: 74px;
}

#right_side .pad .rss-box{
width: 400px; /*width of menu*/
}


#right_side .pad .arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
#right_side .pad .arrowlistmenu2 .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#right_side .pad .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
#right_side .pad .arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 15px; /*bottom spacing between each UL and rest of content*/
}
#right_side .pad .rss-box ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#right_side .pad .arrowlistmenu ul li{
font-family: Verdana, Sans-Serif;
padding-bottom: 2px; /*bottom spacing between menu items*/
}
#right_side .pad .arrowlistmenu2 ul li{
font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
padding-bottom: 0px; /*bottom spacing between menu items*/
}
#right_side .pad .rss-box ul li{
font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
padding-bottom: 0px; /*bottom spacing between menu items*/
}

#right_side .pad .arrowlistmenu ul li a{
color: #20395e;
background: url(/resim/icon/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

#right_side .pad .arrowlistmenu2 ul li a{
color: #20395e;
/*background: url(/resim/icon/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 100%;
background-color: #f9f9f9;
}

#right_side .pad .rss-box ul li a{
color: #20395e;
/*background: url(/resim/icon/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 100%;
background-color: #f9f9f9;
}

#right_side .pad .arrowlistmenu ul li a:visited{
color: #20395e;
}
#right_side .pad .arrowlistmenu2 ul li a:visited{
color: #20395e;
}
#right_side .pad .rss-box ul li a:visited{
color: #20395e;
}

#right_side .pad .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #1f4301;
background-color: #F3F3F3;
}
#right_side .pad .arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #1f4301;
background-color: #F4F4FF;
}
#right_side .pad .rss-box ul li a:hover{ /*hover state CSS*/
color: #1f4301;
background-color: #F4F4FF;
}

/*URL: http://www.dynamicdrive.com/style/ */

.REKLAM{
   position: relative;
   float: left;
   width: 400px;
   font-family: "Lucida Grande",Tahoma,sans-serif;
   margin-bottom: 15px;
   padding-bottom: 5px;
   padding-top: 5px;
   background-color: #F6F6F6;
   border-bottom: solid 3px silver;
   border-top: solid 3px silver;
}
.REK1{
   position: relative;
   float: left;
   text-align: center;
   font-size: 120%;
   left: 4px;
   width: 125px;
   height: 125px;
   background-color: #D8DFEA;
   border: dashed 1px silver;
}
.REK2{
   position: relative;
   float: left;
   text-align: center;
   font-size: 150%;
   left: 12px;
   width: 125px;
   height: 125px;
   background-color: #F9F9F9;
   border: dashed 1px silver;
}
.REK3{
   position: relative;
   float: right;
   text-align: center;
   font-size: 150%;
   right: 4px;
   width: 125px;
   height: 125px;
   background-color: #F9F9F9;
   border: dashed 1px silver;
}

#twitter_div ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 15px;
margin-top: 0px;  
}

#twitter_div ul li{
font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
padding-bottom: 2px;
padding-top: 2px;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 100%;
background-color: #f9f9f9;
}

a.page {
   background: #20395E;
   border: 1px solid #20395E;
   padding: 1px 2px;
   color: #fff;
   text-decoration: none;
}

a:hover.page {
   background: #F9F9F9;
   border: 1px solid #20395E;
   padding: 1px 2px;
   color: #000;
   text-decoration: none;
}
.pageselected {
   border: 1px solid #20395E;
   background: #fff;
   padding: 1px 2px;
   color: #20395E;
}

.paginator {
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 480px;
   height: 20px;
   background: #D8DFEA;
}

.FBlike{
   position: relative;
   float: left;
   width: 480px;
   margin-bottom: 2px;
   background-color: #D8DFEA;
   padding-top: 7px;
}
.FB1{
   position: relative;
   float: left;
   left: 0px;
   width: 308px;
   height: 30px;
   padding-left: 1px;
}
.FB2{
   position: relative;
   float: right;
   right: 0px;
   width: 170px;
   height: 30px;
}

#left_side {
background : inherit;
margin-bottom : 0px;
width : 480px;
font-family: Verdana, Sans-Serif;
}

#left_side ul {
margin : 0px 5px 0px;
padding : 0px 0px 0px;
}

#left_side li {
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 12px;
color : #000000;
}

#left_side .intro {
height : 80px;
color : #fff;
overflow : hidden;
}

#left_side .intro .pad {
padding : 10px 0 0 0;
}

#left_side .intro a {
text-decoration : none;
}

#left_side .intro a:hover {
text-decoration : underline;
}

#left_side .mpart {
padding : 10px 0 0 0;
font-family: Verdana, Sans-Serif;
}

#left_side .mpart h2 {
background : url(../images/lrline.gif) no-repeat bottom left;
margin: 0 0 4px 0;  padding: 0 0 0px 0;
font : bold 1.4em trebuchet MS, Arial, Sans-Serif;
}

#left_side h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Arial, Sans-Serif;
}

#left_side p {
padding : 0;
text-align : justify;
}

#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}

#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
padding : 10px;
}

#footer {
clear : both;
padding: 2px 0 0 0;
margin : 0.5em 0 0 0;
color : #000;
font : 0.86em Arial, Sans-Serif;
}

#footer a {
text-decoration : none;
background : #fff;
}

#bigfooter {
width : 100%;
background : #fff url(../images/bg_alt.jpg) repeat-x top;
clear : both;
padding: 0px 0 0 0;
margin : 0em 0 0 0;
color : #000;
border-top: 0px solid #ccc;
font: .86em Arial, Sans-Serif;
}

img { border: none; }

#google {
background : url(../resim/formBg.png) no-repeat top left;
margin: 0 0 4px 0;  padding: 0 0 1px 0;
font : 1.5em Georgia, Arial, verdana, Sans-Serif;
}

#search { 
   float: right;
   padding-top: 5px;
   padding-right: 3px;
}
#search p { padding: 0; margin: 20px 12px 0 0; }

#rss { float: right; text-align: right; }
#rss li { float: left; margin: 0 0 0 10px; }

fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #f5fce2; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }

/* indents icons in sitemap, archive & res_links_sm - this package only. */
.icon_indent { margin-left: 20px; }

textarea { width: 90%; height: 20em; padding: 3px;}

/* For custom keyrocks' admin panels mod only */
.admpanel { border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 90%; height: 20em; padding: 3px;}

/* for admin tip panel (expandable) */
.tip_panel { width: 85%; border : 1px solid #ccc; font: normal 12px arial; background : #fff; padding : 10px; }
.tip_panel b { color: maroon; padding-top:0.2em; }
.expand { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }
#preview { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color: #567404; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #e6eed2; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }

/* extra box for extra 2 & extra 2 blocks, above & below the center content */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }
/* Philmoz, Expandable Categories, Oct.29.07 */
.expandacat { padding: 0px 0px; margin: 0 0 0px 0; text-decoration: none; } /* background: #fff; color: #0066B3;  */
.expandaArticles {padding: 0px 2px; margin: 0 0 10px 10px; color: #000; font-size:85%; line-height:1.3em; text-decoration:none;}