body {
	margin: 4;
	padding: 0;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: dimgray;
	background-color: white;
	text-align: center;
}

h1 { 	font-size: 11pt; }

a:link, a:visited {
	color: darkblue;
	text-decoration: none;
	background-color: transparent;
}

input.text { font-family:'Trebuchet MS',Verdana,sans-serif,Arial,Helvetica;font-size:7pt;height:18px; }

#topheader {
	width: 768px;
	height: 20px;
  text-align: right;
  margin: 0 auto; 
}

#logo {
	width: 768px;
  text-align: left;
  margin: 0 auto; 
}

#stripwraper {
	width: 100%;
	height: 120px;
  text-align: left;
  margin: 0 auto;
	background-color: gainsboro;
}

#strip {
	width: 768px;
	height: 120px;
  text-align: right;
  margin: 0 auto; 
}

#menu {
	width: 768px;
	height: 20px;
  text-align: right;
  margin: 0 auto; 
}

#blogs  {
	width: 768px;
  text-align: left;
  margin: 0 auto;
}

.leftblog {
  float:left;
  width:360px;
  padding: 8px;
  margin:8px auto;
  text-align: left;
  border: 1px #CCCCCC dashed;
	}

.rightblog {
  float:right;
  width:360px;
  margin:8px auto;
  padding: 8px;
  text-align: left;
  border: 1px #CCCCCC dashed;
	}

.contents  {
	width: 768px;
	height: 240px;
  text-align: right;
  margin: 0 auto;
}

.morecontents  {
	width: 768px;
	height: 190px;
  text-align: right;
  margin: 0 auto;
}
 
.leftcontent {
  float:left;
  width:360px;
  height:100%;
  padding: 8px;
  margin:8px auto;
  text-align: right;
  border: 1px #CCCCCC dashed;
	}

.rightcontent {
  float:right;
  width:360px;
  height:100%;
  margin:8px auto;
  padding: 8px;
  text-align: right;
  border: 1px #CCCCCC dashed;
	}

.col1{
   height:100%;
   width: 21%;
   left: 101%
   overflow: hidden;
   float: left;
   position: relative;
   margin:8px 8px 8px auto;
   padding: 8px;
   text-align: right;
   border: 1px #CCCCCC dashed;
}
.col2{
   height:100%;
   width: 22%;
   left: 53%
   overflow: hidden;
   float: left;
   position: relative;
   margin:8px 8px 8px auto;
   padding: 8px;
   text-align: right;
   border: 1px #CCCCCC dashed;
}
.col3{
   height:100%;
   width: 22%;
   left: 80%
   overflow: hidden;
   float: left;
   position: relative;
   margin:8px 8px 8px auto;
   padding: 8px;
   text-align: right;
   border: 1px #CCCCCC dashed;
}
.col4{
   height:100%;
   width: 22%;
   left: 82%
   overflow: hidden;
   float: left;
   position: relative;
   margin:8px 0px 8px auto;
   padding: 8px;
   text-align: right;
   border: 1px #CCCCCC dashed;
}

#footer {
	width: 768px;
	height: 20px;
  text-align: center;
  margin: 60px auto; 
}