

body{background:#E0E0E0  ;
 /* background gray color */
margin:0px;
padding:0px;
text-align:center; /* Necessary for centering the page */
color:#33f; /*  Font color */
}

/* Link Behaviour of the links in the boxes */
A:link {color:#00f; 
   font-weight : normal;
font-size:11px;
   text-decoration : underline; /* no underline below link */
    }

/*  Behaviour of visited links*/
A:visited {color:#369;
   font-weight : bold;
font-size:11px;
   text-decoration : underline;
    }
/* Behaviour of active links */
A:active {color : #369;
   font-weight : bold;
   text-decoration : none;
    }
/* behaviour of links on Mouse Hover  */
A:hover {
   color : #369;
font-size:11px;
   text-decoration : none;
    }

/* Central Container for both columns */
#container{/*border:1px solid #999;  1px width of the container border ,grey*/
Width:780px; /* total width of container*/
margin-left:auto;/* Centering the container*/
margin-right:auto;/* Centering the container*/
padding:0; height:100%;
}

#head{
width:780px;/* total width of header*/
background-repeat:no-repeat;/*  image is dispayed only once =no-repeat*/
height:160px;/* height of image */
/*background-color:#fff; /* background color before image loads */
background-image:url(images/logo_hucks780x151.jpg);/*  url of background image */
}
/* includes all 3 columns contents */

#maincontent{background-color:#fff;
width:780px;/* total width */float:left;border:1px solid #999;}

/* left column */
#leftcolumn{width:225px;
float:left;/* align it to the left of the container */
background-color:#fff;
/*background-image:url(images/mid_left_bg.jpg);/*  url of background image */
}

/*  central column*/

#content{width:766px;
text-align:justify;font-size:13px;
font-family:verdana,arial,sans-serif;
margin:0;padding-left:2px;padding-right:2px;line-height:1.3em;
/* border-left:2px solid #9cf;  blue color border on left side of central column*/
/* border-right:2px solid #9cf;/*  blue color border on right side of central column*/
float:left; /* Float the content to the left of the column*/
overflow:auto; /* Dispaly scroll bar if necessary*/
overflow-x:hidden; /* hide the horizontal scroll bar*/
background-color:#fff;padding-left:5px;
padding-right:5px;
}


/* Paragraph formatting*/

p{padding-left:10px;padding-right:10px;  /* space on all sides of the content*/
text-align:justify; /* align equally on both sides*/
 /* height of each line*/
font-size:12px;
font-family:verdana,arial,sans-serif;
}

/* para formatting for the boxes contents*/ 
p.sp{padding:1px;
text-align:justify;
line-height:1.3em;
font-size:10px;
font-family:verdana,arial,sans-serif;color:#69f;
}

/*H1 header formatting*/
h1{
font-size:15px;font-weight:bold;
font-family:verdana, arial, sans-serif;
color:#900;padding-left:1px;padding-right:5px;display:inline;
}
h2{
font-size:13px;font-weight:bold;
font-family:verdana, arial, sans-serif;
color:#06f;padding-left:10px;color:#000;  
}
/* H1 tag in the content formatting*/
h1.inner{line-height:1.8em;
font-weight:normal;
vertical-align:top;
display:inline;
font-size:13px;
margin:0; /*Removes the margin around the h1 tag*/
float:left;/* Float it to the left*/
padding:5px;
font-family:verdana,arial,sans-serif;color:#fc7;}

/*H2 tag in the content formatting*/
h2.inner{line-height:1.8em;
font-weight:normal;vertical-align:top;display:inline;
font-size:11px;margin:0;float:left;padding:0;
font-family:sans-serif;color:#ffc;}

h3{line-height:1.8em;
padding-left:10px;
font-family:sans-serif;color:#fc7;}

/*General Box formatting class applies to all boxes*/



.box{
height:225px;/*width of the box*/
overflow:auto;/* display scroll bar if necessary*/
margin-left:auto;margin-right:auto;/* center the box in the column*/
overflow-x:hidden;/*hide the horizontal scroll bar*/
/*background-image:url(images/clouds2.gif);/*  url of background image */
background-color:#fff; color:#000;font-size:10px;
font-family:verdana,arial,sans-serif;text-align:justify;padding:3px;
}

/* Small Banner Heading of CSS box*/
.topheading{background-color:#fe0127;
height:25px;width:230px;
background-image:url(images/cssbox_header.jpg);/*  url of background image */
color:#000;font-weight:bold;
text-align:center;
font-size:13px;}

/* Large banner heading of CSS box*/
.topheading2{background-color:#fe0127;
height:30px;width:230px;
background-image:url(images/cssbox_header30px.jpg);/*  url of background image */
color:#000;font-weight:bold;
text-align:center;
font-size:12px;}


/*Announcement box*/
#box1{width:225px;}

/*Special Offer box*/
#box2{width:225px;color:#000;}


/*Story One box*/
#box3{width:225px;background-color:#fff;
  } 

/*Footer formatting*/
#footer{background-color:#ffcc77;float:right;
background-image:url(images/footer781x35.png);/*  url of background image */
width:780px;padding-left:0px;padding-right:0px;color:#fff;height:35px;
text-align:center;
font-size:12px; color:#fff;
background-repeat: no-repeat

}

B, strong {
   font-weight:bold;font-size:13px;
padding:5px;
 color:#fe0127;
}
B.black, strong.black {
   font-weight : bold;
color:#33f;font-size:13px;
}
/*Formating floating branding box*/

td{background-color:#ccccff;
color:#666;padding:0px;font-size:13px;
}

/*Formating table column
td{background-color:#fc7;
color:#900;padding:5px;font-size:13px;}*/
/*Formatting table header*/
th{background-color:#fc7;
color:#990000;padding:5px;font-size:15px;font-weight:bold;}

/*Formating of the alternate table columns*/
td.row1{background-color:#ccc;color:#000;font-weight:bold;text-align:left;}
td.row2{background-color:#fff;color:#000;font-weight:bold;text-align:left;}

#images{text-align:center;}