/* CSS Document */

body {
margin:0;
padding:0;
background-image:url(images/knightsBackground.png);
background-repeat:repeat-x;
background-color:#333;
text-align:center;
}

img {
margin:0;
border:0;
}

#wrapper {
z-index:1;
margin:50px auto 0 auto;
width: 830px;
text-align:center;
overflow:hidden;
}

/* divs begin */


#textHolder {
z-index:1;
float:right;
margin:45px 30px 0 0;
width:600px;
height:520px;
padding:0;
font:bold 90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#textHolder h1.whatWeDo {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesWhatWeDoHeading.gif);
background-repeat:no-repeat;
}

#contentHolderWhatWeDo {
margin:46px 0 0 0;
width:600px;
padding:0;
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#elementHolderWhatWeDo {
margin:0;
width:100%;
padding:0;
}

#elementHolderWhatWeDo h3.threeLines {
margin:0;
width:108px;
border-bottom:1px solid #ee1c25;
font:bold 75% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#elementHolderWhatWeDo h3.oneLine {
margin:30px 0 0 0;
width:108px;
border-bottom:1px solid #ee1c25;
font:bold 75% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#elementHolderWhatWeDo h3.twoLines {
margin:15px 0 0 0;
width:108px;
border-bottom:1px solid #ee1c25;
font:bold 75% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#elementHolderWhatWeDo ul {
margin-top:10px;
list-style:none;
}

#elementHolderWhatWeDo ul li {
margin:0 0 4px -40px;
list-style:none;
font:85% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:130%;
}

.element {
float:left;
margin:0 10px 0 0;
width:108px;
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#contentHolderWhatWeDo h3 {
margin:0 0 5px 0;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
color:#ee1c25;
line-height:140%;
}


/* WHAT WE OFFER elements start */


#contentHolderWhatWeOffer {
margin:42px 0 0 0;
width:320px;
padding:0;
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
overflow:hidden;
}

#contentHolderWhatWeOfferBottom {
margin:230px 0 0 0;
width:380px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:110%;
}

#contentHolderWhatWeOfferBottom p {
margin:0;
}

#contentHolderWhatWeOffer h3 {
margin:0 0 5px 0;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
color:#00aeef;
line-height:140%;
}

#contentHolderWhatWeOfferStatement {
float:right;
margin:-169px 0 0 0;
}

/* WHAT WE OFFER culture elements start */

#contentHolderWhatWeOfferCulture {
margin:44px 0 0 0;
width:320px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
}

#contentHolderWhatWeOfferCulture h3 {
margin:0 0 5px 0;
font:bold 110% Tahoma, Arial, Helvetica, sans-serif;
color:#00aeef;
}

#contentHolderWhatWeOfferCultureStatement {
float:right;
margin:40px 180px 0 0;
}



/* WHAT WE OFFER benefits start */

#contentHolderWhatWeOfferBenefits {
margin:44px 0 0 0;
width:480px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
overflow:hidden;
}

#contentHolderWhatWeOfferBenefits h3 {
margin:0 0 5px 0;
font:bold 110% Tahoma, Arial, Helvetica, sans-serif;
color:#00aeef;
}

#contentHolderWhatWeOfferBenefitsStatement {
margin:0;
width:480px;
height:104px;
clear:both;
}

#contentHolderLondonEye {
margin:18px 0 0 -17px;
width:540px;
font:65% Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
}


/* OUR EXPECTATIONS elements start */


#contentHolderOurExpectations {
margin:46px 0 0 0;
width:380px;
padding:0;
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
overflow:hidden;
}

#contentHolderOurExpectationsBottom {
margin:225px 0 0 0;
width:380px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:110%;
}

#contentHolderOurExpectationsBottom p {
margin:10px 0 0 0;
}

#contentHolderOurExpectations h3 {
margin:0 0 5px 0;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
color:#9ccb3b;
line-height:140%;
}

#contentHolderOurExpectations ul {
margin:0 0 10px 17px;
font:90% Tahoma, Arial, Helvetica, sans-serif;
}

#contentHolderOurExpectations h4 {
margin:0;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
width:100%;
color:#333;
line-height:140%;
border-bottom:1px solid #9ccb3b;
}

#contentHolderOurExpectationsStatement {
float:left;
margin:10px 0 0 0;
}



/* TRAINING DIARY elements start */

#contentHolderTrainingDiaryCopyright {
margin:218px 0 0 15px;
width:460px;
font:65% Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
}


#contentHolderTrainingDiary {
margin:46px 0 0 0;
width:440px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:120%;
overflow:hidden;
}

#contentHolderTrainingDiary a:link, #contentHolderTrainingDiary a:active, #contentHolderTrainingDiary a:visited  {
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
text-decoration:none;
}

#contentHolderTrainingDiary a:hover  {
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
text-decoration:underline;
}

#contentHolderTrainingDiary p {
margin:10px 0 0 0;
}

#contentHolderTrainingDiary h3 {
margin:0;
font:bold 110% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
}

#contentHolderTrainingDiary h3 a:link, #contentHolderTrainingDiary h3 a:active, #contentHolderTrainingDiary h3 a:visited, #contentHolderTrainingDiary h3 a:hover {
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c1272d;
line-height:140%;
}

/* trainingDiary nav begins */

#trainHolder {
float:left;
margin:25px 0 0 0;
}

#train, #train ul {
list-style:none;
padding:0;
margin:0;
width:100%;
text-align:left;
}

#train li {
margin:0 0 5px 0;
padding:0;
color:#333;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#train li a:link, #train li a:visited, #train li a:active {
margin:0 0 15px 0;
color:#333;
text-decoration:none;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#train li a:hover {
margin:0;
color:#c1272d;
text-decoration:underline;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#train ul li ul {
list-style:none;
padding:0;
margin:0 0 25px 15px;
width:100%;
text-align:left;
}

#train li ul {
margin:0 0 4px 10px;
padding:0;
color:#333;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#train li ul a:link, #train li ul a:visited, #train li ul a:active {
margin:0;
color:#333;
text-decoration:none;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#train li ul a:hover {
margin:0;
color:#c1272d;
text-decoration:underline;
font:100% Tahoma, Arial, Helvetica, sans-serif;
}

#contentHolderTrainingDiary h4 {
margin:0;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
width:100%;
color:#333;
line-height:140%;
border-bottom:1px solid #c1272d;
}

#contentHolderTrainingDiary h5 {
margin:0 0 5px 0;
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
}


/* CONTACT US elements start */

#contentHolderContactUs {
margin:48px 0 0 0;
width:580px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:120%;
overflow:hidden;
}

#contentHolderContactUsNarrow {
margin:10px 0 0 0;
width:380px;
padding:0;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:120%;
overflow:hidden;
}

#contentHolderContactUs a:link, #contentHolderContactUs a:active, #contentHolderContactUs a:visited  {
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
text-decoration:none;
}

#contentHolderContactUs a:hover  {
font:100% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
text-decoration:underline;
}

#contentHolderContactUs p {
margin:10px 0 0 0;
}

#contentHolderContactUs h3 {
margin:0;
font:bold 110% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
}

#contentHolderContactUs h3 a:link, #contentHolderContactUs h3 a:active, #contentHolderContactUs h3 a:visited, #contentHolderContactUs h3 a:hover{
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c1272d;
line-height:140%;
}

#contentHolderContactUs h4 {
margin:0;
font:110% Tahoma, Arial, Helvetica, sans-serif;
color:#c1272d;
line-height:140%;
}

#contentHolderContactUs h4 a:link, #contentHolderContactUs h4 a:active, #contentHolderContactUs h4 a:visited {
font:100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c1272d;
line-height:140%;
}

#contentHolderContactUs h4 a:hover{
font:100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#c1272d;
line-height:140%;
}

#elementHolderOurExpectations {
margin:0;
width:480px;
padding:0;
overflow:hidden;
}

.elementBenefits {
float:left;
margin:0 13px 0 0;
width:145px;
font:90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
}

#elementHolderWhatWeOfferBenefits {
margin:15px 0 0 0;
width:575px;
height:255px;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
overflow:hidden;
}

#elementHolderWhatWeOfferBenefits h3 {
border-bottom:1px solid #b9e5fb;
font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
}

#textHolderHigher h1.whatWeOffer {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesWhatWeOfferHeading.gif);
background-repeat:no-repeat;
}

#textHolderHigher h2.whatWeOffer {
margin:0;
font:bold 80% Tahoma, Arial, Helvetica, sans-serif;
color:#00aeef;
}

#textHolderHigherCulture h1.whatWeOffer {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesWhatWeOfferHeading.gif);
background-repeat:no-repeat;
}

#textHolderHigherCulture h2.whatWeOffer {
margin:0;
font:bold 80% Tahoma, Arial, Helvetica, sans-serif;
color:#00aeef;
}

#textHolder h1.ourExpectations {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesOurExpectationsHeading.gif);
background-repeat:no-repeat;
}

#textHolder h1.trainingDiary {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesTrainingDiaryHeading.gif);
background-repeat:no-repeat;
}

#textHolder h1.contactUs {
margin:0;
width:400px;
height:52px;
text-indent:-9999px;
background-image:url(images/knightsGraduatesContactUsHeading.gif);
background-repeat:no-repeat;
}

#textHolderHigher {
z-index:1;
float:right;
margin:35px 30px 0 0;
width:600px;
height:520px;
padding:0;
font:bold 90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}

#textHolderHigherCulture {
z-index:1;
float:right;
margin:35px 30px 0 0;
width:600px;
height:520px;
padding:0;
font:bold 90% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
line-height:140%;
}


#gradFooter {
margin:0px auto 0px auto;
width:830px;
height:40px;
background-image:url(images/knightsBottomGrad.png);
background-repeat:no-repeat;
}

#welcomeContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesWelcomeBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #welcomeContainer {
height:590px;
overflow:hidden;
}
/**/

#whatWeDoContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesWhatWeDoBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #whatWeDoContainer {
height:590px;
overflow:hidden;
}
/**/

#whatWeOfferContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesWhatWeOfferBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #whatWeDoContainer {
height:590px;
overflow:hidden;
}
/**/

#ourExpectationsContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesOurExpectationsBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #ourExpectationsContainer {
height:590px;
overflow:hidden;
}
/**/

#cultureContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesWhatWeOfferCultureBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #cultureContainer {
height:590px;
overflow:hidden;
}
/**/

#benefitsContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesWhatWeOfferBenefitsBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #benefitsContainer {
height:590px;
overflow:hidden;
}
/**/

#trainingDiaryContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesTrainingDiaryImagesBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #trainingDiaryContainer {
height:590px;
overflow:hidden;
}
/**/

#trainingDiaryBlankContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesTrainingDiaryBlankBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #trainingDiaryBlankContainer {
height:590px;
overflow:hidden;
}
/**/

#contactUsContainer {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesContactUsBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #contactUsContainer {
height:590px;
overflow:hidden;
}
/**/

#contactUsContainerBlank {
margin:0px auto 0px auto;
width:810px;
padding:0;
height:590px; 
overflow:hidden;
background-color:#FFF;
text-align:left;
background-image:url(images/knightsGraduatesContactUsBlankBackground.jpg);
background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html #contactUsContainerBlank {
height:590px;
overflow:hidden;
}
/**/

#textContainer {
margin:0 auto 0 auto;
width:810px;
padding:0;
height:auto;
overflow:hidden;
background-color:#fff;
}

#logoHolder {
float:left;
width:48px;
height:95px;
margin:40px 0 0 28px;
}

#image250holder {
float:left;
width:90px;
height:65px;
margin:225px 0 0 28px;
}




/*
#whatWeDo {
background-color:#ee1c25;
background-color:#333;
}

#whatWeOffer {
background-color:#00aeef;
}

#ourExpectations {
background-color:#9ccb3b;
}

#trainingDiary {
background-color:#C1272D;
}

#contactUs {
background-color:#9E2D33;
}
*/

/* main nav begins */

#navHolder {
float:left;
margin:155px 0 0 -45px;
}

.mainNav, .mainNav ul {
list-style:none;
padding:0;
margin:0 0 25px 0;
width:100%;
text-align:left;
}

.mainNav li {
margin:0;
padding:0;
color:#333;
font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}

.mainNav li a:link, .mainNav li a:visited, .mainNav li a:active {
margin:0;
color:#333;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.mainNav li a:hover {
margin:0;
color:#999;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.mainNav ul li ul {
list-style:none;
padding:0;
margin:0 0 25px 15px;
width:100%;
text-align:left;
}

.mainNav li ul {
margin:0 0 0px 10px;
padding:0;
color:#333;
font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}

.mainNav li ul a:link, .mainNav li ul a:visited, .mainNav li ul a:active {
margin:0;
color:#333;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.mainNav li ul a:hover {
margin:0;
color:#999;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}


.whiteNav, .whiteNav ul {
list-style:none;
padding:0;
margin:0 0 25px 0;
width:100%;
text-align:left;
}

.whiteNav li {
margin:0 0 0 0;
padding:0;
color:#FFF;
font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}

.whiteNav li a:link, .whiteNav li a:visited, .whiteNav li a:active {
margin:0;
color:#FFF;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.whiteNav li a:hover {
margin:0;
color:#e4e4e4;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.whiteNav ul li ul {
list-style:none;
padding:0;
margin:0 0 25px 15px;
width:100%;
text-align:left;
}

.whiteNav li ul {
margin:0 0 0px 10px;
padding:0;
color:#FFF;
font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}

.whiteNav li ul a:link, .whiteNav li ul a:visited, .whiteNav li ul a:active {
margin:0;
color:#FFF;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.whiteNav li ul a:hover {
margin:0;
color:#e4e4e4;
text-decoration:none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.gsmsc-mapDiv {
height:350px;
}

.gsmsc-idleMapDiv {
height:350px;
}

#mapsearch {
float:left;
width:400px;
margin:0;
padding:0;
}

#contactUsAddressBlock {
margin:0;
width:170px;
float:right;
color:#333;
font:100% Tahoma, Arial, Helvetica, sans-serif;
line-height:140%;
}

#contactUsAddressNote {
margin:120px 0 0 0;
width:170px;
float:right;
color:#333;
font:90% Tahoma, Arial, Helvetica, sans-serif;
line-height:140%;
}

#contactUsAddressBlock a:link, #contactUsAddressBlock a:active, #contactUsAddressBlock a:visited  {
color:#333;
font:bold 90% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#contactUsAddressBlock a:hover  {
color:#333;
font:bold 90% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#contactUsAddressBlock h4 a:link, #contactUsAddressBlock h4 a:active, #contactUsAddressBlock h4 a:visited {
font:100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c1272d;
line-height:140%;
}

#contactUsAddressBlock h4 a:hover{
font:100% Tahoma, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#c1272d;
line-height:140%;
}


