@charset "utf-8";
/* Page Layout  */
#page_wrapper { min-width: 780px; max-width: 1200px; margin: 0 auto;}
#content_wrapper {border-top: solid 1px #e8e8e8; clear: both; width: 100%;}

#header { clear: both; min-height: 240px; border-bottom: solid 2px #e8e8e8; position: relative; }

/* Header Logo and banner  */
#title { clear: both; padding: 0 2%;}

	#logo { padding: 1em 0 1em 0; }
		#logo span.gwalia { font-size: 450%; color: black;}
		#logo span.procurement { font-size: 180%; color: #993333; padding: 0 0 0 3.5em; line-height: 0;}
		
	#slogan1 { font-size: 280%;}
	#slogan2 { font-size: 180%; padding: .5em 0 1em 0;color: #993333;}

#title_banner { position: absolute; bottom: 0; right: 0; z-index: 1;}

#breadcrumbs { padding: 1em 0; clear: both;}


/* Column Layout Styles */
.col {	float: left; }

/*  Center column Styles, for 3 cols, 2cols left and right aligned and Single column  */
.middle, .middle_twocols, .singlecol {}

.middle { width: 48%; 	padding: 0 2%; }
.middle_twocols { width: 70%; 	padding: 0 2%; }
.singlecol { width: 96%; 	padding: 0 2%; }


.LHS { width: 20%; padding: 0 2%;}
.RHS { width: 20%; padding: 0 2%;}

.LHS, .RHS, .middle, .middle_twocols, .singlecol { padding-top: 15px; padding-bottom: 30px; }

/* Footer Styling */
#footer { clear:  both; padding-top: 2em; padding-bottom: 2em; border-top: solid 2px #e8e8e8; margin: 0 2%;}
#footerL { width:  70%; float: left;}
#footerR { width:  30%; float: left; text-align: right;}