.box-table-a {
font-family : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size : 12px;
margin : 5px;
width : 700px;
text-align : left;
border-collapse : collapse;
margin-bottom : 0;
margin-left : 5px;
}
.box-table-a th {
font-size : 13px;
font-weight : normal;
padding : 8px;
background : transparent;
color : #039;
}
.box-table-a td {
padding : 8px;
width : 340px;
color : #000000;
padding-bottom : 10px;
vertical-align : top;
padding-left : 25px;
font-size : 11px;

text-align : left;
  background: #FFFFFF
}
  #Box4, #Box5, #Box6 {
width: 225px;
min-height: 90px; /**non-IE browsers**/
_height: 150px; /**IE6 only**/
margin-bottom:20px;
height:90px;
background:#FFFFFF url(../images/boxb.png);
/**to reduce float drop issues in IE6**/
overflow: hidden;
word-wrap: break-word;
  padding-left: 5px;
  font-size: 20px;
  margin-top: 15px
}

 #Box1,  #Box3 {
width: 700px;
min-height: 220px; /**non-IE browsers**/
_height: 150px; /**IE6 only**/
margin-bottom:0px;
height:300px;
background:#FFFFFF;
/**to reduce float drop issues in IE6**/
overflow: hidden;
word-wrap: break-word;
  padding-left: 0px;
  margin-top: 10px
}
 #Box2 {
width: 240px;
min-height: 240px; /**non-IE browsers**/
_height: 150px; /**IE6 only**/
margin-bottom:15px;
height:280px;
background:#FFFFFF url(../images/box.png);
/**to reduce float drop issues in IE6**/
overflow: hidden;
word-wrap: break-word;
  padding-left: 0px;
  margin-top: 60px
}
#Box1 ul li{

  line-height: 26px;
  list-style: none;
     padding-left: 5px;
  margin-left:0px;
  font-size: 11px;
  padding-right: 1px;
  margin-top: 5px
}
#Box2 p{

 line-height: 26px;
  list-style: none;
     padding-left: 10px;

  font-size: 11px;
  padding-right: 10px;
  margin-top:0px
}
#Box3 ul li{

 line-height: 26px;
  list-style: none;
     padding-left: 5px;
  margin-left:0px;
  font-size: 11px;
  padding-right: 1px;
  margin-top: 5px
}

#Box1 h2,#Box3 h2 {
font-size: 16px;
	margin: 5px 0px 0px 4px;
	color: #550000;
  font-weight: normal;
  text-align: left
}
 #Box4 h4,#Box5 h4,#Box6 h4 {
font-size: 16px;
	margin: 5px 0px 0px 4px;
	color: #EEEEEE;
  font-weight: bold;
  text-align: left
}
#Box4 p, #Box5 p, #Box6 p{

 line-height: 26px;
  list-style: none;
     padding-left: 10px;

  font-size: 11px;
  padding-right: 10px;
  margin-top:0px;
  color: #FFFFFF
}
#Box4 a, #Box5 a, #Box6 a{
  color: #EEEEEE
}
#Box2 h4 {
font-size: 18px;
	margin: 2px 0px 0px 6px;
	color: #550000;
  font-weight: normal;
  text-align: left
}
#Boxcontent{ width:500px; position:relative; margin: 0 auto; clear:both; margin-left: 15px; margin-top: 0px }
#Box1 {float: left; margin-left: 5px;


 }


#Box2 {margin-left: 25px; float: left;}

#Box3 {margin-right: 5px;float: right;}

#Box4 {float: left; margin-left: 5px;


 }


#Box5 {margin-left: 25px; float: left;}

#Box6 {margin-right: 5px;float: right;}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 0px;
cursor:hand;
cursor:pointer;
font-weight: normal;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: normal;

padding: 10px;
  margin-left: 5px
}

div.eg-bar{
width: 600px;
}

.icongroup1{
width: 600px;
  margin-left: 5px
}
.box-table-b {

margin : 5px;
width : 650px;
text-align : left;
border-collapse : collapse;
margin-bottom : 0;
margin-left : 5px;
}
.box-table-b th {
font-size : 13px;
font-weight : normal;
padding : 8px;
background : transparent;
color : #039;
}
.box-table-b td {
padding : 8px;

color : #000000;
padding-bottom : 10px;
vertical-align : top;
padding-left : 0px;
font-size : 11px;

text-align : left;
  background: #FFFFFF
}
.box-table-c {
font-family : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size : 12px;
margin : 5px;
width : 720px;
text-align : left;
border-collapse : collapse;
margin-bottom : 0;
margin-left : 5px;
}
.box-table-c th {
font-size : 22px;
font-weight : bold;
padding : 8px;
background : transparent;
color : #039;
}
.box-table-c td {
padding : 8px;
width:710px;
color : #000000;
padding-bottom : 10px;
vertical-align : top;
padding-left : 5px;
font-size : 11px;

text-align : left;
  background: #FFFFFF;

}


.box-table-c p {
line-height : 18px;
padding-top : 10px;
padding-left : 5px;
padding-right : 5px;
  text-align: left
}