@charset "utf-8";
/* pgpermayon CSS Document EN */
html,body{
	width:100%;
	height:100%;
	background:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	margin:0;
	padding:0;
}
*{
	padding:0;
	margin:0;
}
#container{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-78px;
	position:relative;
}
.clear{
	clear:both;
}
.clearfooter{
   height:78px;
   clear:both;
}
.headerbg{
	width:100%;
	height:125px;
	background:url(../images/headerbg.gif) repeat-x;
}
.header{
	width:960px;
	margin:0 auto
}
.header.print{
	border-bottom:1px solid #666;
	padding-bottom:10px;
}
.header .logo{
	width:272px;
	position:relative;
	left:0;
	top:5px;
}
.header .links{
	position:relative;
	top:-70px;
	left:745px;
	width:210px;
	color:#818181;
	font-size:8pt;
}
.header .links a{
	text-decoration:none;
	color:#093856;
	padding:0 5px;
}
.header .links a:hover,.header .links .current{
	color:#ff1300;
}
#TopMenu{
	position:relative;
	top:-3px;
	left:0;
	float:right;
	width:950px;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}
#TopMenu li{
	float:right;
	margin:0 0 0 1px;
	padding:0;
}
#TopMenu a{
	color:#093856;
	display:block;
	float:left;
	height:15px;
	margin:0;
	padding:7px 15px 8px 15px;
	text-decoration:none;
}
#TopMenu a:hover,#TopMenu .selected{
	background:url(../images/menubg.gif) repeat-x;
	color:#fff;
	border-radius:5px
}
.page{
	width:960px;
	margin:5px auto;
	overflow:hidden
}
.homeboxcontainer{
	width:300px;
	float:left;
	padding:0 3px 3px 0;
	margin-top:5px;
	margin-left:25px;
	*margin-left:24px;
}
.homeboxcontainer .title{
	width:100%;
	z-index:10000;
	text-align:left
}
.homebox{
	border:1px solid #cdd1d5;
	border-radius:0 5px 5px 5px;
	background:#f2f6f8; /* Old browsers */
	background:-moz-linear-gradient(top, #f2f6f8 0%, #ffffff 50%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #f2f6f8 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #f2f6f8 0%,#ffffff 50%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #f2f6f8 0%,#ffffff 50%); /* IE10+ */
	background:linear-gradient(top, #f2f6f8 0%,#ffffff 50%); /* W3C */
	min-height:260px;
	height:auto !important;
	height:260px;
	margin-top:-1px;
	-moz-box-shadow:2px 2px 2px #e2e2e2;
	-webkit-box-shadow:2px 2px 2px #e2e2e2;
	box-shadow:2px 2px 2px #e2e2e2;
}
.homebox .txt{
	margin:10px;
	line-height:17pt;
	color:#292929;
	text-align:justify;
	direction:ltr;
	overflow:hidden
}
.homebox .txt img{
	width:275px;
	border:1px solid #c5c5c5;
	padding:1px;
	margin:5px auto;
}
.homebox .txt .continue a{
	float:right;
	background:url(../images/arrow.png) right 10px no-repeat;
	padding-right:11px;
	text-decoration:none;
	color:#075687;
}
ul.news{
	list-style:none;
	margin:10px;
	direction:ltr;
	line-height:15pt
}
ul.news li{
	border-bottom:1px dotted #ccc;
	padding-bottom:7px;
}
ul.news li:last-child{
	border:0
}
ul.news li a{
	text-decoration:none;
	background:url(../images/grayarrow.png) left 8px no-repeat;
	padding-left:10px;
	display:block;
	color:#000
}
ul.news li a:hover{
	background:url(../images/orangearrow.png) left 8px no-repeat;
	padding-left:10px;
	color:#065382;
}
@media \0screen {
.homebox .title{
	background:url(../images/boxtitlebg.png) repeat-x;
}
}
/* slider */
.slidecontainer{
    width:960px; 
    height:268px;
	margin:5px auto;
}
* html .slidecontainer{position:relative;z-index:-1} /* for IE6 */
*+html .slidecontainer{position:relative;z-index:-1} /* for IE7 */
.theme-default .nivoSlider{
	position:relative;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a{
	border:0;
	display:block;
}
.theme-default .nivo-controlNav{
	position:relative;
	left:880px;
	top:235px;
	width:60px;
}
.theme-default .nivo-controlNav a{
	display:block;
	width:16px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:2px;
	float:left;
}
.theme-default .nivo-controlNav a.active{
	background-position:0 -22px;
}
/* The Nivo Slider styles */
.nivoSlider{
	position:relative;
}
.nivoSlider img{
	position:absolute;
	top:0px;
	left:0px;
}
.theme-default #slider{
    margin:0 auto;
    width:960px; /* Make sure your images are the same size */
    height:268px; /* Make sure your images are the same size */
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice{
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box{
	display:block;
	position:absolute;
	z-index:5;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav{
	left:0px;
}
.nivo-nextNav{
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active{
	font-weight:bold;
}
.footerbg{
	background:url(../images/footerbg.png) repeat-x;
	width:100%;
	height:68px;
	padding-top:10px;
}
.footer{
	position:relative;
	width:960px;
	margin:0 auto;
	font-size:8pt;
	line-height:14pt;
	text-align:center;
	direction:ltr;
	color:#5e5e5e;
}
.footer .links a{
	text-decoration:none;
	color:#5e5e5e;
	padding:0 10px;
}
.footer .links a:hover{
	color:#024c79;
}
.footer .copyright{
	padding-top:10px
}
.footer .copyright a{
	text-decoration:none;
	color:#ffb400;
}
.footer .copyright a:hover{
	text-decoration:underline;
}
.pagebanner{
	margin:5px auto;
	width:960px
}
.sidebar{
	float:left;
	width:215px;
}
.sidebar p{
	margin:5px auto
}
.pagecontent{
	float:left;
	width:718px !important;
	width:710px;
	border:1px solid #d8d8d8;
	border-radius:5px;
	margin-bottom:10px;
	margin-left:5px;
	min-height:400px;
	padding:10px;
	height:auto !important;
	height:400px;
	-moz-box-shadow: 3px 3px 4px #eee;
	-webkit-box-shadow: 3px 3px 4px #eee;
	box-shadow: 3px 3px 4px #eee;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee');
	background:#f4f4f4; /* Old browsers */
	background:-moz-linear-gradient(top, #eaeaea 0%, #ffffff 50%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #eaeaea 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #eaeaea 0%,#ffffff 50%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #eaeaea 0%,#ffffff 50%); /* IE10+ */
	background:linear-gradient(top, #eaeaea 0%,#ffffff 50%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.pagecontent.print{
	background:#fff !important;
	background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 50%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%,#ffffff 50%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%,#ffffff 50%); /* IE10+ */
	background:linear-gradient(top, #ffffff 0%,#ffffff 50%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	width:938px !important;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin-left:0;
	border:1px solid #666;
}
.pagecontent h1{
	color:#136293;
	font-size:10pt;
	font-weight:600;
	margin:10px;
	*margin:20px;
	direction:ltr;
}
.pagecontent.print h1{
	color:#000;
	font-size:11pt;
	font-weight:700;
	margin:10px;
	*margin:20px;
}
.pagecontent .text{
	direction:ltr;
	color:#292929;
	text-align:justify;
	line-height:20pt;
	margin:20px 30px
}
.pagecontent .image img{
	width:300px;
	margin-left:10px;
	float:right;
	border:1px solid #c5c5c5;
	padding:1px;
}
.pnews{
	width:100%;
	margin:0 auto;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
.pnews h2{
	color:#369;
	font-size:9pt;
	background:url(../images/grayarrow.png) left 9px no-repeat;
	padding-left:10px
}
.pnews h2 a{
	color:#369;
	text-decoration:none
}
.pnews h2 a:hover{
	text-decoration:underline
}
.paging{
	float:right;
	position:relative;
	left:-50%;
	margin:30px auto;
}
.paging ul{
	list-style:none;
	position:relative;
	left:50%;
}
.paging li{
	float:left;
	position:relative;
	list-style:none;
}
.paging li a{
	float:left;
	background:#fff;
	color:#3082b5;
	text-align:center;
	border:1px solid #ccc;
	border-radius:4px;
	margin-left:3px;
	padding:3px 5px;
	text-decoration:none;
}
.paging li a:hover, .paging li .current-page{
	background:#3082b5;
	color:#fff;
	border:1px solid #3082b5;
	text-decoration:none;
}
.form{
	width:100%;
	float:left;
}
.form .title{
	color:#000;
	font-weight:600;
	border-bottom:1px dotted #ccc;
	direction:ltr;
	padding-bottom:8px;
	margin:20px auto
}
.form p{
	margin:5px auto;
	overflow:auto;
	width:100%;
}
.form label{
	color:#000;
	width:80px;
	display:block;
	clear:both;
	float:left;
	text-align:left;
}
.form .inpt{
	float:left;
	width:140px;
	height:17px;
	text-align:left;
	color:#333;
	font-size:9pt;
	background:#f1f1f1;
	padding:2px;
	border:1px solid #cecece;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}
.form .btn{
	float:left;
	width:50px;
	height:22px;
	text-align:center;
	color:#000;
	font-size:9pt;
	background:#feea00;
	padding:2px;
	margin:2px;
	border:1px solid #feea00;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}
.form .btn:hover{
	background:#feea00;
	border:1px solid #a8409b;
	cursor:pointer
}
.gallery{
	margin:20px auto;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	overflow:hidden;
}
.gallery ul{
	list-style:none;
	margin:10px auto;
}
.gallery li{
	float:left;
	list-style:none;
	margin:5px;
}
.gallery li img{
	height:100px;
	border:1px solid #eee;
	padding:1px;
}
.gallery li img:hover{
	border:1px solid #2aaa27;
}
.gallery li a.name{
	width:100%;
	background:url(../images/forgallery.gif) left no-repeat;
	padding-left:7px;
	text-decoration:none;
	color:#333;
}
.gallery li a.name:hover{
	color:#2aaa27;
}