/*********************
*
*	Dark Blue : #004373     /  rgba( 0, 67 , 115 );
*	Universal Blue : #0067B0;	/	rgba( 0, 103 , 176 );

/********** RESET ***********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Tahoma, Sans-Serif;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********** END OF RESET ***********************************/
html
{
	height	: 100%;
}
body
{
	height : 100%;
}

/* _WRAPPER 
/***********************************************************/

div#wrapper
{ 
	width:100%; height:100%;  
	background: url(../images/layout/headerRepeatSlice.png) repeat-x center top; 
}

/* _HEADER
/***********************************************************/

div#header
{
	margin: 0 auto -377px; width:960px; min-height:577px; 
	background: #fff url(../images/layout/header.png) no-repeat center top; 
}

/* header menu */
	
	ul#headerMenu
	{
		position: relative; left: 82px; top: 65px; 		
	}
	
	ul#headerMenu > li.middleList
	{
		margin-left	: 287px;
	}
	
	ul#headerMenu, ulheaderMenu ul
	{
		padding		: 0;
		margin		: 0;
		list-style	: none;				
	}
	
	ul#headerMenu a
	{
		display	: block;
		/*width	: 10em;*/
		color	: #fff;		
		text-decoration: none;
		text-transform: uppercase;
		font-weight	: bold; 		
	}	

	ul#headerMenu > li
	{
		float	: left;
		background	:	#0067B0;
		padding		:	3px 8px;
		margin-right:   9px;	
		list-style-image: none;		
	} 


	div#header ul.headerMenu 
	{
		padding		: 0;
		margin		: 0;
		list-style	: none;		
	}


/* _Content
/************************************************************/

div#contentWrapper
{
	position: relative;
	margin: 0 auto;	
	border-bottom: solid #fff 52px;
	width: 960px; min-height: 385px;
	background: transparent url(../images/layout/bodyLowerShadowSlice.png) no-repeat center bottom;
	overflow: hidden;
}

	div#contentWrapper div#content
	{ 
		margin: 8px 18px 8px;
		overflow: hidden;
	}	
	
	div#contentWrapper div#contentBackground
	{
		position: absolute; top: 0;
		width: 960px; height: 100%;
		background: transparent url(../images/layout/bodyShadowSlice.png) repeat-y center top;
		margin: 0;
		z-index: -1;
	}
	
/****** elements ***********/

/**** titlebar ***/

div.titleBar
{
	margin: 0 0 10px 0;
	padding-top	: 7px;
	height: 45px;	
	background	: #004372 url(../images/layout/titleStripeAll.gif) no-repeat;	
}



/* _FOOTER
/************************************************************/


div#footer
{
	position: fixed; bottom: 0;
	width: 100%; height: 57px; 
	background: transparent url(../images/layout/footerSlice.png) repeat-x center top;	
	z-index: 999;
}

	div#footer img#footerLogo
	{
		display	: block;
		position: relative;
		margin	: 21px auto 0;
		padding-right : 790px;
	}
	
	div#footer ul
	{
		position: absolute;
		top: 28px; left: 50%;
		margin-left: -292px;
	}
	
	div#footer ul li
	{
		display: block;
		float: left;
		height: 18px;
		border-left: solid 1px #aaa;
		padding-right: 6px;	
		padding-left: 4px;	
	}
	
	div#footer ul li:first-child
	{
		border:none;
	}
	
	div#footer a
	{
		text-decoration: none;
	}

/* _UI
/************************************************************/

.uiBtn
{
	border: 1px outset #aaa;	
	padding: 2px 4px;
	background: #004373;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

.uiBtn:hover
{
	border: 1px solid #aaa;
	color: #ddd;
}

.uiBtn:active
{
	border: 1px inset #aaa;
	color: #bbb;
}