/* ********************************* 0.KPI Google JavaScript Tables ************************************ */
.google-visualization-table-td {
font-size: 85%;
text-align: right;
}

.google-visualization-table-table {
padding: 0px !important;
}

.google-visualization-table-th, .google-visualization-table-sorthdr, google-visualization-table-tr-head {
text-align: center !important;
padding: 2px !important;
font-size: 90%;
}




.kpiTableInfo {
margin-bottom: 30px;
}
/* ****************************** 0.KPI Google JavaScript Tables  - END ******************************** */


/* ********************************* background color ************************************ */
body {
background-color: #7fd4e5;
}

/* ****************************** background color  - END ******************************** */


/* ********************************* EXTRA CSS - STAFF ************************************ */
#staffContentPageText {
width: 350px;
float: left;

}

#staffWeatherWidget {
float: right;
display: inline;
width: 300px;
border-left: 1px dashed #aaa;
padding: 0px;
margin: 0px;
padding-left: 15px;
padding-right: 5px;
}
/* ****************************** EXTRA CSS - STAFF  - END ******************************** */


/* ********************************* Module - Documents ************************************ */
.docIconBox {
margin: 3px;
padding: 0px;
height: auto;
float: left;
display: inline;
border: 1px solid #ccc;
margin-bottom: 30px;
}

.docIconBox img
{
display: block;
}
	
.docOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 215px;
	}

.docOverviewBox a.headerLink, .docOverviewBox a.headerLink:hover, .docOverviewBox a.headerLink:visited
{
text-decoration: none;
color: #666;
font-size: 110%;
font-weight: bold;
}

.docOverviewBox a.headerLinkViewMore, .docOverviewBox a.headerLinkViewMore:hover, .docOverviewBox a.headerLinkViewMore:visited
{
	text-decoration: none;
	font-size:90%;
}

.docIcongraphicLink {
border: none;
}
.docIconBox .imageBorder {
border: none;
}

.docIcongraphicLink img .imageBorder
{
border: none;
}

.docInfoHoldingBox {
margin: 0px;
width: 300px;
float: left;
display: inline;
margin-right: 31px;
}


.docInfoHoldingBox img {
border: 1px solid #ccc;
}



/* ****************************** Module - Documents  - END ******************************** */


/* ********************************* Module - FAQs ************************************ */
.faqsCatHoldingBox
{
margin-bottom: 15px;
margin-top: 10px;
}

.faqsIconBox
{
float: left;
margin-right: 15px;
}

#faqsmodule .genericBox
{
float: none;
margin: 0px;
padding:0px;
}

#faqsmodule p, #faqsmodule ul
{
clear: left;
}

#faqsmodule .buttonContainerBox
{
margin-bottom:20px;
}

/* ****************************** Module - FAQs  - END ******************************** */


/* ********************************* Module - Form ************************************ */
#formsModule 
{
padding: 0px;
margin: 0px;
}

#formsModule #summerCompetition2011HoldingDiv
{
width: 400px;
float: left;
}

#springCompetition2011, #spring2011KidsComp, #summer2011KidsCOmp
{
width: 480px;
margin-bottom: 50px;
}

#formsModule hr
{
width:100%;
margin-left: 20px;
}

.formLabelLong
{
width:230px;
}

#formsModule h2
{
float: none;
clear: both;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#formsModule .formBox, #formsModule .formField
{
width: 150px;
}


#formsModule  #LandLordsOnline
{
width: 705px;
margin-left: -30px;
}

#LandLordsOnline h2
{
margin-left: 30px;
}

#LandLordsOnline .formField
{
width: 200px;
}


/* ****************************** Module - Form  - END ******************************** */


/* ********************************* Module - Form - Bespoke for Repairs ************************************ */
#formsModule #customerRepairSatisfactionForm {
width: 650px;
padding: 0px;
margin: 0px;
}

#formsModule #customerRepairSatisfactionForm hr {
width:100%;
margin-left: 20px;
}

#formsModule #customerRepairSatisfactionForm .formBox {
clear both;
float: none;
}

#formsModule #customerRepairSatisfactionForm .formField {
width: 250px;
clear both;
float: none;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 30px;
background-color: #EBFAFE;
font-size: 110%;
color: #02A0C5;
border: 1px solid #02A0C5;
line-height: 1.5em;
}

#customerRepairSatisfactionForm textarea
{
margin-left: 20px;
border: 1px solid #02a0c5;
color: #02a0c5;
font-size: 110%;
margin-top: 15px;
margin-bottom: 15px;
}

#customerRepairSatisfactionForm .formLabelLong {
width:630px;
text-align: left;
padding-left: 15px;
display: block;
clear both;
float: none;
font-size: 110%;
line-height: 1.5em;
font-weight: normal;
height: auto;
}

#customerRepairSatisfactionForm .houseNumber, #customerRepairSatisfactionForm .postCode, #customerRepairSatisfactionForm .surname
{
width: 250px;
float: left;
}

#customerRepairSatisfactionForm #surname, #customerRepairSatisfactionForm #postCode, #customerRepairSatisfactionForm #houseNumber
{
float: left;
margin-left: 10px;
}

#formsModule #customerRepairSatisfactionForm h2 {
float: none;
clear: both;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#formsModule #customerRepairSatisfaction .submitButton {
background-color: #01A9CD;
color: #fff;
font-size: 120%;
padding: 10px;
border: none;
margin-bottom: 50px;
clear: both;
}


/****************************************************************************************************************************/





#formsModule #customerRepairSatisfactionHoldingDiv {
width: 650px;
padding: 0px;
margin: 0px;
}

#formsModule #customerRepairSatisfactionHoldingDiv hr {
width:100%;
margin-left: 20px;
}

#formsModule #customerRepairSatisfactionHoldingDiv .formBox {
clear both;
float: none;
}

#formsModule #customerRepairSatisfactionHoldingDiv .formField {
width: 600px;
clear both;
float: none;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 50px;
background-color: #EBFAFE;
font-size: 120%;
color: #02A0C5;
border: 1px solid #02A0C5;
line-height: 1.5em;
}

#customerRepairSatisfactionHoldingDiv .formLabelLong {
width:630px;
text-align: left;
clear both;
float: none;
font-size: 160%;
line-height: 1.5em;
font-weight: normal;
}

#formsModule #customerRepairSatisfactionHoldingDiv h2 {
float: none;
clear: both;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#formsModule #customerRepairSatisfaction .submitButton {
background-color: #01A9CD;
color: #fff;
font-size: 120%;
padding: 10px;
border: none;
margin-bottom: 50px;
}

/* ****************************** Module - Form - Bespoke for Repairs  - END ******************************** */


/* ********************************* Module - Gallery(standard) ************************************ */
/* IMAGE GALLERY - This is the Icon in the overview when the categories are listed **************** */
.GalleryIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}

/* IMAGE GALLERY - This is the Text in the overview when the categories are listed **************** */
.GalleryOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: right;
	width: 400px;
	}

/* IMAGE GALLERY - This is the Box that holds the individual thumbnail */
.galleryBox {
	margin: 10px;
	padding: 0px;
	float: left;
	display: inline;
	width: 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
}

/*  This is the box that holds all the thumbnails */
.thumbPicBox {
	margin: 5px;
	padding: 5px;
	width: 400px;
	border: 1px solid #00FF00;
	float:left;
}

/*  This is the BIG PIC on the page where the icons and the ibig pic are displayed. */
.mainPicBox {
	margin: 5px;
	padding: 0px;
	float: right;
	display: inline;
	width: 300px;
	text-align: left;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}




/*  This is the class for the form box which has the ALT text in that is controlled by the JavaScript */
.pictureALT {
	border: 1px solid #EEEEEE;
	width: 290px;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 3px;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* ****************************** Module - Gallery(standard)  - END ******************************** */


/* ********************************* Module - Help ************************************ */
#helpBoxMenu {
	margin: 1%;
	padding: 1%;
	height: auto;
	float: left;
	background-color: #DDDDDD;
	width: 28%;
	text-align: left;
	overflow: auto;
	min-height:300px;
}

#helpBoxMenu ul {
padding:0px;
margin:0px;
list-style-type:none;
}

#helpBoxMenu a, #helpBoxMenu a:visited, #helpBoxMenu a:hover {
font-size: 75%;
}

#helpBoxContent {
width: 63%;
margin: 1%;
padding: 1%;
height: auto;
float: right;
border: 1px dotted #CCCCCC;
background-color: #F5F5F5;
min-height:300px;
line-height: 140%;
font-size: 85%;	
}

/* ****************************** Module - Help  - END ******************************** */


/* ********************************* Module - Links ************************************ */
.linksBox {
	height: auto;
	float: left;
	display: inline;
	margin-top: 25px;
	margin-right: 1%;
	margin-bottom: 25px;
	margin-left: 1%;
	width: 46%;
	/* border: 1px solid #666666; */
	/* background-image: url(../images/BoxBG.jpg); */
	/* background-repeat: repeat-x; */
	font-size: 90%;
	}

.linksBox ul
{
clear: left;
}


.linksBox a, .linksBox a:visited, .linksBox a:hover {
font-size:small;
font-weight: normal;
color: #666666;
}
	
.linksIconBox {
	float: left;
	width: 70px;
	margin: 5px 0px 0px 5px;
}


.linksHeaderBox {
	margin: 15px 4px 0px 10px;
	float: left;
width:210px;
}

.linksHeaderBox h3 {
margin: 0px;
padding: 0px;
line-height: 70px;
}

/* ****************************** Module - Links  - END ******************************** */


/* ********************************* Module - News ************************************ */
/*************** RSS icon ***************/
 #newsRSSFeedIcon
{
position: absolute;
right: 13px;
top: 199px;
}

#newsYears
{
margin-left: 10px;
margin-top: 30px;
margin-bottom: 30px;
}
#filterNews, #mainPageContent #filterNews
{
	top: 198px;
	left: 2px;
	padding: 5px;
	border: 1px solid #999;
	background-image: url('../images/FeaturedArticleBG.jpg');
	background-repeat: repeat-x;
	width: 183px;
	background-color: #fff;
                      z-index: 10000;
                      position:absolute;
}


#filterNews h3 {
	font-size: 140%;
line-height: 50px;
margin-bottom: 20px;
}


#newsFilterForm {
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
}


#filterNews .formLabelSmall, #filterNews select {
	width: 35px;
	font-size: 9px;
	margin: 0px;
	padding: 1px;
}

#filterNews select {
	width: 140px;
	height: 20px;
	margin-left: 3px;
	margin-bottom: 2px;
}

.newsFilterButtons {
        color:white;
        background-color:#009EC5;
        border:none;
}


#filterFormSubmit {
	clear: both;
	float: left;
	width: 90px;
	padding: 1px;
	margin: 1px;
	display: inline;
	height: 25px;
}

#clearFilterForm {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#filterFormClearSubmit {
height: 25px;
margin-top: 1px;
}


/* ***************************************************************************************************************** */
/* 		LEAD FEATURED STORY
/* ***************************************************************************************************************** */

/* This is the box containing the headline in the actual news story */
.leadStory {
	position: relative;
	margin: 10px;
margin-right: 3px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url('../images/FeaturedArticleBG.jpg');
	background-repeat: repeat-x;
	margin-top: 30px;
	min-height: 250px;
overflow:auto;}
	
/* hack for IE5.5 & 6 */
* html .leadStory  {
	width: 94%;
}



.leadStory .newsStoryHeadline {
	font-size: 150%;
	color: #666666;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 40px;
}


.leadStory .newsStoryDate {
	position: absolute;
	top: 33px;
	right: 10px;
	font-size: xx-small;
}



/* This is the box containing the Actual News Articles Author details */
.leadStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}

/* This is the box containing the Actual News Text in the news story */
.leadStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	margin-right: 5px;
	}
	
/* This is the class for the H3 tag that says "News Images" */
.leadStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
.leadStory .newsStoryHPicBox {
display: block;
float: right;
	padding: 0px;
	width: 202px;
	margin-top: 6px;
	margin-bottom: 16px;
	margin-left: 20px;
	}

.leadStory .newsStoryPic {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	border: solid 1px #CCCCCC;
	}


/* This is the style for the caption text in the actual news story */
.leadStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 200px;
	}

/* This is the box containing the links to the documents in the actual news story */
.leadStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html .leadStory .newsStoryDocBox {
width: 94%;
}




















/* ***************************************************************************************************************** */
/* 		SUB FEATURED STORY
/* ***************************************************************************************************************** */
/* This is the box containing the headline in the actual news story */
.subStory {
	position: relative;
	margin: 10px;
margin-right: 0px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url('../images/FeaturedArticleBG.jpg');
	background-repeat: repeat-x;
	float: left;
	margin-top: 0px;
	width: 292px;
	}
	
/* hack for IE5.5 & 6 */
* html .subStory  {
	width: 300px;
margin-left: 5px;
margin-right:0px;
}



.subStory .newsStoryHeadline {
	font-size: 140%;
	color: #666666;
	line-height: 80%;
	font-weight: bold;
	margin-bottom: 40px;
}


.subStory .newsStoryDate {
	position: absolute;
	top: 35px;
	right: 10px;
	font-size: xx-small;
}



/* This is the box containing the Actual News Articles Author details */
.subStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}


/* This is the box containing the Actual News Text in the news story */
.subStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	}
	
/* This is the class for the H3 tag that says "News Images" */
.subStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
.subStory .newsStoryHPicBox {
	float: right;
	display: block;
	padding: 0px;
	width: 152px;
	margin: 0px;
	margin-top: 5px;
	margin-left: 10px;
	}

	

.subStory .newsStoryPic {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 150px;
	}




/* This is the style for the caption text in the actual news story */
.subStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 150px;
	}

/* This is the box containing the links to the documents in the actual news story */
.subStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html .subStory .newsStoryDocBox {
width: 94%;
}





































/* This is the box containing the thumbnail on the main overveiw view */
.newsOverviewPicBox {
	margin: 2px;
	margin-left: 10px;
	margin-top: 8px;
	padding: 0px;
	height: auto;
	float: left;
	width: 100px;
	border: 1px solid #000000;
	}

.newsOverviewPicBox img {
display: block;
}

/* This is the box containing the small headline and shortText on the main overveiw view */
.newsOverviewBox {
	margin: 5px;
margin-left: 10px;
	padding: 0px;
	height: auto;
	float: left;
	width: 200px;
	font-size: 85%;
	}

/* This is the box containing the headline in the actual news story */
#newsStory {
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow:auto;
}
	
/* hack for IE5.5 & 6 */
* html #newsStory {
	width: 94%;
}













/* ***************************************************************************************************************** */
/* 		NORMAL STORY LAYOUT 
/* ***************************************************************************************************************** */


/* This is the box containing the headline in the actual news story */
#newsStory {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url('../images/FeaturedArticleBG.jpg');
	background-repeat: repeat-x;
	clear: both;
	float: none;
	margin-top: 5px;
	min-height: 330px;
	width: 620px;
position: relative;
	}
	
/* hack for IE5.5 & 6 */
* html #newsStory  {
	width: 94%;
}


#newsButtonBackBox .miniButton {
position: absolute;
top: 360px;
left: 10px;
	padding: 10px;
	height: auto;
	width: 155px;
background-color: #7e64a4;
color: #fff;
z-index: 1000;
}



#newsStory .newsStoryHeadline {
	font-size: 170%;
	color: #666666;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 30px;
}


#newsStory .newsStoryDate {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: x-small;
}

* html #newsStory .newsStoryDate
{
top:230px;
right: 45px;
}


/* This is the box containing the Actual News Articles Author details */
#newsStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}



/* This is the box containing the Actual News Text in the news story */
#newsStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	margin-top: 35px;
	}
	
/* This is the class for the H3 tag that says "News Images" */
#newsStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
#newsStory .newsStoryHPicBox {
	float: right;
	display: inline;
	padding: 0px;
	width: 252px;
	margin: 20px;
	margin-top: 10px;
	}

	
/* This is the box containing the resized image in the actual news story */
#newsStory .newsStoryPicBox {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	}

#newsStory .newsStoryPicBox img
{
	border: solid 1px #CCCCCC;
}



/* This is the style for the caption text in the actual news story */
#newsStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 230px;
margin-left: 8px;
	}









/* This is the box containing the links to the documents in the actual news story */
#newsStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html #newsStory .newsStoryDocBox {
width: 94%;
}


.headerLink
{
font-size: 110%;
}



















a.newsTop:link, a.newsTop:visited, a.newsTop:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #7e64a4;
	text-align: right;
	float: right;
}
a.newsTop:hover {
	color: #000000;
}

/* ****************************** Module - News  - END ******************************** */


/* ********************************* Module - Personnel ************************************ */
.personnelBoxes {
margin: 5px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
float: left;
display: inline;
width: 120px;
/* border: 1px solid #33FF33; */
text-align: center;
}

.personnelBoxes a, .personnelBoxes a:visited {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	}

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

.personnelImageSmall {
	margin: 0px;
	padding: 0px;
	width: 100px;
	border: 1px solid #000000;
}

.personnelImageMain {
	margin: 5px;
	margin-right:20px;
	padding: 0px;
	float: left;
	width: 180px;
	text-align: center;
}

.personnelDetailsMain {
	margin-top: 5px;
	margin-right: 10px;
	padding: 0px;
	width: 470px;
	float:left;
	text-align: left;
}

.personnelDetailsHoldingBox {
width: 480px;
float: right;
}

.personnelDetailsHoldingBox h2 {
margin-bottom: 0px;
}

.personnelDetailsHoldingBox h3 {
margin-bottom: 10px;
font-size: 120%;
color: #666;
}

.personnelMainImageDetails {
width: 171px;
float: left;
}



.personnelBoxes #dialog_link2 {
height: 229px;
}

/* ****************************** Module - Personnel  - END ******************************** */


/* ********************************* Module - Recruitment ************************************ */
#recruitmentHoldingBox
{
margin-left: 5px;
}

a.jobCatButton:link, a.jobCatButton:visited, a.jobCatButton:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #000000;
	text-align: center;
	padding: 0px;
	height: auto;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: -1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	display: block;	
}
a.jobCatButton:hover {
	background-color: #EEEEEE;
	color: #666666;
}


a.fullDetailsButton:link, a.fullDetailsButton:visited, a.fullDetailsButton:hover, #recruitmentHoldingBox .buttonContainerBox a.miniButton:link, #recruitmentHoldingBox .buttonContainerBox a.miniButton:visited, #recruitmentHoldingBox .buttonContainerBox a.miniButton:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding: 2px;
	height: auto;
	margin: 3px 7px;
	float: right;
	width: 90px;
	background-color: #00A0C8;
	border: 1px solid #00A0C8;
}

#recruitmentHoldingBox .buttonContainerBox a.miniButton:link, #recruitmentHoldingBox .buttonContainerBox a.miniButton:visited, #recruitmentHoldingBox .buttonContainerBox a.miniButton:hover
{
margin-left: 0px;
float:none;
}

a.fullDetailsButton:hover, #recruitmentHoldingBox .buttonContainerBox a.miniButton:hover {
	background-color: #fff;
	border: 1px solid #00A0C8;
	color: #00A0C8;
}


*html a.fullDetailsButton:link, *html a.fullDetailsButton:visited, *html a.fullDetailsButton:hover
{
margin-top: 40px;
}

.recruitmentSortBox {
	width: 60px;
	display: inline;
	float: left;
}




.recruitmentBoxB, .recruitmentBoxBB {
	margin: 3px 10px;
	margin-left: 0px;
	width:auto;
	padding: 10px;
	float: none;
	border: 1px dotted #BBBBBB;
	clear: both;
	background-color: #EEEEEE;
	min-height: 50px;
}

*html .recruitmentBoxB, *html .recruitmentBoxBB
{
height: 150px;
}

.recruitmentBoxBB {
	background-color: #cdcdcd;
}

.recOverviewText {
	margin: 1%;
	width:60%;
	padding: 0%;
	height: auto;
	clear: none;	
	float: left;
	display: inline;

	}


/* This is the box that contains the job info and "Full Job Details" button */
.recOverviewRef {
	margin: 1%;
	width: 30%;
	padding: 2%;
	height: auto;
clear:both;
	float: right;
	display: inline;
	background-color: #DDDDDD;
	border: 1px solid #666;

-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

}

*html .recOverviewRef
{
margin-top: 3%;
}


.recOverviewRef h6 {
	float:left;
	font-weight: bold;
	clear:both;
	width: 200px;
font-size: 80%;
margin-bottom: 5px;
	}

*html .recOverviewRef h6
{
	float:left;
}

.recMainJob {
	margin: 10px 10px;
margin-left: 0px;
margin-bottom: 30px;
	padding: 0px;
	height: auto;
	float: none;
	border: 1px dotted #666666;
	background-color: #EEEEEE;
	font-size: 90%;
	display: block;
-moz-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
	}
	
.recMainHeader {
	margin: 0px;
	padding: 15px;
	height: auto;
	background-color: #a5a5a7;
	color: #FFFFFF;
	font-size: large;
	border: none;
	display: block;
line-height:25px;
-moz-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
	}

.recMainText {
	margin: 3px;
	width:325px;
	padding: 3px;
	height: auto;
	float: left;
	border-top: 1px none #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
padding: 20px;       
padding-top: 0px;	
}
	
.recMainText p
{
padding-right: 5px;
}

.recMainInfo {
	margin: 3px;
	padding: 3px;
	height: auto;
	float: right;
margin-right: 20px;
	}

.recMainInfo h3
{
margin-bottom: 10px;
font-size: 100%;
}

.recruitmentBoxB h5
{
float: left;
margin-left: 5px;
width: 350px;
clear:none;
font-size: 120%;
font-weight: normal;
color: #258CAD;
}

.recruitmentBoxBB h5
{
float: left;
margin-left: 5px;
width: 350px;
clear:none;
font-size: 120%;
font-weight: normal;
color: #258CAD;
}
/* ****************************** Module - Recruitment  - END ******************************** */


/* ********************************* Module - Sitemap ************************************ */
 #sitemap .SiteMapMenu ul li
{
margin-top: 15px;
}

 #sitemap .SiteMapMenu ul a
{
font-size: 140%;
color: #b03126;
font-weight: normal;
}
 #sitemap .SiteMapMenu ul ul li,  #sitemap .SiteMapMenu ul ul ul li
{
margin-top: 0px;
}

 #sitemap .SiteMapMenu ul ul 
{
margin-bottom: 0px;
}
 #sitemap .SiteMapMenu ul ul a
{
font-size: 115%;
color: #004a8f;
}

 #sitemap .SiteMapMenu ul ul ul a
{
font-size: 90%;
color: #59b6ef;

}


 #sitemap .SiteMapMenu ul ul ul li
{
margin-bottom: 0px;
padding-bottom: 0px;
}
/* ****************************** Module - Sitemap  - END ******************************** */


/* ********************************* Module - Videos ************************************ */
#videoMenu {
	margin: 5px;
	padding: 5px;
	height: auto;
	float: left;
	font-size: 75%;
	display: inline;
	background-color: #DDDDDD;
	width: 250px;
	text-align: left;
	overflow: auto;
	min-height:300px;
}

#videoMenu a, #videoMenu a:visited, #videoMenu a:hover {
font-size: 120%;
}

#videoMenu ul {
	margin: 0px;
	padding: 0px;
}

#videoMenu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#videoContent {
	margin: 5px;
	padding: 5px;
	height: auto;
	float: left;
	display: inline;
	border: 1px dotted #CCCCCC;
	background-color: #F5F5F5;
	min-height:300px;
	line-height: 140%;
	font-size: 75%;	
}
/* ****************************** Module - Videos  - END ******************************** */


/* ********************************* Modules - Translation Page ************************************ */
#translationLinks {
	width: 670px;
	margin-top: 50px;
	padding: 5px;
padding-right: 0px;
	background-color: #ffc;
}

#translationLinks table
{
border: none;
padding-right: 0px;
}


#translationLinks a, #translationLinks a:hover, #translationLinks a:visited  {
	color: #666;
	font-size: x-small;
	text-decoration:none;
}

#translationLinks li, #translationLinks ul {
	color: #666;
}

#TranslationHoldingBox {
	position:relative;
	width: 670px;
	z-index:20;
	margin-left: -5px;
	margin-top: -5px;
	overflow: visible;
	height: 230px;
	border: 1px solid #fff;
	}

#TranslationNotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	overflow: visible;
	visibility: visible;
	height: 120%;
	width: 100%;
	z-index:10;
	margin-bottom: 10px;
	border: 1px solid #fff;
}
#TranslationNoticeCover {
	width: 680px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:30;
	background-color: #fff;
	}

/* This is the side Cover white Box */
#TranslationNoticeCover2 {
	width: 10px;
	height: 280px;
	position: absolute;
	background-color: #fff;
	top: 0px;
	left: 0px;
	z-index:30;
	}
/* ****************************** Modules - Translation Page  - END ******************************** */


/* ********************************* Page Element - MAIN PAGE CONTENT ************************************ */
#mainPageContent {
width: 665px;
float: right;
margin: 0px;
margin-top: 4px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
 }

* html #mainPageContent
{
margin-right: 2px;
}
/* ****************************** Page Element - MAIN PAGE CONTENT  - END ******************************** */


/* ********************************* Page Element - Page Images ************************************ */
#pageImages {
	float: right;
	width: 154px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: auto;
}

.pageImagesEach {
	width: 150px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border: 1px solid #333333;
}

.captionText {
	width: 150px;
	font-size: 80%;
	line-height: 90%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 3px;
	color: #003366;
}

/* ****************************** Page Element - Page Images  - END ******************************** */


/* ********************************* Page Element - Page Text ************************************ */
#pageText
{
padding: 0px;
display: inline;
}
/* ****************************** Page Element - Page Text  - END ******************************** */


/* ********************************* WinterCompetition ************************************ */
#WinterCompetition {
margin: 0px;
padding: 0px;
}

#WinterCompetition h2 {
clear: none !important;
display: inline;
}

#autumnCompetition h2, #winterCompetition h2
{
clear: none;
}


#autumnCompetition, #winterCompetition
{
clear:none;
float: left;
}
/* ****************************** WinterCompetition  - END ******************************** */