body{
	background: #f3f3f3 url(../images/grey_bg.png) repeat-x;	
	text-align: center;
	font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;
	color: #626262;
}

P  {	margin-bottom: 1em;	}

h1 {	font: normal 23px/27px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}
h2 {	font: normal 22px/25px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}
h3 {	font: normal 20px/23px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}
h4 {	font: normal 18px/21px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}
h5 {	font: normal 16px/19px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}
h6 {	font: normal 14px/17px Arial, Helvetica, Verdana, sans-serif;margin-bottom: 1em;	}

.centerbox{
	text-align: left;
	width: 774px;
	margin:0pt auto;
	height: 100%;
}

.main{
	width: 774px;
	height: 100%;
	float: left;
	background: url(../images/grey_shadow_bottom.png) left top repeat-y;
}

.mainshadow{
	width: 774px;
	height: 100%;
	float: left;
	background: url(../images/grey_shadow.png) left top no-repeat;
}

.mainbox{
	margin: 0pt auto;
	width: 768px;
	height: 100%;
}

.bottomshadow{
	background: url(../images/grey_bottom_shadow.png) repeat-x;
	width: 774px;
	height: 3px;
	float: left;
	overflow: hidden;
}

.leftcontent{
	float: left;
	width: 220px;
	display: block;
	height: 100%;
	font: normal 12px/17px Arial, Helvetica, Verdana, sans-serif;
}

.leftmargin{
	padding: 19px 12px 12px 12px;
}

.rightcontent{
	float: right;
	display: block;
	width: 544px;
	height: 100%;
	overflow: hidden;
}

.rightmargin{	
	padding: 24px 25px 24px 25px;
}

.rightmargin li{	
	margin-left: 15px;
}

.topbox{
	background: url(../images/grey_top.png) repeat-x;
	width: 768px;
	height: 97px;
	position: relative
}

.greybox{
	display: block;
	float: left;
	background: #f3f3f3;
	width: 768px;
	padding-bottom: 4px;
}

.silverbox{
	display: block;
	float: left;
	background: #ffffff url(../images/grey_box.png) repeat-x;
	width: 768px;	
}

.greyline{
	display: block;
	float: left;
	background: url(../images/grey_line.png) repeat-y;
	width: 768px;
}

.imagebox{
	width: 768px;
	height: 222px;
	vertical-align: top;
	background: #f3f3f3;
	padding-top: 4px;
}

.leftimage{
	float: left;
	width: 510px;
	height: 218px;
	overflow: hidden;
}

.rightimage{
	float: left;
	padding-left: 4px;
	width: 254px;
	height: 218px;
	overflow: hidden;
}

* html .rightimage{ /* fix for rare but bad behaving IE6 - shave off 2 pixels */
	width: 252px;
}

.toplogo{
	position: absolute;
	top: 23px;
	left: 30px;
}

.toplinklist{
	float: right;
	padding-top: 3px;
	font: bold 10px/13px Arial, Helvetica, Verdana, sans-serif;
}

.toplinklist ul li{
	list-style:none;
	display: block;
	float: left;
	padding: 7px 17px 0px 7px;
	height: 20px;
	text-align: left;
	background: url(../images/blue_line.png) top left no-repeat;
}

.toplinklist ul li.print{
	background: none;
	padding: 4px 12px 0px 0px;
}

.toplinklist a, .toplinklist a:active, .toplinklist a:visited, .toplinklist a:hover, .topmenu a, .topmenu a:active, .topmenu a:visited, .topmenu a:hover{
	color: #707070;
	text-decoration: none;
}

.toplinklist a:hover{
	text-decoration: underline;
}

.topmenu a:hover{
	color: #2c5ea5;
}

.topmenu{
	position: absolute;
	top: 69px;
	left: 12px;
	width: 700px;
	height: 30px;
	font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif;
}

.topmenu ul li{
	list-style:none;
	display: block;
	float: left;
	background: url(../images/blue_border.png) top left no-repeat;
	background-position: 0px 14px;
	width: 109px;
	height: 20px;
	padding-left: 1px;
	overflow: hidden;
}

.bottombox{
	clear: both;
	position: relative;
	background: #ffffff;
	height: 32px;
}

.contact{
	display: inline;
	float: left;
	padding: 9px 0px 0px 12px;
	font: normal 10px/13px Arial, Helvetica, Verdana, sans-serif;
}

.flags{
	display: inline;
	float: right;
	padding: 7px 13px 0px 0px;
}

.flags img{
	padding-left: 4px;
}

.leftcontent a, .leftcontent a:active, .leftcontent a:visited, .leftcontent a:hover,
.rightcontent a, .rightcontent a:active, .rightcontent a:visited, .rightcontent a:hover {
	text-decoration: none;
	color: #707070;
}

.leftcontent a:hover, .rightcontent a:hover {
	text-decoration: underline;
}

li.sub1, .sub1act{
	list-style:none;
	border-bottom: 1px solid #c9c9c9;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 2px;
}

li.sub2, .sub2act{
	list-style:none;
	padding-top: 3px;
}

li.sub2 a, li.sub2 a:active, li.sub2 a:visited, li.sub2 a:hover, li.sub2act a, li.sub2act a:active, li.sub2act a:visited, li.sub2act a:hover{
	background: url(../images/sub_dots_no.png) top left no-repeat;
	padding-left: 10px;
}

li.sub3, .sub3act{
    list-style:none;
    padding-top: 3px;
	padding-left: 8px;
}

li.sub3 a, li.sub3 a:active, li.sub3 a:visited, li.sub3 a:hover, li.sub3act a, li.sub3act a:active, li.sub3act a:visited, li.sub3act a:hover{
    background: url(../images/sub_dots_no.png) top left no-repeat;
    padding-left: 10px;
}

li.sub4, .sub4act{
    list-style:none;
    padding-top: 3px;
	padding-left: 16px;
}

li.sub4 a, li.sub4 a:active, li.sub4 a:visited, li.sub4 a:hover, li.sub4act a, li.sub4act a:active, li.sub4act a:visited, li.sub4act a:hover{
    background: url(../images/sub_dots_no.png) top left no-repeat;
    padding-left: 10px;
}

span.active a, span.active a:active, span.active a:visited, span.active a:hover, li.sub1 a:hover, li.sub2 a:hover {
	color: #2c5ea5;
}

.filelinks, .flexrelated{
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid #c9c9c9;
	background: #f9f9f9;
	padding: 5px 5px 7px 7px;
	width: 182px;
	overflow: hidden;
}

.flexrelated h1{
	font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;
	width: 180px;
	height: 18px;
	border-bottom: 2px solid #ffffff;
	margin-bottom: 10px;
}

.flexrelated a, .flexrelated a:active, .flexrelated a:visited, .flexrelated a:hover{
	background: url(../images/pdf.png) top left no-repeat;
	padding-left: 22px;
	line-height: 20px;
	padding-bottom: 20px;
}

.filelinks .pdf{
	background: url(../images/pdf.png) top left no-repeat !important;
}

.readmore1, .readmore2, .readmore3{
	position: relative;
	height: 250px;
	overflow: hidden;
	float: left;
	padding: 25px 20px 25px 20px;
}

.readmore1, .readmore2{
	width: 218px;
	background: url(../images/grey_readmore.png) top left repeat-y;	
}

.readmore3{
	width: 212px;
}

* html .readmore3{ /* fix for rare but bad behaving IE6 - shave off 2 pixels */
	width: 210px;
}

.flexreadmore .content{
	padding-top: 10px;	
}

.readmore1 .button, .readmore2 .button, .readmore3 .button{
	position: absolute;
	top: 270px;
	left: 20px;
}