*{
	font-size:100.01%
}

body {
	font:11px/14px "Trebuchet MS", Verdana, sans-serif;
	color:#000;
	background:#0d5cab url(../images/bg.jpg) repeat-x;
	margin:0;
	font-size:62.5%;
	padding-bottom:40px;
}

/****************************************** general *****************************************/

img{
	border:none;
	display:block;
}

#main {
	margin:0 auto;
	width:943px;
}

.invisible,
.skiplink
{
	display:none;
}

.clear
{
	clear:both;
}

/****************************************** logo *****************************************/
.logo{
	float:left;
	display:inline;
	background:url(../images/logo.jpg) no-repeat;
	width:225px;
	height:125px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
.logo a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}

/****************************************** header *****************************************/
#header{
	background:url(../images/bg-header.jpg) no-repeat;
	width:903px;
	height:203px;
	padding:10px 10px 0 30px;
	overflow:hidden;
}
#header .nav{
	float:left;
	display:inline;
	width:540px;
	padding:68px 0 0 138px;
}

/****************************************** menu *****************************************/
#menu{
	float:left;
	display:inline;
	width:540px;
	padding:0;
	margin:0;
	list-style:none;
}
#menu li{
	float:left;
	display:inline;
}
#menu li a{
	float:left;
	display:inline;
	background:url(../images/bg-menu.png) repeat-x;
	height:40px;
	padding:4px 0;
	cursor:pointer;
	text-decoration:none;
}
#menu li a:hover{background:url(../images/bg-menu-over.png) repeat-x}
#menu li a.active{background:url(../images/bg-menu-over.png) repeat-x}
#menu li a span{
	float:left;
	display:inline;
	font:12px/40px Arial, sans-serif;
	color:#083a81;
	background:url(../images/separator.jpg) no-repeat 100% 0;
	height:40px;
	padding:0 13px 0 13px;
	position:relative;
}
#menu li a:hover span{
	background:url(../images/separator-over.jpg) no-repeat 100% 0;
	color:#fdfdfd;
}
#menu li a.active span{
	background:url(../images/separator-over.jpg) no-repeat 100% 0;
	color:#fdfdfd;
}
#menu li.first a{background:url(../images/menu-left.png) no-repeat}
#menu li.first a:hover{background:url(../images/menu-left-over.png) no-repeat}
#menu li.first a.active{background:url(../images/menu-left-over.png) no-repeat}
#menu li.first a span{padding:0 15px 0 17px}
#menu li.last a{background:url(../images/menu-right.png) no-repeat}
#menu li.last a:hover{background:url(../images/menu-right-over.png) no-repeat}
#menu li.last a.active{background:url(../images/menu-right-over.png) no-repeat}
#menu li.last a span{
	background:none;
	padding:0 18px 0 14px;
}
#menu li.last a:hover span{background:none}

/****************************************** content *****************************************/
#content{
	float:left;
	display:inline;
	clear:both;
	background:url(../images/bg-content.png) repeat-y;
	width:878px;
	padding:0 28px 30px 37px;
}
/* column1 */
#content .column1{
	float:left;
	display:inline;
	width:247px;
	padding:19px 0 0;
}

/****************************************** box *****************************************/
#content .box{
	width:247px;
	overflow:hidden;
	background:url(../images/box-bg.jpg) repeat-y;
	margin:0 0 29px;
}
#content .box-bg{background:url(../images/box-top.jpg) no-repeat}
#content .box-info{
	background:url(../images/box-foot.jpg) no-repeat 0 100%;
	width:228px;
	padding:19px 9px 30px 10px;
}
#content .box h2{
	font:bold 140%/100% "Trebuchet MS", Verdana, sans-serif;
	color:#083a81;
	background:url(../images/bg-head.jpg) no-repeat 0 100%;
	width:206px;
	margin:4px 0 8px;
	padding:0 11px 9px 11px;
}

/****************************************** men *****************************************/
#content .men{
	width:228px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
#content .men li{
	float:left;
	display:inline;
	width:228px;
	padding:0 0 1px;
}
#content .men li a{
	font:140%/110% "Trebuchet MS", Verdana, sans-serif;
	color:#4e600b;
	float:left;
	display:inline;
	width:216px;
	background:#d0e680;
	padding:4px 11px;
	text-decoration:none;
}
#content .men li a:hover{
	color:#fff;
	background:#0d5cab;
}
#content .men li a.active{
	color:#fff;
	background:#a1ce02;
}

#content .men li ul
{
	padding:0;
	margin:0;
}

#content .men li li
{
	padding:0 0 1px 0;
}

#content .men li li a
{
	background-color:#d5e3f0;
	padding-left:1.5em;
}

#content .men li li a.active
{
	background-color:#90c1f0;
}

/****************************************** inf *****************************************/
#content .inf{
	width:208px;
	overflow:hidden;
	padding:0 9px 6px 11px;
}

#content .inf .thetext {
	font:120%/120% "Trebuchet MS", Verdana, sans-serif;
	color:#2e2e2e;
}

#content .inf .thetext p
{
	margin:0;
	padding-bottom:1em;
	line-height:140%;
}

#content .inf a{
	font:120%/120% "Trebuchet MS", Verdana, sans-serif;
	color:#083a81;
	text-decoration:none;
}

#content .inf a:hover span {
	text-decoration:underline;
}

#content .inf img {
	display:inline;
}

#content .inf .leftimage {
	float:left;
	margin:5px 10px 5px 0;
}

#content .inf .rightimage {
	float:right;
	margin:5px 0 5px 10px;
}

#content .inf .fullwidthimage {
	margin:5px 0;
}

/****************************************** column2 *****************************************/
#content .column2{
	float:left;
	display:inline;
	width:630px;
}
#content .column2 h1{
	float:left;
	display:inline;
	font:bold 200%/100% "Trebuchet MS", Verdana, sans-serif;
	color:#083a81;
	width:531px;
	margin:-8px 0 0 40px;
	position:relative;
}

/****************************************** contentblock *****************************************/
#content .contentblock{
	float:left;
	display:inline;
	width:560px;
	margin-left:40px;
}
#content .contentblock h2{
	font:bold 150%/100% "Trebuchet MS", Verdana, sans-serif;
	color:#4f620b;
	margin:24px 0 0;
}
#content .contentblock .thetext{
	font:140%/140% "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	margin:19px 0 0;
}
#content .contentblock .thetext a{
	font:100%/110% "Trebuchet MS", Verdana, sans-serif;
	color:#0d5cab;
	text-decoration:underline;
}
#content .contentblock .thetext a:hover{
	text-decoration:none
}

/****************************************** callout *****************************************/
#content .callout {
	width:193px;
	overflow:hidden;
	background:url(../images/block-bg.jpg) repeat-y;
}

#content .leftcallout {
	float:left;
	display:inline;
	margin:19px 35px 5px 0;
}

#content .rightcallout {
	float:right;
	margin:19px 0 5px 35px;
}

#content .callout-bg {
	background:url(../images/block-top.jpg) no-repeat
}

#content .callout-info {
	background:url(../images/block-foot.jpg) no-repeat 0 100%;
	width:156px;
	padding:25px 18px 23px 20px;
}

#content .callout .thetext {
	font:140%/130% "Trebuchet MS", Verdana, sans-serif;
	color:#4f620b;
	margin:0 0 15px;
}

#content .callout .thetext p {
	margin-top:0;
}

#content .callout .thetext a {
	color:#0d5cab;
	text-decoration:underline;
}
#content .contentblock .thetext a:hover{
	text-decoration:none
}

#content .mediumcallout {
	width:396px;
	background-image:url(../images/medium-block-bg.gif);
}

#content .mediumcallout .callout-bg {
	background-image:url(../images/medium-block-top.gif);
}

#content .mediumcallout .callout-info {
	width:359px;
	background-image:url(../images/medium-block-foot.gif);
}

#content .fullwidthcallout {
	margin:19px 0 5px 0;
	width:571px;
	background-image:url(../images/fullwidth-block-bg.gif);
}

#content .fullwidthcallout .callout-bg {
	background-image:url(../images/fullwidth-block-top.gif);
}

#content .fullwidthcallout .callout-info {
	width:533px;
	background-image:url(../images/fullwidth-block-foot.gif);
}

#content .callout img {
	margin-bottom:10px;
}

#content .callout h3
{
	color:#4f620b;
	margin:0 0 10px 0;
	padding:0;
	font-size:150%;
}

#content .callout .relatedlinks,
#content .callout .downloads
{
	margin-bottom:15px;
}

#content .callout .relatedlinks a,
#content .callout .downloads a
{
	display:block;
	color:#0d5cab;
	font-size:140%;
	margin:0 0 10px 0;
	text-decoration:none;
}

#content .callout .relatedlinks a:hover span,
#content .callout .downloads a:hover span
{
	text-decoration:underline;
}

/****************************************** footer *****************************************/
#footer{
	float:left;
	background:url(../images/bg-footer.jpg) no-repeat;
	width:943px;
	height:46px;
	padding:33px 0 0;
	overflow:hidden;
}
#footer ul{
	width:943px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 2px 0 6px;
	background:url(../images/separator1.jpg) no-repeat 0 50%;
}
#footer ul li.first{background:none}
#footer ul li a{
	font:14px/16px Arial, sans-serif;
	color:#a1ce02;
	text-decoration:none;
}
#footer ul li a:hover{text-decoration:underline}
#footer ul li span{
	font:14px/16px Arial, sans-serif;
	color:#fff;
	margin:0;
}

/****************************************** homepage *****************************************/

#homeeventlist {
	padding:0;
	margin:0;
	width:247px;
}

#homeeventlist li {
	float:left;
	display:inline;
	clear:both;
	list-style:none;
	margin:0 11px 8px 11px;
	padding-bottom:12px;
	background:url(../images/bg-head.jpg) no-repeat bottom left;
	font-size:120%;
	line-height:1.2em;
	width:220px;
}

#homeeventlist li.noseparator
{
	background:none;
}

#homeeventlist li img
{
	float:left;
	width:80px;
}

#homeeventlist li .right
{
	float:left;
	width:135px;
	margin-left:5px;
}

#homeeventlist .date {
	font-weight:bold;
}

#homeeventlist .location {
	font-style:italic;
	display:inline;
	padding-right:5px;
	
}

#homeeventlist .morelink {
	color:#083a81;
	text-decoration:none;
	white-space:nowrap;
}

.homeeventlist-extralink
{
	font-size:120%;
	float:left;
	display:inline;
	color:#083a81;
	text-decoration:none;
	margin:10px 0 11px 11px;
}

#homeeventlist .morelink:hover span,
.homeeventlist-extralink:hover span
{
	text-decoration:underline;
}

#topbit {
	margin:0 11px;
	padding-bottom:20px;
}

.topbitwithseparator
{
	background:url(../images/bg-head.jpg) no-repeat bottom left;
}

#content .box #topbit h2
{
	padding:0;
	background:none;
	color:#083a81;
}

#content .box #topbit h2 a
{
	color:#083a81;
}

#topbit .thetext
{
	font-size:120%;
	line-height:1.2em;
	margin:0;
	display:inline;
	color:#1f1f1f;
}

#topbit a
{
	text-decoration:none;
}

#topbit .morelink
{
	display:block;
	font-size:120%;
	white-space:nowrap;
	color:#083a81;
}

#trophies
{
	font-size:120%;
	line-height:1.2em;
	background:url(../images/pst-logo.gif) no-repeat top left;
	margin:0 0 0 11px;

}

#trophies p
{
	padding:0 11px 0 80px;
	text-align:right;
	color:#1f1f1f;
}

#trophies a
{
	display:block;
	padding:0 11px 0 0;
	text-align:right;
	color:#083a81;
	text-decoration:none;
}

#topbit a:hover span,
#trophies a:hover span
{
	text-decoration:underline;
}

#homepageheroblock
{
	clear:both;
	background:url(../images/homehero-bottom.gif) no-repeat bottom left;
	margin:10px 0 0 20px;
	width:605px;
	position:relative;
	padding-bottom:10px;
}

#homepageheroblock-inner1
{
	background:url(../images/homehero-top.gif) no-repeat top left;
	width:605px;
}

#homepageheroblock img
{
	padding:10px 0 0 9px;
}

#homepageheroblock-inner2
{
	position:absolute;
	bottom:9px;
	left:9px;
	background:url(../images/homehero-curve.png) no-repeat bottom left;
	width:587px;
	height:108px;
}

#homepageheroblock h2
{
	font-size:170%;
	margin:38px 0 0 15px;
}

#homepageheroblock h2 a
{
	display:block;
	color:#083a81;
	text-decoration:none;
}

#homepageheroblock .thetext
{
	margin:5px 0 0 15px;
	font-size:150%;
	font-weight:bold;
}

#homepageheroblock .thetext a
{
	display:block;
	color:#1f1f1f;
	text-decoration:none;
}

#homepageheroblock .morelink
{
	display:block;
	color:#083a81;
	font-size:130%;
	margin:5px 0 5px 15px;
	text-decoration:none;
}


#homepageheroblock a:hover span
{
	text-decoration:underline;
}

#homenuggets
{
	margin-left:20px;
}

.homenugget
{
	margin:14px 0 0 11px;
	float:left;
	display:inline;
	width:194px;
	background:url(../images/homenugget-bottom.gif) no-repeat bottom left;
}

.homenugget-inner
{
	width:194px;
	background:url(../images/homenugget-top.gif) no-repeat top left;
	padding-top:10px;
	min-height:110px;
}

.firsthomenugget
{
	margin-left:0;
}

.lasthomenugget
{
	margin-left:12px;
}

.homenugget h2
{
	color:#083a81;
	font-size:130%;
	margin:0;
	padding:8px 10px 0 16px;
}

.homenugget h2 a
{
	display:block;
	color:#083a81;
	text-decoration:none;
}

.homenugget .thetext
{
	margin:0 0 0 16px;
	font-size:120%;
	color:#1f1f1f;
}

.homenugget .thetext p,
.homenugget .thetext a
{
	display:block;
	color:#1f1f1f;
	margin:3px 0 0 0;
	text-decoration:none;
}

.homenugget .morelink
{
	display:block;
	margin:3px 0 22px 16px;
	color:#083a81;
	font-size:120%;
	text-decoration:none;
}

.homenugget .morelink:hover span
{
	text-decoration:underline;
}

/****************************************** vacancy / vacancies *****************************************/

#vacancylist {
	padding:0;
	margin:0;
}

#vacancylist li {
	list-style:none;
	margin:11px 11px 8px 11px;
	padding-bottom:12px;
	background:url(../images/bg-head.jpg) no-repeat bottom left;
	font-size:120%;
	line-height:1.2em;
}

#vacancylist .location {
	font-style:italic;
	display:inline;
	
}

#vacancylist .morelink {
	margin-left:11px;
	color:#083a81;
	text-decoration:none;
	white-space:nowrap;
}

#allvacancieslink
{
	display:block;
	font-size:120%;
	color:#083a81;
	text-decoration:none;
	margin:0 0 11px 11px;
}

#vacancylist .morelink:hover span,
#allvacancieslink:hover span
{
	text-decoration:underline;
}

#vacancyinfo
{
	clear:both;
	float:left;
	display:inline;
	width:560px;
	border-top:1px solid #a1ce02;
	border-bottom:1px solid #a1ce02;
	padding:16px 0 4px 0;
	margin:16px 0 0 40px;
	font-size:140%;
}

#vacancyinfo .field
{
	margin:0 0 12px 0; 
}

#vacancyinfo .field .label
{
	font-weight:bold;
	margin-right:0.5em;
}

#vacancydetail .description
{
	float:left;
	display:inline;
	width:560px;
	clear:both;
	font-size:140%;
	line-height:1.2em;
	margin:6px 0 0 40px;
}

#vacancydetail .description a
{
	color:#0d5cab;
	text-decoration:underline;
}

#vacancydetail .description a:hover
{
	text-decoration:none
}

/****************************************** custom / dynamic forms *****************************************/

#dynamicform
{
	float:left;
	display:inline;
	clear:both;
	margin:6px 0 0 40px;
	background:url(../images/form-bottom.gif) no-repeat bottom left;
	width:582px;
	
}

#dynamicform-inner
{
	background:url(../images/form-top.gif) no-repeat top left;
	width:582px;
	padding-top:10px;
}

#dynamicform h2
{
	font-size:150%;
	color:#4f620b;
	padding:8px 0 8px 20px;
	margin:0;
}

#dynamicform .inputline,
#dynamicform .radiooptions
{
	clear:both;
	float:left;
	display:inline;
	width:562px;
	margin:0 0 0 20px;
	padding-bottom:10px;
}

#dynamicform .inputline label,
#dynamicform .radiooptions .fakelabel
{
	float:left;
	display:inline;
	width:95px;
	font-size:130%;
	margin-right:5px;
	padding-bottom:5px;
}

#dynamicform .radiooption label
{
	font-size:130%;
}

#dynamicform .radiobuttons
{
	float:left;
	display:inline;
	width:300px;
}

#dynamicform .inputline input,
#dynamicform .inputline select
{
	float:left;
	display:inline;
	width:300px;
	height:16px;
	font-size:130%;
	background-color:#efefef;
}

#dynamicform .inputline select
{
	height:auto;
}

#dynamicform .checkboxline input
{
	width:auto;
	background:none;
}

#dynamicform .inputline input.fileupload
{
	height:auto;
	font-size:100%;
}

#dynamicform .inputline textarea
{	
	float:left;
	display:inline;
	width:300px;
	background-color:#efefef;
	font:130% "Trebuchet MS", Verdana, sans-serif;
	height:80px;
}

#dynamicform .submitline
{
	float:right;
	display:inline;
}

#dynamicform #nojavascriptsubmit
{
	float:right;
	margin:0 150px 20px 0;
}

#dynamicform #javascriptsubmit
{
	float:right;
	display:inline;
	background:url(../images/submit.gif) no-repeat top left;
	width:180px;
	height:23px;
	margin:0 56px 20px 0;
	text-decoration:none;
}

#dynamicform #javascriptsubmit span
{
	font-size:140%;
	display:block;
	margin:4px 10px 0 18px;
	color:#4e610b;
}

#dynamicform #javascriptsubmit:hover span
{
	text-decoration:underline;
}


#dynamicform #placeline
{
	display:none !important;
}

#dynamicform fieldset
{
	clear:both;
	border:none;
	padding:0;
}

#dynamicform h3
{
	font-size:130%;
	color:#4f620b;
	
	margin:8px 0 8px 20px;
	padding:0;
}

#dynamicform .sectionintro
{
	font-size:130%;
	line-height:140%;
	margin:-8px 20px 0 20px;
}

#dynamicform .mandatorylabel
{
	font-size:150%;
	color:#7c9911;
	padding-left:0.2em;
}

#dynamicform .mandatorykey
{
	font-size:130%;
	margin:5px 0 20px 25px;
}

#dynamicform .error
{
	clear:both;
	display:block;
	font-size:120%;
	font-weight:bold;
	color:#7c9911;
	padding:2px 0 0 100px;
}

#dynamicform .feedbacks
{
	font-size:130%;
	font-weight:bold;
	margin:5px 0 20px 20px;	
	color:#7c9911;
}

.formsuccesstext
{
	clear:both;
	font-size:130%;
	margin:10px 0 0 40px;
	float:left;
	display:inline;
	display:block;
	width:560px;
}

/****************************************** child items list (courses, vacancies) *****************************************/

.childitemslist {
	float:left;
	display:inline;
	clear:both;
	margin:19px 0 5px 0;
	width:571px;
	background-image:url(../images/fullwidth-block-bg.gif);
	margin-left:40px;
}

.childitemslist-bg {
	float:left;
	display:inline;
	background:url(../images/fullwidth-block-top.gif) no-repeat top left;
}

.childitemslist-info {
	float:left;
	display:inline;
	width:571px;
	background:url(../images/fullwidth-block-foot.gif) no-repeat bottom left;
	padding:5px 0 20px 0;
}

.childitemslist-info h2
{
	font:bold 150%/100% "Trebuchet MS", Verdana, sans-serif;
	color:#4f620b;
	margin:20px;
}


.childitemslist-info ul
{
	float:left;
	display:inline;
	width:571px;
	margin:0;
	padding:0;
}

.childitemslist-info li
{
	float:left;
	display:inline;
	width:531px;
	list-style:none;
	padding:0 0 15px 0;
	margin:0 20px 10px 20px;
	font-size:140%;
	color:#1f1f1f;
	background:url(../images/childitem-sep.gif) no-repeat bottom left;
}

.childitemslist-info li.last
{
	background:none;
}

.childitemslist-info li img
{
	float:right;
	display:inline;
	width:120px;
}

.childitemslist-info li .right
{
	float:right;
	display:inline;
	width:401px;
	margin-left:10px;
	padding-bottom:5px;
}

.childitemslist-info li h3
{
	font-weight:bold;
	padding:0;
	margin:0;
}

.childitemslist-info li .location
{
	font-style:italic;
}

.childitemslist-info li .description
{
	clear:both;
	margin:4px 0 4px 0;
	line-height:110%;
}

.childitemslist-info li .morelink
{
	color:#083a81;
	text-decoration:none;
}

.childitemslist-info li .morelink:hover span
{
	text-decoration:underline;
}

.childitemslist-info li .closingdate
{
	font-style:italic;
	margin-bottom:4px;
}

/****************************************** 404 / page not found *****************************************/

.fourohfourcontentblock
{
	margin-bottom:200px;
}

/****************************************** coach *****************************************/

#coachinfo
{
	clear:both;
	float:left;
	display:inline;
	width:560px;
	border-top:1px solid #a1ce02;
	border-bottom:1px solid #a1ce02;
	padding:16px 0 4px 0;
	margin:16px 0 0 40px;
	font-size:140%;
}


#coachinfo .downloads h2
{
	float:left;
	display:inline;
	margin:0;
}

#coachinfo .downloads ul
{
	float:left;
	display:inline;
	margin:0 0 0 10px;
	padding:0;
}

#coachinfo .downloads ul li
{
	clear:both;
	float:left;
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

#coachinfo .downloads ul li a
{
	float:left;
	display:inline;
	padding:0;
	color:#0d5cab;
	text-decoration:none;
	padding-bottom:10px;
}

#coachinfo .downloads ul li a:hover span
{
	text-decoration:underline;
}

#coachinfo .field
{
	margin:0 0 12px 0; 
}

#coachinfo .field .label
{
	font-weight:bold;
	margin-right:0.5em;
}