* {
	margin:0;
	padding:0;
}



body {
	text-align:center; /* center elements in legacy IE */
	font:normal 85%/120% verdana,arial,helvetica,sans-serif;
	padding-right:0.5px; /* fix gecko being a retard on calculating absolute positioning */
}

* html body { /* lte IE6 */
	behavior:url(csshover2.htc); /* hover/focus anywhere */
}

h1.main {
	margin:0 0 1em 0px;
	margin-left:0px;
	text-align: justify;
	font:bold 110%/120% verdana,arial,helvetica,sans-serif;
  color:#fff;
  background-image:url(images/h3bgr.gif); background-repeat:repeat-x;
  padding: 5px 10px 5px;
 
}

h3 {
	margin:0 0 1em 0px;
	margin-left:0px;
	text-align: justify;
	font-size: 12px;
	font:bold verdana,arial,helvetica,sans-serif;
  color:#fff;
   padding: 5px 0px 5px;
 
}
p{
	text-align: justify;
	font-size: 12px;
	font: verdana,arial,helvetica,sans-serif;
	}
	
hr {
	color: #09F;
	background-color: #09F;
	height: 2px;
	border: 0;
	width: 98%;
	}


#container {
	height:100%;
	overflow:auto;
	position:relative; /* make sure absolutes scroll instead of behaving 'fixed' */
}

#header {
	background:url(images/mainMenu.png) 0 -35px repeat-x;
}

#mainMenu,
h1,
#content,
#footer {
	width:768px;
	margin:0 auto;
	text-align:left;
}

#mainMenu {
	list-style:none;
	height:35px;
	font:normal 14px/16px arial,helvetica,sans-serif;
	background:#DA2 url(images/mainMenu.png) 0 -35px repeat-x;
}

#mainMenu li {
	float:left;
	position:relative;
	z-index:1;
}

#mainMenu li:active,
#mainMenu li:focus,
#mainMenu li:hover {
	/*
		changing the z-index on hover makes sure that all the contents
		depth sort properly, even in IE.
	*/
	z-index:2; 
}

#mainMenu a {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	padding:14px 16px 5px 13px;
	text-decoration:none;
	color:#FFF;
	background:#EB2 url(images/mainMenu.png) 0 -35px no-repeat;
}

#mainMenu li:active a,
#mainMenu li:focus a,
#mainMenu li:hover a,
#mainMenu .current a {
	color:#840;
	background:#FFF url(images/mainMenu.png) 0 0 no-repeat;
}

#mainMenu span {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:35px;
	background:url(images/mainMenu.png) -344px 0 no-repeat;
}

#mainMenu li:active span,
#mainMenu li:focus span,
#mainMenu li:hover span,
#mainMenu .current span {
	background-position:-294px 0;
}

#mainMenu .last span {
	background-position:0 -35px;
}

#mainMenu li.last:active span,
#mainMenu li.last:focus span,
#mainMenu li.last:hover span {
	background-position:-310px 0;
}

#mainMenu ul {
	list-style:none;
	position:absolute;
	display:inline; /* set up for IE fix */
	width:182px;
	left:-1000em;
	top:35px;
	padding-bottom:6px;
	background:url(images/subMenu.gif) bottom left no-repeat;
}

#mainMenu li:active ul,
#mainMenu li:focus ul,
#mainMenu li:hover ul {
	display:block; /* if we don't change display state, IE barfs */
	left:3px;
}

#mainMenu ul li {
	float:none;
	display:block;
	width:182px;
}

/* 
	using psuedoclasses below means we don't need to state !important
	putting the li before makes sure IE overrides as well
*/

#mainMenu li ul a:link,
#mainMenu li ul a:visited {
	display:block;
	height:16px;
	padding:4px 8px 5px;
	background:#FFF url(images/subMenu.gif) 0 -1px no-repeat;
	
}

#mainMenu li ul a:active,
#mainMenu li ul a:focus,
#mainMenu li ul a:hover {
	color:#000;
	background:#F7C631 url(images/subMenu.gif) 0 -27px no-repeat;
}

#mainMenu li:active b,
#mainMenu li:focus b,
#mainMenu li:hover b {
	position:absolute;
	top:29px;
	left:3px;
	width:182px;
	height:6px;
	background:url(images/subMenu.gif) 0 -52px no-repeat;
}

#mainMenu li ul li.last a:link,
#mainMenu li ul li.last a:visited {
	padding:4px 8px;
}


H2 {
    color: #666666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
a.lang:link {color: #666666; text-decoration: none; text-align:center;}
a.lang:visited {color: #666666; text-decoration: none; text-align:center;}
a.lang:hover {color: #CF9D03; text-decoration: none; text-align:center;}

a.text:link {
	color: #666666;
	text-decoration: none;
	text-align:justify;
}
a.text:visited {
	color: #666666;
	text-decoration: none;
	text-align:justify;
}
a.text:hover {
	color: #CF9D03;
	text-decoration: none;
	text-align:justify;
}

.copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#999999;
	}