@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Tahoma, Arial, Verdana; font-size:100%; text-align:center; background:url(../images/background_div_bg.jpg) 0 272px repeat-x;}

p {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family:"Trebuchet MS"; color:#13699f;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:13px;}
h4 {font-size:12px; font-family:Tahoma, Arial, Verdana;}
h5 {font-size:10px; font-family:Tahoma, Arial, Verdana; color:#666666;}

h3.bigger-h3 {font-size:15px; color:#333333; font-weight:normal;}
h4.bigger-h4 {font-size:11px; font-weight:normal;}

a img {border:none;}

a {color:#13699f; text-decoration:underline;}
a:hover {color:#13699f; text-decoration:none;}

/* ============================================================
	Reusable classes.........
	Put all those classes that you will use again and again...
	==========================================================*/

.bold-text {font-weight:bold;}

.image-thumbnail {float:left; margin-right:10px; margin-top:10px;}

img.shadow {
	background: url('../images/shadow-1000x1000.gif') no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	margin:10px;
}
.clear-float:after {			/* this will clear the floated elements. works only in modern browsers */
	content: ".";				
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clear-float {					/* this will allow the clear-floar style to work in IE6 and belows */
	_height: 1%;
}

.float-left {					/* can be used several times to float, for example, an image to the left */
	float:left;
	margin-right:10px;			/* change the value as you need. */
}

.float-right {					/* this will also float an element to the right */
	float:right;
	margin-left:10px;
}

.float-center {					/* elements to float on the center must be contained in a div */
	margin:0 auto;				/* and apply this class on that div and not on the element */
	text-align:center;
}