/* structure_content.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. */

/* -----  THIS STRUCTURE STYLE SHEET IS USED ONLY FOR CONTENT PAGES ----- */
/* ----- comment styles well for better reference later! ----- */

/* this styles the content pages to have a distinct body attribute different than the home page */
#bodycontent {
	background: url(/images/bkgnd_content.jpg) top left no-repeat #000066;
}

/* main navigation tab div and CSS-based rollovers for the content pages */
#navtab {
	height: 43px; background-color: #4760A5; margin: 0; padding: 0; overflow: hidden;
}
#navtab1 a {
		display: block; width: 249px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab1 a:hover {background-position: 0px -43px;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 249px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.jpg) 0px -43px no-repeat; text-decoration: none;
}
#navtab2 a {
		display: block; width: 252px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab2 a:hover {background-position: 0px -43px;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 252px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.jpg) 0px -43px no-repeat; text-decoration: none;
}
#navtab3 a {
		display: block; width: 252px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.jpg) 0 0 no-repeat; text-decoration: none;
}
#navtab3 a:hover {background-position: 0px -43px;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 252px; height: 43px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.jpg) 0px -43px no-repeat; text-decoration: none;
}

/* bar under main navigation tabs that holds the title of the page and the right column title */
#titlebar {
	height: 48px; width: 753px; position: relative;
	border-bottom: 1px solid #FFF; background: url(/images/bkgnd_titlebar.gif) top left repeat-y;
}
#pagetitle {
	/* room for a single line title only */
	position: absolute; top: 22px; left: 25px; width: 450px; height: 25px; overflow: hidden;
	font:17px Arial,Helvetica,sans-serif; color:#2B4292; font-weight: bold;
}
#rightcolumntitle {
	/* room for a single line title only */
	position: absolute; top: 23px; left: 521px; width: 225px; height: 18px; overflow: hidden;
	font:12px Arial,Helvetica,sans-serif; color:#FFF;
}

/* div that holds an image on each page ... PSD file supplied */
#pageimage {
	width: 753px; height: 118px; overflow: hidden;
	border-bottom: 1px solid #FFF;
}

/* the main div that holds the two columns -- it needs to float left so that the footer
can be set to clear:left and allow the interior columns to push it down as needed based on content length */

#twocolumns {
	width: 728px; float: left; margin: 0; padding: 0; position: relative;
	background: url(/images/bkgnd_twocolumns.gif) top left repeat-y;
	border-bottom: 5px solid #5577BB; padding-left: 25px;
}

#leftcolumn {
	float: left; width: 456px; margin: 0;
	padding: 25px 0px 20px 0px;
}
#rightcolumn {
	width: 252px !important;
	width: 268px;
	float: right;
	overflow: hidden;
	margin: 0;
	font:12px Arial,Helvetica,sans-serif;
	color:#627CB8;
	padding-bottom: 16px;
	padding-left: 16px;
}

/* right column css-based UL/LI nav menu styles */
#rightcolumn ul, #rightcolumn li {
	margin: 0; padding: 0; list-style-type: none; 
}
#rightcolumn li a {
	display: block; color: #627CB8;
	font:12px/14px Arial,Helvetica,sans-serif;
	width: 226px; padding: 5px 10px 6px 16px; text-decoration: none;
	border-bottom: 1px solid #627CB8;
	margin: 0;
}
#rightcolumn li a:hover {
	background-color: #E6EBFA; color: #627CB8;
}