/* Basic */

*



{

	margin: 0em;

	padding: 0em;

}

h1,h2

{

}



ul { list-style-position: outside; } 

ul {

	list-style-image: url("../images/arrow.gif");

	list-style-type: circle;

} 









html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */

border-style: inset;

}





body {

	font-family: arial,sans-serif;

	font-size: 10pt;

	background-color: #fff;

	color: #555;

}



a    {

	color: #3C70B1;

	text-decoration: underline;

}



a:hover

{

	text-decoration: underline;

}



.clear

{

	clear: both;

}



/* Outer */



#outer

{

	position: relative;

	margin: 2em;

}



/* Header */



#header

{

	position: absolute;

	top: 4.5em;

	height: 100px;

	width: 100%;

	background-repeat: no-repeat;

	background-position: center top;

}



#header h1

{

	position: absolute;

	top: 6em;

	left: 2.5em; 

	font-size: 1.0em;

	font-weight: normal;

	color: #fff;

}



#header h2

{

	position: absolute;

	top: 6em;

	left: 2.5em; 

	font-size: 1.0em;

	font-weight: normal;

	color: #fff;

}



#header a

{

	color: #fff;

	text-decoration: none;

}



/* Menu */



#menu

{
	position: absolute;
	width: 100%;
	left: 0em;
	height: 3em;
	background-color: #294A78;
	padding-bottom: 3px;

}



#menu ul

{

	list-style: none;

	position: absolute;

	left: 1em;

}



#menu li

{

	display: block;

	float: left;

	list-style-image: url(../images/arrow.png);

}	



#menu li a

{

	color: #fff;

	display: block;

	padding: 0.75em 1.25em 1.25em 1.25em;

	text-decoration: none;

}





/* Content */



#content

{

	line-height: 1.7em;

	padding-top: 65px;

}



#content p

{

	margin-bottom: 1.5em;

}



#content h1,h2,h3,h4,h5,h6

{

	width: 100%;

	position: relative;

	left: -14px;

	margin: 0em -22px 1.2em 0em;

	color: #333333;

	padding: 1.1em 14px 0.0em 14px;

	font-size: 1.1em;

	background-color: #fff;

	background-image: url(../images/x2.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



#content h2 span, #content h3 span

{

	position: absolute;

	top: 0em;

	right: 0em;

	background: #fff url('../images/x1.gif') top right no-repeat;

	width: 16px;

	height: 28px;

}



#content ul

{

	margin-bottom: 1.5em;

	padding-left: 1em;

}



#content blockquote

{

	border: dashed 1px #BFB793;

	padding: 1em;

	margin-bottom: 1.5em;

	background-color: #FFFEFB;

	background-image: url(../images/x5.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



#content blockquote p

{

	margin-bottom: 0em;

}



#content table

{

	margin-bottom: 1.5em;

}



#content table th

{

	text-align: left;

	font-weight: bold;

	padding: 0.5em;

}



#content table td

{

	padding: 0.5em;

}



#content table tr.rowA

{

	background: #FDFEFE url('../images/x6.gif') top left repeat-x;

	color: inherit;

}



#content table tr.rowB

{

	background: #FFFEFC url('../images/x7.gif') top left repeat-x;

	color: inherit;

}



/* Primary Content */



#primaryContentContainer

{

	position: relative;

	float: left;

	margin-right: -36em;

	width: 100%;

}



#primaryContent

{

	margin: 0em 33em 0em 0em;

	padding: 1.5em;

}

.imageNoBorder {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



/* Secondary Content */



#secondaryContent

{

	position: relative;

	float: right;

	width: 12em;

	padding: 1.5em;

	margin-right: 1em;

}



/* Tertiary Content */



#tertiaryContent

{

	position: relative;

	float: right;

	width: 12em;

	padding: 1.5em;

}

	

	

/* Clearfix */	

.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 */ 

	



/* Footer */



#footer

{

	padding: 1.5em;

	background: #fff url('../images/x2.gif') top left repeat-x;

}



#next1

{

	text-align: right;

	font-size: x-small;

	text-decoration: inherit;

	

}

