/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and within these from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
/* main container that is centred */
#uber
{
	width: 960px;
	margin: auto auto;
}

/* header that contains a logo and navigation */
#header
{
	width: 960px;
	height: 113px;
	margin-top: 25px;
	position: relative;
}
#menu
{
	width: 710px;
	height: 19px;
	overflow: hidden;
	position: absolute;
	top: 63px;
	right: 0px;
	text-align: right;
}

/* gold bars that wrap the top and bottom of the main content area */
#goldtop
{
	width: 960px;
	height: 11px;
	overflow: hidden;
	background: url(/images/bkgnd_goldtop.gif) top left no-repeat;
}
#goldbottom
{
	width: 960px;
	height: 11px;
	overflow: hidden;
	background: url(/images/bkgnd_goldbottom.gif) top left no-repeat;
	clear: left;
}

/* footer with copyright, links and eSolutions logo */
#footer
{
	width: 960px;
	height: 44px;
	position: relative;
	padding-top: 19px;
	text-transform: uppercase;
	font: 11px/14px Arial,Helvetica,sans-serif;
	color: #FFF;
}

/* added for the Economic Sectors image at the bottom of the page. */
#econsec
{
	width: 360px;
	height: 28px;
	position: absolute;
	right: 22px;
	top: 22px;
	padding: 0px;
	overflow: hidden;
}
/*border: 1px dashed red;}*/

#esolutions
{
	width: 190px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
}

/* STYLES HOME PAGE ONLY */
/* main content area, fixed height per design */
#content
{
	width: 938px;
	height: 373px;
	background: url(/images/bkgnd_content.gif) top left repeat-y;
	padding: 0px 11px;
}
/* three columns, the left one with some absolutely positioned content divs inside */
#lefthome
{
	float: left;
	width: 467px;
	height: 373px;
	background: url(/images/bkgnd_home_left.jpg) top left no-repeat;
	position: relative;
}
#introtext
{
	position: absolute;
	top: 88px;
	left: 50px;
	height: 115px;
	width: 370px;
	overflow: hidden;
	font: 13px/18px Arial,Helvetica,sans-serif;
	color: #FFF;
}
#intronewsl
{
	position: absolute;
	top: 247px;
	left: 50px;
	height: 96px;
	width: 150px;
	overflow: hidden;
	font: 12px/15px Arial,Helvetica,sans-serif;
	color: #FFF;
}
#intronewsr
{
	position: absolute;
	top: 247px;
	left: 230px;
	height: 96px;
	width: 180px;
	overflow: hidden;
	font: 12px/15px Arial,Helvetica,sans-serif;
	color: #FFF;
}
#centrehome
{
	float: left;
	width: 76px;
	height: 373px;
	overflow: hidden;
}
#righthome
{
	float: left;
	width: 395px;
	height: 373px;
	overflow: hidden;
}

#img11
{
	position: absolute;
	top: 20px;
	left: 0px;
}
#img12
{
	position: absolute;
	top: 20px;
	left: 62px;
}
#img13
{
	position: absolute;
	top: 20px;
	left: 120px;
}
#img21
{
	position: absolute;
	top: 57px;
	left: 0px;
}

/*6D250C*/

/* STYLES FOR CONTENT PAGES ONLY */
/* main content area, fixed height per design */
#contentarea
{
	width: 938px;
	background: url(/images/bkgnd_contentarea.gif) top left repeat-y;
	padding: 0px 11px;
	float: left;
}
#left
{
	float: left;
	width: 367px;
	padding: 50px 50px 36px 50px;
	font: 12px/15px Arial,Helvetica,sans-serif;
	color: #000;
}
#centre
{
	float: left;
	width: 236px;
}
#right
{
	float: left;
	width: 186px;
	padding: 94px 14px 30px 35px;
	background: url(/images/bkgnd_content_right.gif) top left no-repeat;
}
#rightPartners
{
	float: left;
	width: 186px;
	padding: 94px 14px 30px 35px;
	background: url(/images/bkgnd_Partners_right.gif) top left no-repeat;
}
/* and an empty version of the right column that removes the top Sections name */
#rightempty
{
	float: left;
	width: 186px;
	padding: 94px 14px 30px 35px;
}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
/* "NEWS" links on the home page in the left column */
#intronewsr a, #intronews a:link, #intronews a:visited
{
	text-decoration: none;
	color: #ECC96F;
	font-weight: bold;
}
#intronewsr a:hover, #intronews a:active
{
	text-decoration: underline;
	color: #ECC96F;
	font-weight: bold;
}
#intronewsl a, #intronews a:link, #intronews a:visited, #lefthome a, #lefthome a:link, #lefthome a:visited
{
	text-decoration: none;
	color: #ECC96F;
	font-weight: bold;
}
#intronewsl a:hover, #intronews a:active
{
	text-decoration: underline;
	color: #ECC96F;
	font-weight: bold;
}
/* right columns links on the content pages */
#right a, #right a:link, #right a:visited
{
	text-decoration: none;
	color: #ECC96F;
	font-weight: normal;
}
#right a:hover, #right a:active
{
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
#rightPartners a, #right a:link, #right a:visited
{
	text-decoration: none;
	color: #ECC96F;
	font-weight: normal;
}
#rightPartners a:hover, #right a:active
{
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
/* links in the footer area */
#footer a, #footer a:link, #footer a:visited
{
	text-decoration: none;
	color: #FFF;
	padding: 0px 5px;
}
#footer a:hover, #footer a:active
{
	text-decoration: none;
	color: #ECC96F;
	padding: 0px 5px;
}

/* TABLE STYLES FOR CONTENT PAGES */
/* these are styled tables inside the left column/div of the content pages */
#left table
{
	width: 367px;
	border: 0;
	border-bottom: 1px solid #F0E9E6;
}
#left table tr.odd
{
	background-color: #F8F4F3;
}
#left table td
{
	padding: 4px;
	font: 12px/15px Arial,Helvetica,sans-serif;
	color: #000;
	text-align: left;
}

/* CSS NAVIGATION STYLES FOR TOP NAV MENU using DaveyJJ's method of moving background images */
#navtab1 a
{
	display: block;
	width: 173px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu1.gif) 0 0 no-repeat;
}
#navtab1 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab1on, #navtab1on a, #navtab1on a:hover
{
	display: block;
	width: 173px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu1.gif) 0px -19px no-repeat;
}
#navtab2 a
{
	display: block;
	width: 150px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu2.gif) 0 0 no-repeat;
}
#navtab2 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab2on, #navtab2on a, #navtab2on a:hover
{
	display: block;
	width: 150px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu2.gif) 0px -19px no-repeat;
}
#navtab3 a
{
	display: block;
	width: 92px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu3.gif) 0 0 no-repeat;
}
#navtab3 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab3on, #navtab3on a, #navtab3on a:hover
{
	display: block;
	width: 92px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu3.gif) 0px -19px no-repeat;
}
#navtab4 a
{
	display: block;
	width: 97px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu4.gif) 0 0 no-repeat;
}
#navtab4 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab4on, #navtab4on a, #navtab4on a:hover
{
	display: block;
	width: 97px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu4.gif) 0px -19px no-repeat;
}
#navtab5 a
{
	display: block;
	width: 125px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu5.gif) 0 0 no-repeat;
}
#navtab5 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab5on, #navtab5on a, #navtab5on a:hover
{
	display: block;
	width: 125px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu5.gif) 0px -19px no-repeat;
}
#navtab6 a
{
	display: block;
	width: 73px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu6.gif) 0 0 no-repeat;
}
#navtab6 a:hover
{
	background-position: 0px -19px;
	text-decoration: none;
}
#navtab6on, #navtab6on a, #navtab6on a:hover
{
	display: block;
	width: 73px;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/menu6.gif) 0px -19px no-repeat;
}

/* ----- end structure template ----- */