
body {
	 margin:						0;
	 background:					#E5E5E5;
	 font: 							normal 12px/100% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	 color: 						#333;
	 text-align:					center; /* center content \*/
}

/* -----------------------------------------------------------------------------
HTML TAGS
--------------------------------------------------------------------------------*/
.clr {
	display:						block;
	height:							1px;
	width:							100%;
	clear:							both;
}

img {
	border:							0 none;
}

a, .textlink{
	color: #669900;
	text-decoration: none;
}

a:hover, .textlink:hover{
	color: #669900;
	text-decoration: underline;
}

p {
	line-height:					1.4em; 
	color:							#333;
	margin:							0;
	margin-bottom:					1em;
}

p.indent {text-indent:				1.5em; }

.blue { color:						#075ba9; }

h3 { font-family:					Arial, "Lucida Grande", Helvetica, Geneva, sans-serif; }

strong {
	color:							#333;
	font-family:					Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
}

ul { padding-left: 1em;margin: 0;}
/* #rightPanel li { line-height: 1.4; } */


sup,
sub {
	height: 						0;
	line-height: 					1;
	vertical-align:					baseline;
	_vertical-align: 				bottom;
	position:						relative;
	
}

sup {
	bottom: 						1ex;
}

sub {
	top: 							.5ex;
}

.caption {
	margin-top:						4px;
	font: 							normal 11px/130% Arial, Helvetica, Geneva, sans-serif; 
	color:							#666;
}

p.top {
	display:						block;
	width:							100%;
	height:							25px;
	margin:							20px 0;
	border-bottom:					1px solid #CCC;
	font-size:						11px;
	line-height:					20px;
	text-align:						right;
}

p.top a,
p.top a:link,
p.top a:visited,
p.top a:active {
	color:							#0099CC;
	text-decoration:				none;
}


/* -----------------------------------------------------------------------------
TABLES
--------------------------------------------------------------------------------*/
table {
	font-size:						12px;
}

table td {
	padding:						0.3em;
	text-align:						right;
	vertical-align:					bottom;
}

table td.tBold {
	font-weight:					bold;
}

table td.firstCol {
	text-align:						left;
}

table td.underline {
	border-bottom:					1px solid #333;
}

table td.indent {
	text-indent:					1em;
}
table td.indent2 {
	text-indent:					2em;
}
table td.indent3 {
	text-indent:					3em;
}
table td.indent4 {
	text-indent:					4em;
}
table td.small {
	font-size:						10px;
	line-height:					1.2em;
}

table.classic td{
	padding:						0.3em;
	text-align:						left;
	vertical-align:					top;
}


/* -----------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------*/
#outer-wrap {
	position:						relative;
	margin:							0 auto;
	width:							760px;
	text-align:						left;
	z-index:						0;
	overflow:						hidden;
	border:							1px solid #333;
	border-top:						none 0;
	background:						#FFF;
}

#outer-wrap .wrap-inside {
	padding:						0 10px;
}

#header {
	position:						relative;
	display:						block;
	width:							100%;
	height:							75px;
}


#header #logo{
	position:						absolute;
	top:							0px;
	left:							0;
	height:							0px;
}

#icons {
	display:						block;
	width:							760px;
	height:							30px;
	margin:							0 auto;
	text-align:						right;
	font-size:						11px;
}

#icons ul, #icons li
{
display: 							inline;
list-style-type: 					none;
margin:								0;
padding: 							0;
height:								30px;
line-height:						30px;
}

#icons li a.back {
	padding-left:					20px;
	background:						url('../images/prev.png') 0px -9px no-repeat;
}

#icons li a.next {
	padding-right:					20px;
	background:						url('../images/next.png') 100% -9px no-repeat;
}

#icons a { 
	text-decoration: none; 
	color:	#3276bc;	
}

#icons a:hover  { color: #0066CC; }





/* -----------------------------------------------------------------------------
CONTENT AREA
--------------------------------------------------------------------------------*/
#pageContentArea {
	width:							100%;
	position:						relative;
	background:						url('../images/vLine.png') repeat-y;
	z-index:						100;
}

#rightPanel {
	width:							590px;
	float:							right;
}

#leftPanel {
	width:							170px;
	float:							left;
	z-index:						201;
}

.inside {
	padding: 						20px;
}

/* -----------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------*/

#footer {
	text-align:						right;
	color:							#999999;
}

#footer .footerMenu {
	float:							right;
	display:						block;
	margin-top:						15px;
	padding:						0 35px 0 0;
	width:							80%;
	height:							25px;
}

#footer a,
#footer a:active,
#footer a:link,
#footer a:visited {
	text-decoration:				none;
	color:							#999999;
	padding:						0 8px;
}

#footer a:hover {
	color:							#0066CC;
}

/* -----------------------------------------------------------------------------
MAIN MENU 
--------------------------------------------------------------------------------*/

div#nav ul {
	padding: 						0;
	margin: 						0;
	list-style: 					none;
	font-size:						12px;
	line-height:   					23px;
	width:							100%;
	height:							23px;
	z-index:						100;
	font-family:					Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	background:						#717171;
	clear:							left;
	overflow:						hidden;
}

div#nav li {
	float: 							left;
	display:						inline;
	width:							auto;
	text-align:						center;
	text-indent:					-999em;
}

div#nav li a.home {
	display:						block;
	width:							138px;
	line-height:   					23px;
	text-decoration:				none;
	background:						url('../images/menu.png') 0px 0px no-repeat;
}
div#nav li a.home:hover {
	background:						url('../images/menu.png') 0px -24px no-repeat;
}

div#nav li a.letter {
	display:						block;
	width:							180px;
	line-height:   					23px;
	text-decoration:				none;
	background:						url('../images/menu.png') -138px 0px no-repeat;
}
div#nav li a.letter:hover {
	background:						url('../images/menu.png') -138px -24px no-repeat;
}

div#nav li a.ar08 {
	display:						block;
	width:							273px;
	line-height:   					23px;
	text-decoration:				none;
	background:						url('../images/menu.png') -318px 0px no-repeat;
}

div#nav li a.ar08:hover {
	background:						url('../images/menu.png') -318px -24px no-repeat;
}

div#nav li a.download {
	display:						block;
	width:							168px;
	line-height:   					23px;
	text-decoration:				none;
	background:						url('../images/menu.png') -591px 0px no-repeat;
}

div#nav li a.download:hover {
	background:						url('../images/menu.png') -591px -24px no-repeat;
}


div#nav li.current a.home{
	background:						url('../images/menu.png') 0px -24px no-repeat;
}

div#nav li.current a.letter{
	background:						url('../images/menu.png') -138px -24px no-repeat;
}

div#nav li.current a.ar08{
	background:						url('../images/menu.png') -318px -24px  no-repeat;
}

div#nav li.current a.download{
	background:						url('../images/menu.png') -591px -24px  no-repeat;
}

/* -----------------------------------------------------------------------------
SIDE MENU
--------------------------------------------------------------------------------*/

.accordion
{
padding: 							0 1px 1px;
margin-left: 						0;
font: 								12px Arial, Verdana, sans-serif;
width: 								14em;
}

.accordion li {
list-style: 						none;
margin: 							0;
border-top: 						1px solid gray;
text-align: 						left;
}

.accordion ul.element { }
.accordion ul.element li {
border-top:						none;
}

.accordion li a,
.accordion li.toggler
{
display: 							block;
padding: 							0.25em 0.5em 0.25em 0.75em;
text-decoration: none;
}

.accordion li a {
background:							url('../images/navArrow.png') 0 8px no-repeat;
}

.accordion li a:link,
.accordion li a:visited,
.accordion li a:active { color: #4D4D4D; }

/* toggler */
.accordion li.toggler {
	background: url('../images/plus.png') -4px 4px no-repeat;
	cursor: pointer;
	color: #4D4D4D;
}

.accordion li.open {
	background: url('../images/minus.png') -4px 4px no-repeat;
	color:#669900;
	cursor: pointer;
}

.accordion li a:hover,
.accordion li.toggler:hover
{
color: #669900;
}

.accordion li.current a {
color:			#669900;
}

/* div#leftPanel li ul li a{
	padding:						0 15px 0 3em;
} */


