html 			{ height: 100% }
body 			{ height: 100%; background: #fff; color: #000; position: relative;
				  background: url(images/bg-home.GIF) center repeat-y;font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; }

/*-------------- Typography --------------*/

h1, h2, h3, h4, h5, h6
 				{ font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; 
				  margin-bottom: 18px; color: #ee7f00 }
				  
h1				{ color: #ee7f00; font-weight: bold }
h2				{ font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #000 }
				  
li				{ margin-bottom: 0 }

p, label, th, td, dd, dt, select, li, span
				{ font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; 
				  margin-bottom: 18px }				  

pre, code		{ font-size: 11px; line-height: 18px; margin-bottom: 18px;
				  font-family: "Courier New", Courier, monospace }


/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color: #003986 }
a:hover			{ text-decoration: underline; color: #ee7f00 }
a img			{ border: 0 }

/*------------ Global Classes ------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 !important }
.noMargin		{ margin: 0 !important }
.noBorder		{ border: none !important }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }

/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{display: block }
/* End hide from IE-mac */