/* CSS Document */
body {margin: 0; padding: 0; text-align: center; background-image: url(img/background.gif);  background-repeat: repeat-x; color: #000; font-family: Tahoma, Verdana; font-size: 11pt; background-color: #d9d9d9; width: 850px; margin-left: auto; margin-right: auto;}

div {}
a {text-decoration: none;}
h1 {margin: 0; margin-left: 20px; padding-top: 15px; font-size: 18pt; color: #444}
h2 {margin: 0; margin-left: 20px; margin-top: 5px; color: #666; font-size: 13pt;}
h3 {margin: 0; margin-left: 20px; padding-top: 10px; font-size: 14pt; color: #444}
p {margin: 10px; margin-left: 20px; color: #333; font-family: Verdana, Tahoma; text-align: justify; line-height: 140%}
 
#container {margin-top: 10px}

#top {width:850px; height: 150px; background-image: url(img/logo.jpg); background-repeat: no-repeat;}

#menu {height: 40px; width: 848px; background-image: url(img/menu_bg.gif); background-repeat: repeat-x; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
    #menu ul {width: 846px; margin: 0; padding: 1px; list-style: none; } 
    #menu li {display: block; position: relative; float: left; border-right:1px solid #ccc;}
    #menu li a {float: left; padding: 12px 5px 10px 5px; font-size: 11pt; color: #444; font-weight: bold; } 
    #menu li:hover a, #menu li a:hover, #menu li a:focus, #menu li a:active {background-color: #fff; color: #444;}


#content {width:850px; background-image: url(img/content_bg.gif); background-repeat: repeat-y; text-align: left;}
    #content p{margin-right: 30px; }
    #content ul{list-style-type:none; margin:30px;padding:0;}
    #content ul li{margin:0; padding:0 0 0 15px; background: url(img/check_point_new.gif) no-repeat 0% 0%;}
    
    #content .comment{ margin: 15px; margin-left: 35px; margin-right: 35px; border: 1px solid #ccc; background-color: #F5F5F5;
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;    /* Konqueror */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px;}
    
    #content .comment span{padding: 20px; font-size: 11px;}
    
    #content .comment_form_container{position:relative; margin: 15px; margin-left: 35px; margin-right: 35px; border: 1px solid #ccc; background-color: #F5F5F5;
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;    /* Konqueror */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px;}
    
    #content .comment_form_container_header{background-color: #ccc; margin-bottom: 10px;
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;    /* Konqueror */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px;}
    
    #content .comment_form_container_header p{padding: 5px; margin: 0; font-weight: bold;}
    
  #text {float: left; width: 520px;}
    #text ul{list-style-type:none; margin:0;padding:0;}
    #text li{margin:0; padding:10px 0 0 30px; background: url(img/check_point_big.gif) no-repeat 0% 20%;}
 
  #go1 {float: right; margin-right: 20px; margin-top: 20px; padding-left: 10px; width:290px; height:140px; background-image: url(img/go1.gif); background-repeat: no-repeat;}
    #go1 a {font-size: 20pt; font-weight: bold; color: #fff;}
    #go1 a:hover {margin-top: 10px; font-size: 20pt; font-weight: bold; color: #fff; text-decoration: underline;}
  #go2 {float: right; margin-right: 20px; margin-top: 10px; padding-left: 10px; width:290px; height:140px; background-image: url(img/go2.gif); background-repeat: no-repeat;}
    #go2 a {font-size: 20pt; font-weight: bold; color: #fff;}
    #go2 a:hover {font-size: 20pt; font-weight: bold; color: #fff; text-decoration: underline;}
  #go3 {float: right; margin-right: 20px; margin-top: 10px; padding-left: 10px; width:290px; height:140px; background-image: url(img/go3.gif); background-repeat: no-repeat;}
    #go3 a {vertical-align: middle; font-size: 20pt; font-weight: bold; color: #fff;}
    #go3 a:hover {font-size: 20pt; font-weight: bold; color: #fff; text-decoration: underline;}

#bottom {width:850px; height: 60px; background-image: url(img/bottom.gif); background-repeat: no-repeat;}
    #bottom ul {width: 848px; margin: 0;  padding: 10px; list-style: none; } 
    #bottom li {display: block; position: relative; float: left; border-right:1px solid #ccc;}
    #bottom li a {float: left; padding: 12px 10px 10px 10px; font-size: 11pt; color: #555; font-weight: normal; } 
    #bottom li:hover a, #bottomli a:hover, #bottom li a:focus, #bottom li a:active {color: #555; text-decoration: underline;}
    
#footer {width:850px; height: 30px;}
  #footer p{font-size: 7pt; color: #999 ;text-align: justify; padding-bottom: 5px;}