/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

/* Main Content Wrappers */



#wrapper { width:868px; 

           background:#fff url('../images/page-content-border.jpg') repeat-y top left;

		   text-align:left;

		   margin:0 auto;

		   }

		   

#skipnav { width:868px;

           background:url('../images/top-page-edge.jpg') no-repeat top left; 

		   height:4px;

		   margin:0; padding:0;

		   text-indent:-99999em;

		   }

		   

#crumb-wrapper { width:860px; margin-bottom:5px; }



/* Top of Page crumb links and search */



#crumb-wrapper form { padding:0 10px 0 0; margin:0; 

                        text-align:right; width:150px; 

						float:right;

						}



#crumb-wrapper form input { vertical-align:middle; font-size:1.2em; }



#crumb-wrapper form input#search-txt { width:100px;  }



#crumb-wrapper ul#crumb-nav { margin:0; 

                      padding:0 5px 0 0; 

					  list-style:none; 

					  width:695px; 

					  float:left;

					  text-align:right;

					  font-size:1.1em; 

					  }

					  

#crumb-wrapper ul#crumb-nav li { display:inline; line-height:1.8em;}



#crumb-wrapper ul#crumb-nav li a { color:#696969; 

                                     border-right:solid #696969 1px; 

									 text-decoration:none;

									 padding:0 4px;

									 }

									 

#crumb-wrapper ul#crumb-nav li a strong { color:#99CC33; }

									 

#crumb-wrapper ul#crumb-nav li a:hover { text-decoration:underline; }

									 

#crumb-wrapper ul#crumb-nav li a.nobords { padding-right:0; border-right:none; }



/* Page Banner and Logo */



#page-banner { width:620px;

               height:220px;

               background:#295D8F url('../images/banner-globe.jpg') no-repeat top left;

			   padding-left:240px;

			   }

			   

#page-banner h2 { width:405px;

                  background:url('../images/banner-text.jpg') no-repeat top left;

				  float:left;

				  text-indent:-99999em;

				  height:220px;

				  margin:0;

				  }

				  

#page-banner blockquote { width:215px;

                  background:url('../images/banner-logo.jpg') no-repeat top left;

				  float:right;

				  text-indent:-99999em;

				  height:220px;

				  margin:0;

				  padding:0;

				  }

				  

				  

/* Bread Crumb Link  */



#bread-crumb { padding:0 0 0 10px; 

               margin:5px 0; 

			   font-size:1.1em; 

			   color:#636563; 

			   width:850px;

			   font-weight:900; 

			   }



#bread-crumb a { color:#636563; text-decoration:none; }



#bread-crumb a:hover { text-decoration:underline; }



/* Main content area  */



#content-wrapper { width:840px; padding-left:10px;}



#supp-nav { width:180px; float:left; font-size:1.1em;}

#maincontent { width:650px; float:right; font-size:1.1em; }



#content { width:650px; float:left;  }

#supp-content { width:160px; float:right; }





/* Main content area - supp-comtent area */



#supp-nav ul { list-style:none; margin:0 0 10px 0; padding:0 1px 1px 1px;

                   background-color:#fff;

				   border-left:solid #696969 1px;

				   border-top:solid #B7B7B7 1px;

				   border-bottom:solid #B7B7B7 1px;

				   border-right:solid #B7B7B7 1px;

				   }

				   

#supp-nav li { background-image:url('../images/nav-bk.gif');

               background-repeat:repeat-x;

			   background-position:bottom left;

               border-top:solid 1px #fff;

			   padding-left:10px;

			   line-height:1.8em;

			   }

				   

#supp-nav li a { color:#696969; font-weight:bold; text-decoration:none; }



#supp-nav li a:hover { text-decoration:underline; }


#news-content h3.news { background-color:transparent; 

               color:#fff;

			   margin:0;

			   padding:0;

			   font-size:1.1em;

			   text-align:center;

			   text-transform:uppercase;

			   line-height:1.1em; 

			   }


#supp-nav h3, #supp-content h3 { background-color:#636563; 

               color:#fff;

			   margin:0;

			   padding:0;

			   font-size:1.1em;

			   text-align:center;

			   text-transform:uppercase;

			   line-height:1.8em; 

			   }

			   

#partners-logos { 

                          border:solid #ccc 1px;

						  margin:0;

						  padding:10px 10px;

						  text-align:center;

						  }

						  

partners-logos img { margin-bottom:15px; }





/* Maincontent - Supp Content i.e. third col */



#conf-pod { background-color:#E6E6E6;

            padding:10px 15px;

			margin-bottom:10px;

			}

			

#supp-content h4 { margin:0; padding:0; font-size:1.1em; }

			

#supp-content p { margin:0 0 10px 0; padding:0; color:#636563; }



#conf-pod a { color:#636563; text-decoration:none; }



#conf-pod a:hover { text-decoration:underline; }



#news-pod { border:solid 1px #E6E6E6;

            padding:10px 15px;

			margin-bottom:10px;
			
            }

			

#news-pod h3 { text-transform:uppercase;font-size: 1.2em; }

			

#news-pod h3 a { color:#1757C0; text-transform:uppercase; }



#news-pod p a { text-decoration:underline; color:#636563; }



#news-pod p a:hover { text-decoration:none; }



/* Maincontent - Centre Content */



#content h1 { margin:0; 

              padding:0; 

			  text-transform:uppercase;

			  font-size:1.8em;

			  }

			  

#content p { margin:0 0 8px 0; padding:0; }



#content h2 { margin:0; padding:0; font-size:1.4em;}



.promo-sec { width:230px; margin-bottom:8px; }



.podl { float:left; }



.podr { float:right; }



.promo-sec p { margin:0!important; padding:0!important; }



.promo-sec h2 { background-color:#99CC33; 

                color:#fff; text-align:right; 

				margin:0; padding:0; 

				line-height:1.8em; 

				text-transform:uppercase;

				font-size:1.1em!important;

				}



.promo-sec h2 a { color:#fff; text-decoration:none; }



.promo-sec h2 a:hover { text-decoration:underline; }





.picl { width:120px; float:left; margin:0; padding:0;  }



/* FOOTER STYLES  */



#footer { width:860px;

          background:#000 url('../images/footer-bk.jpg') repeat-x top left;

		  padding:40px 0 20px 0; color:#fff; 

		   } 



#footer address { text-align:center; 

                  font-style:normal; 

				  font-weight:900;

				  margin:0; 

				  padding:0;

				  font-size:1.1em;

				  }

				  

#footer p { margin:4px 0 0 0; padding:0; text-align:center; font-size:0.9em; }





/* SITE CREDITS  */



#site-credits { width:868px; margin:0 auto;

                background:url('../images/page-border-footer.jpg') no-repeat top left;

				padding-top:30px;

				}

				

#site-credits p { text-align:center; padding:0; margin:8px 0; color:#696969; }



#site-credits a { color:#696969; text-decoration:none; }

	 			   

			   

/* DIV CLEARING STYLES  */



.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



* html .fixclear { height:1%;}

.fixclear { display:block; }

/*
content search page
*/
div#contentsearchresults
{
}

ul.search_pages
{
    margin: 0px;
	padding: 0px;
	list-style: none;
    float: right;    
}

ul.search_pages li
{
    display: inline;
    padding: 3px;
}

ul.search_pages li.selected
{
    font-size: 12px;
}

ul.search_result_item
{
    margin: 2px;
	padding: 0px;
    list-style: none;
}

ul.search_result_item li
{
    font-size: 12px;
    list-style: none;
    padding: 3px;
}

ul.search_result_details li.locations
{
    margin: 0px;
	padding: 0px;
}

ul.search_result_details li.locations
{
    font-size: 9px;
}

ul.search_result_details li.summary
{
    font-size: 11px;
}
/*
end search page
*/

/* Forms */

.requiredindicator
{
	float:left;
}

div.form div.form_subgroup ul.formitems
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*width:235px;*/
	height:50px;
}

div.form div.form_subgroup_conference_booking ul.formitems
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:235px;
}

.form_subgroup ul
{
	list-style-type:none;
}

.form_subgroup_conference_booking ul
{
	list-style-type: none;
}

.form_subgroup_conference_booking label
{
	width:230px;
	float:left;
	
}

.form_subgroup_conference_booking input
{

}

.form_subgroup_conference_booking ul
{
	list-style-type:none;
	width:230px;
}



.formitems input
{
	float:left;	
}

.description
{
	float:left;
	clear:both;
}


div.form div.form_subgroup ul.formitems li
{
	height:20px;
	list-style:none outside none;
}

div.form div.form_subgroup ul.formitems li label
{
	display:block;
	float:left;
	padding:0;
	width:100px;
}