body {
	color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, sans-serif;
	font-size:100%;
}

/*The input fields all need to dotted 1px. Wherever an input field is inserted it will automatically be have 1px dots all around it. The font size is needed for the user inputting their details. SD 06/10/2008*/
input {
	border: 1px dotted #0099CC;
	font-size:100%;
}

/*************Start of the Header Box and header image classes*******************/	

/*The header is a blue box going across at the top of the page- it has several layers embedded the menu, the logo-- the width of the blue box is 900px. The background colour has been define by Hype.  The Position is set to absolute which is used for the logo.The menu file and the logo will be used on each box to be placed in the DIV headerBox.SD 06/10/2008 */
#headerBox{
	position:absolute;
	width:900px;
	height:115px;
	background-color: #010066;
}

/*The logo class is used for the location of the prestige nursing logo.  The position is needed for the logo and the bottom and left are defined for the positioning inside the blue headerBox  SD 06/10/2008*/
.logo{
	position:absolute;
	bottom:13px;
	left:20px;
}

/*The menu ID below is for the poistioning of the drop down menu- The menu has it's own CSS in the menu folder. The Widith is needed for the menu to position and fit correctly.. The Top measurements are needed which is from the top of the header box until where it will be positioned and same with left --positioning SD 06/10/2008 */
#menu {
	position:absolute;
	left:330px;
	top:65px;
	width:600px;
}
/* the box for the image being used directly underneath the blue headerbox with the logo and the menu. 
 Need to apply the image directly to the class do not add it as background image
 The positioning to absolute is needed to be placed directly underneath the blue header box. The top is needed to define how much from the top of the page the image should be positioned. The image sizes are set all to 900px x 140px-- they need to sized before using them on the website. SD 06/10/2008 */
#headerImage {
	position:absolute;
	top:115px;
}

/*************End of the headerbox and header image classes*******************/	

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

/*************Start of the Right column classes*******************/	

/* the rightColumn is the class that holds the search box, the member login boxes and the current vacancies, contact us--- all the classes are placed within this class- the width of the right colum is based on the accurate drawings provided by Hype-- as the whole width of the website is 900px.
The left, top and width are all based on the positioning of the right Column.
The border width, colour and style are based on Hype's designs the top border is not required and has no style.
The Height has been set to 730px so it can fit 5 vacancies, the contact us box etc. The font size has been defined in the right column for everything else unless defined in the class speficially. SD 06/10/2008
 */
#rightColumn {
	position:absolute;
	left:648px;
	top:256px;
	width:248px;
	border-width:1px;
	border-color:#0099CC;
	border-style:dotted;
	border-top-style:none;
	height:730px;
	font-size:80%;	
	color:#7CB4F1; /*this is the colour for all the font unless specified SD 13/10/2008*/
}
/*These are these are the styles for any hyperlinks for the right column.*/
#rightColumn a:link, #rightColumn a:visited, #rightColumn a:active{
	font-weight:normal;
	text-decoration:none;
	color:#010066;
}
#rightColumn a:hover
{
	color:#8080b2;
}
/* the submit button is for the search and logging into the member site depending on which website you are viewing. The submit button on the prestige nursing website are using background images of a blue arrow. The border needs to defined as none otherwise it will inherit the input class of a 1px border.  The Width and Height are used to constrain the background Image. SD 06/10/2008 */
.submitButton {
	background-image: url(/images/recruitment/bluearrow.png);
	width:15px;
	height:15px;
	border:none;
	background-repeat:no-repeat;
}

/**************************Box 1-- The Search box**************************************/

/* searchBox is used for positioning of the input field in the right column SD 06/10/2008  */
#searchBox {
	position:absolute;
	left:13px;
	top:10px;
}

/**************************End of Search Box class *************************************/


/***********The box title class is used for all the right hand side column boxes********/

/*This class is used for member login and contact us and current vacancies. 
This defines the colour of the text for all three titles. 
It also defines the positioning of the boxes in their classes.
SD 06/10/2008*/
.boxTitle{
	color: #FFFFFF;
	margin-left: 13px;
	margin-top: 2px;
	font-size:120%;
	font-weight:bold;
	height:22px;
}

/***********The end of things classes that are used more than once.********/

/**************************Box 2-- The Member login box**************************************/

/***************The memebr login box uses all the classes below plus the boxTitle**********/

/*#login is for the postioning of the box from the bottom of the image- ..boxTitle is used for the title of the login section. 
The width defines the background colour to fit fully in the right column.
This class is only used for the memebr login box.
It is for the positioning of the box title. 
The background colour has also been defined by Hype for the box titles. The width and the background colour have to be applied to the class below for the positioning and the background colour being applied fully to the boxTitle.
SD 06/10/2008 */
#login {
	position:absolute;
	top:43px;
	width:100%;
	background-color: #8080b2;
}

/*#emailLogin is for the positioinng of the email login box for the member login which is poistioned underneath #login*/
#emailLogin {
	position:absolute;
	left:13px;
	top:75px;
}
/*#passwordLogin is for the positioinng of the password box for the memebr login which is poistioned underneath #emailLogin */
#passwordLogin {
	position:absolute;
	left:13px;
	top:120px;
}
/**************************End of Member login class *************************************/

/**************************Box 3-- The Contact Us box**************************************/

/**** The Contact Us Box is using all classes below including the boxTitle and inherting attributes from right column SD 06/10/2008 SD */

/*The contact us box below is for the positioning of the box title. The background colour has also been defined by Hype for the box titles. The width and the background colour have to be applied to the class below for the positioning and the background colour being applied fully to the boxTitle. SD 06/10/2008*/
#contactUsBox {
	position:absolute;
	top:200px;
	width:100%;
	background-color: #8080b2;
}
/*The contactUsInfo is for the positioning and styles for the contact numbers*/
#contactUsInfo {
	position:absolute;
	left:13px;
	top:225px;
	width:220px;
	height:125px;
	font-size:100%;
	color:#010066;
	font-weight:normal;
}
/*Jonathan Bruce requestd that the titles for the contact numbers should be smaller font size - the contactUsInfoTitle class is applied to both the titles. SD  06/10/2008*/
.contactUsInfoTitle {
	font-size:150%;	
	font-weight:bold;

}
/**************************End of Contact Us Box class *************************************/

/*********************Box 4-- The Random all branches Current Vacancies box ******************/
/*the current vacancies box is a random search on all the current vacancies. It is for the positioning of the box title The background colour has also been defined by Hype for the box titles. The width and the background colour have to be applied to the class below for the positioning and the background colour being applied fully to the boxTitle. SD 06/10/2008*/
#currentVacanciesBox {
	position:absolute;
	top:280px;
	width:100%;
	background-color: #8080b2;
}
/***The current vacancies info is for the positioning of the random branches current vacancies search ****/
#currentVacanciesInfo{
	position:absolute;
	left:13px;
	top:310px;
	width:220px;
	height:125px;
}
/**************************End of Current Vacancies Box class *************************************/

		/**Box 5 and 6 (below) only appear on the Branch Details page on the Website. */
					/*It also uses Contact Us Now and member login.*/

/**************************Box 5--Branch Map box on the branch details page**************************/

/*On the branch details page- each branch has their own google map to state their location of their branch. The below class is for the box title to be positioned correctly.  The background colour has also been defined by Hype for the box titles. The width and the background colour have to be applied to the class below for the positioning and the background colour being applied fully to the boxTitle. SD 06/10/2008 */
#branchMapBox{
	position:absolute;
	top:280px;
	width:100%;
	background-color: #8080b2;
}
/*The branch map position class is for the positioning of the map directly underneath the title SD 06/10/2008*/
#branchMapPosition {
	position:absolute;
	left:13px;
	top:307px;
	width:220px;
}

			/*******************End of Branch Map Box class *****************************/

/*********Box 6-- Current Vacancies Specific for the branch on the branch details page box.  The background colour has also been defined by Hype for the box titles. The width and the background colour have to be applied to the class below for the positioning and the background colour being applied fully to the boxTitle. SD 06/10/2008********/
#currentBranchVacBox {
	position:absolute;
	top:490px;
	width:100%;
	background-color: #8080b2;
}
/*The class below-currentBranchVacInfo is for the positioning of the vacancies for the specific branch. SD 06/10/2008 */
#currentBranchVacInfo  {
	position:absolute;
	left:13px;
	top:510px;
	width:220px;
}
/***************End of Current Vacancies on the branch details page class ***********************/

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

/*************End of the Right column classes*******************/	
	
	
/******************** Start of Main Body classes***************************/	

/* the mainBody id is for the main body text the class below is for an empty box just used for positioning- within the ID is the h1, h2 and p for the text. SD 07/10/2008 */
#mainBody {
	position:absolute;
	left:24px;
	top:294px;
	width:600px;
	right:24px;
	text-align:left;
	font-size:95%;
	font-weight:normal;
}
/*header one for the main body text SD 07/10/2008 */
#mainBody h1 {
	font-size:170%;
	top:312px;
}
/*header two for the main body text SD 07/10/2008 */
#mainBody h2 {
	font-size:130%;
	font-weight:normal;
}
/*This is used for a small header for pages e..g the funding options under services SD 07/10/2008*/
#mainBody h3 {
	font-size:120%;
	font-weight:normal;
}
#mainBody bold {
	font-weight:bold;
}
/*The class below has been added for the few pages that needed the font weight of bold SD 07/10/2008*/
#mainBody p.bold {
	font-weight:bold;
}
/****************************The below classes are for the hyperlinks in the mainbody****************************/
/*The below class is for all hyperlinks that are in the mainbody. SD 07/10/2008 */
#mainBody a:link,
#mainBody a:visited,
#mainBody a:active
{
	font-size:95%;
	font-weight:normal;
	text-decoration:none;
	color:#010066;
}
#mainBody a:hover
{
	color:#8080b2;
}
/*Hyperlinks style for Header two-- SD 07/10/2008*/
#mainBody h2 a:link,
#mainBody h2 a:visited,
#mainBody h2 a:active,
#mainBody h2 a:hover
{
	font-size:100%;
}

/****************************End of Hyperlink classes in Mainbody*******************************************/

/***** For the member's application form the headers have a background colour****/
 /*this class is for the application form for the members  SD 07/10/2008*/
.rowTable{
background-color:#8080b2;
color:#FFFFFF;
}
/***************End of Class********************/

			/*******************End of Mainbody Classes*************************************/


/*************Start of the News Page Layout/Vacancies Search/Details Page Class********************/

/*The layout feature is the positioning and styles. SD 07/10/2008  */
#layoutFeature{
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
/***This is for the header for each vacancy SD 07/10/2008 **/
#layoutFeature h4{
	padding: 5px 0px 5px 0px;
	font-size: 100%;
	background-color: #E7E4F3;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #C5BDE1;
}
/***This is for the header for each article to push some of the text to the right this was requested by Jonathan Bruce SD 07/10/2008 **/
#layoutFeature h4.right{
	text-align:right;
}

/*********The below class is for the hyperlinks for the layout feature**********/
#layoutFeature a:link,
#layoutFeature a:visited,
#layoutFeature a:active,
{
	color: #5B5B97;
	font-size:100%;
	font-weight:bold;
}
#layoutFeature a:hover
{
	text-decoration: underline;
}

/*The class below is used is Layout Feature for the titles for the job vacancie SD 07/10/2008 */
.subHeader {
	font-size: 100%;
	color: #5B5B97;
	margin: 0px;
	padding: 0px;
}
/*************End of News Page Layout/Vacancies Search/Details Page Class********************/

/********************Start of the footer class******************************/
/*The footer which appears on every page includes the address the copyright symbol SD 07/10/2008*/

#footer {
	color: #CCCCCC;
	font-size: 80%;
	text-align:center;
}
/********************End of Footer class**********************************/