*{border: 0;margin: 0;}

body{ background-color: #000000; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666666;}

#main{ margin: 0 auto; width: 1000px;}


#logo{padding-left: 50px; text-align: left; margin-bottom:15px; font-style: italic;
font-size: 26px; color: #FCBA64; font-weight: bold; font-family:'Courier New', 'Algerian','Century Gothic';}

#logo1{ text-align:right;padding-right:50px;margin:0; margin-top:15px;
font-style: italic;
font-size: 26px; color: #FCBA64; font-weight: bold; font-family:'Courier New', 'Algerian','Century Gothic';}

#content{ border:1px dashed #666; padding: 10px;}

#left{ float:left; padding: 10px; clear: both; }

.part { float:left; width:30.3%; padding:1%; border:1px solid gray; font-size:11px; 
	margin-bottom:20px; }
	.part1{margin-left:1.2%;}

.wnr { clear:both; padding:10px; border:1px solid gray; font-size:14px; margin-top:20px; text-align:center; }

.wn { margin:18px; font-size:18px; }

#right {float: right; padding: 10px; clear: both;}

.padding {padding: 10px; color:#FF0000; font-weight: bold;}
img{ width:100%;}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
  #main {width:100%}
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .part {width:30.1%}
}
@media only screen and (min-width: 0) and (max-width: 600px) {
  .part {width:100%; float:none;}
  .part div img{width:30%; float:left; margin-right:1em;}
  .part1 {margin-left: 0}
  .wn {font-size:12px;}
}

@media only screen and (min-width: 0) and (max-width: 320px) {
  .part div img{width:50%;}
  .wn {font-size:10px;}
  .part div p{font-size:10px;}
}