@charset "utf-8";
/* CSS Document */

html{
    font-size:100%;
}
body{
    margin:0;
    padding:0!important;
    font-family:Arial,sans-serif;
    font-size:1em;
    position:relative;
}
a{
    text-decoration:none;
    color:#017B81
}
a img  {border: none;}
a:hover{
    text-decoration:underline
}
a:focus, 
a:hover, 
a:active {
	color: #0000FF;
	text-decoration: underline;
}
.skiplinks {display: none;}
#page_content h1{
	font-size:1.5em;
	font-weight:normal;
	color:#017B81;
	margin-top:0;
	padding-bottom:3px
}
#page_content h2{
    font-size:1.2em;
    font-weight:bold;
    color:#017B81;
}
#page_content h3{
    font-size:1.1em;
    font-weight:bold;
    color:#017B81;
}
#page_content h4{
    font-size:1em;
    font-weight:normal;
    color:#017B81;
}
#page_content p,
#side_content p{
    line-height:1.4em
}
#page_content a,
#side_content a{
    /*font-weight:bold;
    text-decoration:underline;*/
	color: #0000FF;
}

/*=====================*/
/* HEADER STYLES */
/*=====================*/

#menu1{
    float:left;
    width:100%;
   /* background:#017B81;*/
	background: #646464;
    border-bottom:solid 5px #fff;
	color: #FFF;
}
#menu1 ul{
	margin:0;
	padding:0 0 0 19px;
	list-style:none;
	float:left;
	font-size:0.75em
}
#menu1 ul li{
    float:left;
	/*padding:7px 0px;*/
	padding:4px 0px;
}
#menu1 ul li a{
    color:#fff;
    float:left;
    /*padding:7px 8px;*/
    padding:0px 8px;
    border-left:solid 1px #fff
}
/*#menu1 ul li:official,*/
.official{
    color:#fff;
    padding:7px 8px;
    border-left:0;
    padding-left:19px;
}
#menu1 ul li:first-child a,
#menu1 ul li.first-child a{
    border-left:0;
    padding-left:8px;
}
li.current a {
    font-weight:bold!important;
}
#menu1 ul li a:hover,
#menu1 ul li a.selected{
	/*background:#7D6697;
	background: #7E7E7E;*/
	color:#fff;
	/*text-decoration:none;*/
	text-decoration:underline;
}
/*---MENU2--------------*/
#menu2{
    float:left;
    width:100%;
    background:#9bd7df
}
#menu2 ul{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    font-size:0.75em
}
#menu2 ul li{
    float:left
}
#menu2 ul li a{
    color:#333;
    float:left;
    padding:7px 8px;
    border-left:solid 1px #fff
}
#menu2 ul li:first-child a,
#menu2 ul li.first-child a{
    border-left:0;
    padding-left:19px
}
#menu2 ul li a:hover,
#menu2 ul li a.selected{
    background:#3dbece;
    color:#333;
    text-decoration:none
}
#menu2 #sitetools{
    float:right;
   /* width:385px;*/
    width:300px;
    padding:3px 20px 0 0;
    margin:0;
    font-size:0.75em
}
#menu2 #help{
    float:left;
    position:relative;
    /*top:-1px*/
    padding-top: 2px;
	*padding-top: 0; /* IE7 */
	_padding-top: 0; /* IE6 */
}
#menu2 #help .textsize a{
    color:#333
}
#menu2 #search{
    float:right
}
#menu2 #search form{
    margin:0;padding:0;
	padding-top: 4px;
	*padding-top: 0; /* IE7 */
	_padding-top: 0; /* IE6 */
}
#menu2 #search form label{
	padding-left:15px;
	padding-top:3px;
	*padding-top: 0; /* IE7 */
	_padding-top: 0; /* IE6 */
}
#menu2 #search form input{/*search button
    position:relative;
    top:-1px*/
	position: relative;
	top: .2em;
}
#menu2 #search form input.searchtext{
    top:auto;
    width:105px;
    height:16px;
    border:solid 1px #666
}

/*---LOGO---------------*/
#logo{
    float:left;
    width:100%;
    background:#E6E6E6 url(/web/Templates/new-msp-home_files/logo_bg.jpg) repeat-x;
    padding:8px 0 0 0;
    border-top:solid 1px #fff;
}
#logo #prince2{
    /*background:url(/web/Templates/_files/prince2logo.jpg) no-repeat;*/
    width:162px;
    height:75px;
    float:left;
    position:relative;
    left:19px
}
#logo #ogc{
    /*background:url(/web/Templates/_files/ogclogo.jpg) no-repeat;*/
    width:191px;
    height:75px;
    float:right
}
/*--DIVIDER-------------*/
#divider{
    width:100%;
    float:left;
    background:url(/web/Templates/new-msp-home_files/divider_bg.jpg) repeat-x;
}
#divider .inner{
	/*--width:80px;*/
    /*--height:57px;*/
	height:15px;
	border-bottom:solid 1px #017B81;
	/*--background:url(images/pennib.jpg) no-repeat;*/
}
/*--BREADCRUMBS---------*/
#breadcrumbs{
    float:left;
    width:100%;
    padding-top:10px;
    font-size:0.6875em
}
#breadcrumbs .inner{
    padding:0 12px 0 19px
}
#breadcrumbs,
#breadcrumbs a{
    color:#017B81;
}
#breadcrumbs #date_container{
	float:right;
	width:27%
}
#breadcrumbs .date{
	float:right;
	padding-left:21px
}
#breadcrumbs .breadcrumbs{
    float:left
}


/*=====================*/
/* BODY STYLES */
/*=====================*/

#body{
    padding-top:25px;
    float:left;
    width:100%;
	min-width: 890px;
}
#body .inner{
	/* padding:0 12px 0 19px*/
    padding:0 12px 0 4px
}
/*--PAGE MENU----------*/
#page_menu{
    float:left;
    width:23%;
    /*font-size:0.8875em;*/
    margin:0 14px 0 0;
	font-size: .8em;
	min-width: 200px;
	max-width: 250px;
}
#page_menu ul{
    list-style:none;
    /*margin:0 25px 0 0;*/
    margin:0 19px 0 0;
    padding:0;
}
#page_menu ul li{
    padding:0;
    margin:0;
    padding-left:15px;
}
#page_menu ul li a{
    display:block;
    background:url(/web/Templates/new-msp-home_files/page_menu_bg.gif) no-repeat left bottom;
    color:#017B81;
}
* html #page_menu ul li a{
    height:1%;/*IE6 fix*/
}
#page_menu ul li a,
#page_menu ul li.selected{
    background:url(/web/Templates/new-msp-home_files/page_menu_bg.gif) no-repeat left bottom;
    padding-top:4px;
    padding-bottom:4px
}
.ae_menuopen,
.ae_open{
	padding-top:4px!important;
}
.ae_open{
    padding-bottom:4px!important;
}
* html #page_menu ul li.selected{
    padding-top:1px/*fix IE6 top padding*/
}
#page_menu ul li.selected{
    padding-left:15px
}
#page_menu ul li.selected,
#page_menu ul li.ae_menuopen,
/*#page_menu ul li a:hover*/{
	color:#666666;
	text-decoration:none;
	font-weight: bold;
    background:url(/web/Templates/new-msp-home_files/page_menu_bg2.gif) no-repeat left bottom;
}
#page_menu img {display: none;}
#page_menu ul li.ae_menuopen ul li a {
	font-weight: normal;
	background: none!important;
}
#page_menu ul li a:hover{/*stops bottom border overlapping*/
    margin-top:-1px;
    padding-top:5px;
}

/*--PAGE CONTENT-------*/
#page_content{
    width:52%;
    float:left;
    font-size:0.75em
}
#one-col #page_content {
    width:75%;
    float:left;
    font-size:0.75em
	}

/*--SIDE CONTENT-------*/
#side_content{
    width:20%;
    float:right;
	min-width: 180px;
}
.side_box {
    background:#F7F7F7;
    border:solid 1px #ADADAD;
    text-align:center;
	margin-bottom: 1em;
}
#side_content .inner{
    padding:0;
    margin:0;
    font-size:0.6875em
}
#side_content h2{
	/*background:#F7F7F7;
	background: #00adc0;
	color: #FFFFFF;*/
	color:#017B81;

	margin:0;
	font-size:1em;
	padding:5px 0
}
#side_content p{
    padding:10px
}


/*=====================*/
/* PAGE CONTENT STYLES */
/*=====================*/
#page_content .highlight_box{
	background:#FFF;
	color:#666666;
	font-size:1.1em;
	font-weight:bold;
	padding:7px 20px;
	border-bottom:solid 1px #666666;;
	border-TOP:solid 1px #666666;
}


/*=====================*/
/* FOOTER STYLES */
/*=====================*/
#footer{
    width:100%;
    float:left
}
#footer .inner{
    padding:0 12px 0 19px
}

#footer #pagedetails{
    padding:10px 0;
    margin:0 0 10px 0;
    border-bottom:solid 1px #86F9FF;
    font-size:.75em
}
#footer #pagedetails #back_to_top{
    float:left;
    width:23%;
    min-width: 200px;
    max-width: 250px;
    text-align:right;
    /*text-align:left*/
}
#footer #pagedetails #back_to_top .inner{
    padding:0 25px 0 0;
    text-align:right
}
#footer #pagedetails #spacer{
    float:right;
    width:25%;
    text-align:right
}
#footer #footer_info{
    font-size:.6875em
}
#footer #footer_info #copyright{
    float:left;
    width:23%;
    min-width: 200px;
    max-width: 250px;
    /*text-align:right*/
    text-align:left
}
#footer #footer_info #copyright p{
    margin:0 25px 0 0;
    padding:0
}
#footer #footer_info #links{
    float:left;
    width:52%
}
#footer #footer_info #links p{
    margin:10px 0;
}
#footer #footer_info #emblems{
    float:right;
    width:25%;
    text-align:right
}

/* AE MENU */

/* start TOP LEVEL LINK SELECTED */
.Col1MenuSelectedArea1 {
	color: #666666;
	font-weight: bold;
	background-color: #FFF;
	margin: 0;
	padding: 3px 2px 3px 0px;
	clear: both;
}
.Col2MenuSelectedArea1 {
	color: #666666;
	font-weight: bold;
	background-color: #FFF;
	margin: 0;
	padding: 3px 2px 3px 0px;
	clear: both;
}
.Col1MenuSelectedArea1 A {color: #666666!important;}
.Col2MenuSelectedArea1 A {color: #666666!important;}

/* start TOP LEVEL LINKS */
.Col1MenuNonSelectedArea1 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuNonSelectedArea1 {
	margin: 0;
	padding: 3px 2px 3px 0px;
	border-bottom: 1px solid #EAEAEA;
	clear: both;
}
.Col1MenuItemOdd1 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuItemOdd1 {
	margin: 0;
	padding: 3px 2px 3px 0px;
	border-bottom: 1px solid #EAEAEA;
	clear: both;
}
.Col1MenuItemEven1 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuItemEven1 {
	margin: 0;
	padding: 3px 2px 3px 0px;
	border-bottom: 1px solid #EAEAEA;
	clear: both;
}

/* end TOP LEVEL LINKS start LEVEL 2 LINKS */
.Col1MenuSelectedArea2 {
	font-weight: bold;
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuSelectedArea2 {
	font-weight: bold;
	margin: 0;
	padding: 3px 2px 3px 5px;
	clear: both;
}
.Col1MenuNonSelectedArea2 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuNonSelectedArea2 {
	margin: 0;
	padding: 3px 2px 3px 5px;
	clear: both;
}
.Col1MenuItemOdd2 {
	margin: 0;
	padding: 3px 4px 3px 2px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuItemOdd2 {
	margin: 0;
	padding: 3px 4px 3px 5px;
	clear: both;
	background-color: #FFF;
}
.Col1MenuItemEven2 {
	margin: 0;
	padding: 3px 4px 3px 2px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuItemEven2 {
	margin: 0;
	padding: 3px 4px 3px 5px;
	clear: both;
	background-color: #FFF;
}

/* end LEVEL 2 LINKS start LEVEL 3 LINKS */
.Col1MenuSelectedArea3 {
	background-color: #FFF;
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
}
.Col2MenuSelectedArea3 {
	background-color: #FFF;
	font-weight:bold;
	margin: 0;
	padding: 2px 2px 2px 10px;
	clear: both;
}
.Col1MenuNonSelectedArea3 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuNonSelectedArea3 {
	margin: 0;
	padding: 2px 2px 2px 10px;
	clear: both;
	background-color: #FFF;
}
.Col1MenuItemOdd3 {
	margin: 0;
	padding: 2px 4px 2px 2px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuItemOdd3 {
	margin: 0;
	padding: 2px 4px 2px 10px;
	clear: both;
	background-color: #FFF;
}
.Col1MenuItemEven3 {
	margin: 0;
	padding: 2px 4px 2px 2px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuItemEven3 {
	margin: 0;
	padding: 2px 4px 2px 10px;
	clear: both;
	background-color: #FFF;
}

/* end LEVEL 2 LINKS start LEVEL 3 LINKS */
.Col1MenuSelectedArea4 {
	background-color: #FFF;
	margin: 0;
	font-weight: bold;
	padding: 2px 4px 2px 2px;
	clear: both;
	width: 5px;
}
.Col2MenuSelectedArea4 {
	background-color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 2px 2px 2px 15px;
	clear: both;
}
.Col1MenuNonSelectedArea4 {
	margin: 0;
	padding: 2px 2px 2px 2px;
	clear: both;
	width: 5px;
	background-color: #FFF;
}
.Col2MenuNonSelectedArea4 {
	margin: 0;
	padding: 2px 2px 2px 15px;
	clear: both;
	background-color: #FFF;
}
.Col1MenuItemOdd4 {
	margin: 0;
	padding: 2px 4px 2px 0px;
	clear: both;
	width: 10px;
	background-color: #FFF;
}
.Col2MenuItemOdd4 {
	margin: 0;
	padding: 2px 4px 2px 15px;
	clear: both;
	background-color: #FFF;
}
.Col1MenuItemEven4 {
	margin: 0;
	padding: 2px 4px 2px 2px;
	clear: both;
	width: 5px;
	background-color: #FFF;
}
.Col2MenuItemEven4 {
	margin: 0;
	padding: 2px 4px 2px 15px;
	clear: both;
	background-color: #FFF;

}
.menuSystemDefault {
	WIDTH: 98%;
	color: #017B81;
	/*font-size: 1.1em;*/
	}
.menuSystemDefault a {
	color: #017B81;
	}

.menuSystemDefault td {
	color: #666666;
	}
	
/***********************************************************************
	3 - FORMS
************************************************************************/
/*form {
  margin: 0px;
  padding: 0px;
}*/


.formContainer input, form select {
  margin: 0px;
  padding: 0px;
  font-size: small;
}

.formContainer label, form textarea {
	font-size: small;
}

.formContainer {
	padding: 5px;
}

.FormField,
.infoText,
.FormDescription,
.gridrow {
	margin: 0.5em 0px .5em;
}

.formContainer label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}

.FormField label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}

/*.answers {	RH - MAY BE USED IN FUTURE IF RADIO BUTTONS ARE TO BE DEVELOPED TO RENDER BENEATH EACH OTHER
	float: left;
}*/

.answer {
	display:inline;
	}

.answer label{	/* RH - used for styling radio button answers, with correct accessibility */
	display: inline;
	float: none; 
	padding: 0px; 
	margin: 0px 5px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: bottom;
}

#login label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}
.FormField_sm label {
	width: 80px;
	margin-bottom: 10px;
}

.FormField_sm select {
	font-size: small;
	
}


.FormField_sm span {
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	font-size: small;
	display: block;
	
}
#sitemap a {color: #000;}

#sitemap a:focus, 
#sitemap a:hover, 
#sitemap a:active {
	color: #0000FF!important;
	text-decoration: underline;
}

/*
		* Form Styling v1.0
		* Activedition 2011
		* Developed by Guy Whammond
		* Information: 
		*/
		
		/*****************************************************************************************************************/
		/* FORM STRUCTURE */
		/*****************************************************************************************************************/
		
		/* FORM STRUCTURE */
		.form_style { font-family: Verdana, Geneva, sans-serif; font-size:12px; }
		.form_style { padding:0px; margin:0px; }
		.form_style .form_description{ font-size:18px; font-weight:normal; margin-bottom:0px;}
		.form_style .form_required { color:black; padding:5px 0px; margin:0px 0px 5px 0px; }
		
		/* FORM INPUT */
		.form_style input, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size:12px !important; padding:3px !important; }
		.form_style input.ae_textfield { width:300px;}
		.form_style input.ae_numberfield { width:100px;}
		.form_style input.ae_datefield { width:30px;}
		.form_style input.ae_dateyearfield { width:45px;}
		.form_style input.ae_fileupload { }
		.form_style input.ae_button { padding:0px 10px; }
		.form_style select.ae_droplist { }
		.form_style textarea.ae_textarea { width:300px; height:150px; }
		.form_style radio.ae_radio {  }
		
		/*****************************************************************************************************************/
		/* FORM STYLING */
		/*****************************************************************************************************************/
		
		/* FORM STYLE 1 */
		.form_style.style_1 .form_row { margin-bottom:5px; padding:5px; }
		.form_style.style_1 .form_row.form_odd { background:#FFFFFF; }
		.form_style.style_1 .form_row.form_even { background:#FFFFFF; }
		.form_style.style_1 .form_row .form_row_l { margin-bottom:5px; }
		.form_style.style_1 .form_row .form_row_r { }
		.form_style.style_1 .form_row_answers { }
		.form_style.style_1 .form_row_answer { float:left; }
		.form_style.style_1 .ae_clearme { }
		
		/* FORM STYLE 2 */
		.form_style.style_2 .form_row { margin-bottom:5px; padding:5px; }
		.form_style.style_2 .form_row.form_odd { background:#FFFFFF; }
		.form_style.style_2 .form_row.form_even { background:#FFFFFF; }
		.form_style.style_2 .form_row .form_row_l { float:left; width:200px; margin-right:20px; padding-top:4px; }
		.form_style.style_2 .form_row .form_row_r { float:left; }
		.form_style.style_2 .form_row_answers { }
		.form_style.style_2 .form_row_answer { float:left; }
		.form_style.style_2 .ae_clearme { }
		
		/* FORM STYLE 4 */
		.form_style.style_4 .form_row { margin-bottom:5px; padding:5px; float:left; margin-right:20px; }
		.form_style.style_4 .form_row.form_odd { background:#FFFFFF; }
		.form_style.style_4 .form_row.form_even { background:#FFFFFF; }
		.form_style.style_4 .form_row .form_row_l { float:left; width:200px; margin-right:20px; padding-top:4px; }
		.form_style.style_4 .form_row .form_row_r { float:left; width:300px; }
		.form_style.style_4 .form_row_answers { }
		.form_style.style_4 .form_row_answer { float:left; }
		.form_style.style_4 .ae_clearme { clear:both; }
		
		/*****************************************************************************************************************/
		/* POLL STYLING */
		/*****************************************************************************************************************/
		
		.poll_style { font-family: Verdana, Geneva, sans-serif; font-size:12px; }
		.poll_style { padding:0px; margin:0px; }
		.poll_style .form_description{ font-size:18px; font-weight:normal; margin-bottom:0px;}
		.poll_style .form_required { color:red; padding:5px 0px; margin:0px 0px 5px 0px; }
		.poll_style .form_question { font-weight:bold; margin-bottom:5px; }
		
		/* POLL STYLE [DEFAULT] */
		.poll_style .form_row_answers {}
		.poll_style .form_row_answer { }
		
		/* POLL STYLE [INLINE] */
		/*.poll_style.style1 .poll_row_answers {}
		.poll_style.style1 .poll_row_answer { float:left; }*/

        /* RESULT STYLING */
        .poll_results { width:60%; border:1px solid #000000; border-bottom:0px; }
        .poll_results .results_heading { background:#000000; text-align:center; color:#ffffff; padding:5px; }
        .poll_results .results_heading .results_question { font-size:12px; margin:0px; padding:0px; font-weight:bold; margin-bottom:5px; }
        .poll_results .results_heading p { font-size:12px; margin:0px; }
        
        .poll_results .results_answer { border-bottom:1px solid #000000; padding:5px; }
        .poll_results .results_answer p { font-size:12px; margin:0px; padding:0px; margin-bottom:5px; }
        .poll_results .results_answer .bar { height:15px; background-color:#cccccc; }
        .poll_results .results_answer .bar.bar_1 { background-color:#990000; }
        .poll_results .results_answer .bar.bar_2 { background-color:#009933; }
        .poll_results .results_answer .bar.bar_3 { background-color:#330099; }
        .poll_results .results_answer .bar.bar_4 { background-color:#999900; }
        .poll_results .results_answer .bar.bar_5 { background-color:#990055; }
        .poll_results .results_answer .bar.bar_6 { background-color:#995500; }



		/*****************************************************************************************************************/
		/* CLEARFIX */
		/*****************************************************************************************************************/
		
		.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
		.clearfix { display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }

/*Begin AESTYLE*/

.image-left{
    float:left;
    padding: 0px 10px 10px 0px;
    border-style:none;
}
                

.image-right{
    float:right;
    padding:0px 0px 10px 10px;
    border-style:none;        
}


/*End AESTYLE */