/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

BODY
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

H1, H2, H3, H4, H5, H6
{
   font-weight: normal;

}

BLOCKQUOTE
{
   border: 1px ridge #a5becb;
   padding: 10px;
   margin: 10px;
   background-image : url(image/image_blockquote.gif);
   background-repeat : repeat;
}

span{
  font-weight : bold;
}

img { border: 0; }

.center-field{
  text-align : center;
}

.yellow{
  background-color : yellow;
}

.red{
font-size:20px;
  font-weight : bold;
  color : red;
   padding: 10px;
   margin: 10px;
}

strong{
  font-weight : normal;
}

/* link color */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

#banner A {  text-decoration: none; 
  color : white;
  font-weight : bold;
}
#banner A:HOVER { color : #ffff93; }



/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; 
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
/* */


/* page layout */

BODY {
    min-width: 780px;
    text-align: center; /* center on ie */
    margin: 0px auto;
    padding: 0;
    font-size : 12px;
    line-height : 15px;


  background-image : url(image/image_body-back.jpg);
  background-repeat : repeat-x;background-position : center bottom;}

#container-back{
    margin: 0px auto;
    padding: 0;


  background-image : url(image/image_top-back-780.jpg);
  background-repeat : repeat-x;background-position : center top;}

#container-outline{
    margin: 0px auto;
    padding: 0;
  width : 820px;
  background-image : url(image/image_cotainer-back780.gif);
  background-repeat : repeat-y;
}

#container
{
    position: relative;
    width: 780px;
    _width: 782px;
    margin: 0 auto;
    text-align: left;
    padding : 0px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-left-color : #99999a;
    border-right-color : #99999a;
    background-color : white;

}


#banner {
    position: relative;
    margin: 0 auto;
    width: 780px; /* necessary for ie win */
    height : 480px;
  background-image : url(image/image_banner-780.jpg);
}


#banner H1
{

    color: #fff;
    font-size: 18px;
    font-weight : bold;
    padding-left : 15px;
    padding-top : 15px;


  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}


#banner h2{
    width: 100%;
    margin: 0;
    color : white;
    font-size: 12px;
    padding-left : 15px;
    font-weight : normal;
}



.link-u{
  text-align : right;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}


/* content */

#pagebody
{
     position: relative;
     width: 780px;
     text-align: center;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : -333px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  

  background-color : white;
  background-image : url(image/image_pagebady-780.jpg);
  background-repeat : no-repeat;
background-position : right bottom;
}

#blog
{
     display: inline; /* ie win bugfix */
     position: relative;
     float : left;
     min-height: 1px;
     text-align: left;
     width : 570px;
  background-image : url(image/image_blog-back.jpg);
  background-repeat : no-repeat;background-position : left top;}

.ad-space
{
    float: right;
    margin-top : 10px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : auto;
}

.entry 
{ 
    line-height : 20px; 
    margin: 5px 2px 25px; 
    letter-spacing : 2px;
}

.entry-header
{
    margin: 10px 0;
    text-align: left;
    
    font-weight : bold;
    padding-left : 50px;
    font-size : 16px;
    width : auto;
    padding-top : 0px;
    padding-bottom : 2px;
  background-image : url(image/image_entry-header.gif);
  background-repeat : repeat;
  height : 40px;
  
  line-height : 40px;
}

.entry-inner-header{
    font-size : 16px;
    font-weight : bold;
    border-left-width : 8px;
    border-bottom-width : 1px;
    border-left-style : double;
    border-bottom-style : dotted;
    border-left-color : gray;
    border-bottom-color : gray;
    padding-left : 10px;
    padding-bottom : 3px;
    clear : both;
    margin-top : 20px;
}


.entry H3{
  margin-top : 35px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 20px;
}

.entry h4
{ 
    font-weight : bold;
  margin-top : 35px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 20px;
}

.entry-index{
  padding-top : 5px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  border-width : 1px;
  border-style : dotted;
  border-color : purple;

}

.entry-footer
{
    margin: 5px 10px 0 0;
    border-top: 1px dotted #dae0e6;
    padding: 5px 0;
    font-size: 10px;
    text-align: right;
    clear : both;
}

.right{
    float : right;
    margin-left : 5px;
}

.left{
    float : left;
    margin-right : 5px;
}

.list-space{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  border-width : 1px 1px 1px 1px;
  border-style : dotted dotted dotted dotted;
  border-color : blue blue blue blue;
  float : right;
  width : 300px;
}

/* modules (sidebar)*/

#links{ 
    display: inline; /* ie win bugfix */
    position: relative;
    float : right;
    text-align: left;
    width: 200px;
}

#links .pkg {
    position: static;
    display: block;
    clear: both;
    padding: 5px;
}


.sidetitle
{
    width: auto;
    margin: 10px 0 0;
    padding : 2px 2px 2px;padding-left : 24px;
    font-size: 14px;
    text-align : left;
    font-weight: bold;
    
  background-image : url(image/image_side-title.gif);
  height : 38px;
  line-height : 30px;
}

.side {
    margin: 0;
    font-size: 12px;
    padding : 10px 10px 10px;padding-left : 18px;
    line-height: 1.5;
    border-right-width : 1px;
    border-bottom-width : 1px;
    
    border-right-style : dotted;
    border-bottom-style : dotted;
    
    border-right-color : #e8e8e8;
    border-bottom-color : #e8e8e8;
    
  background-image : url(image/image_side.gif);
  background-repeat : repeat-y;background-position : left center;}

.whats-new{
    font-size : 12px;
    font-weight : bold;
    padding : 0px;
    margin-top : 5px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
}

.side-inner-title{
  font-size : 12px;
  font-weight : bold;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
  background-color : #f6f6f6;
}

.side ul
{
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}

.side li
{
    margin : 1px 0px;
    padding : 0px;
    text-decoration: underline; 
}

.side li a
{
    text-decoration: underline; 
    font-weight: normal;
}

.side P{
  margin-top : 5px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1px;
}

.pr-link{
  font-size : 10px;
  font-weight : normal;
  text-decoration : none;
  text-align : right;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  clear : both;
}


/* footer */

#footer
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 780px; 
    height : 148px;
    text-align: center;
    font-size: 0.8em;
    clear: both;
    line-height: 60px;


  background-image : url(image/image_footer-780.jpg);
  background-repeat : no-repeat;
}

#footer-inner1{
    margin: 0;
    padding: 0;
    width: 780px; 
    height : 118px;
    text-align: center;
    font-size: 0.8em;
    line-height: 60px;
}

#footer-inner2
{
    margin: 0;
    padding: 0;
    width: 780px; 
    height : 30px;
    text-align : right;
}


.banner_area{
  background-image : url(banner-back500.gif);
  text-align : center;
  width : 500px;
  height : 124px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
  
border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : gray gray gray gray;
  clear : both;
}
.banner_area-inner{
  padding-top : 32px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.side h6{
  font-weight : bold;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 15px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
