.css-grd {



/* default background colour, for all layout engines that don't implement gradients */

background: #2a6da9; 

/* background: #ECD3AD; */





/* gecko based browsers - Firefox */

/* background: -moz-linear-gradient(top, #55aaee, #003366);*/

/* background: -moz-linear-gradient(top, #000066, #55aaee); */

   background: -moz-linear-gradient(top, #C28C3A, #ECD3AD);



/* webkit based browsers - Safari, Chrome */

/* background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366)); */

/* background: -webkit-gradient(linear, left center, right center, from(#000000), to(#ffffff)); */

/* background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#000066));  */

   background: -webkit-gradient(linear, left top, left bottom, from(#ECD3AD), to(#C28C3A)); 



/* ms ie */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C28C3A', endColorstr='#ECD3AD');



color: #000000; /* text colour by default (black) */

height: auto;   /* gradient uses the full height of the element */

padding: 1px;   /* distance from border edge to text */

}