/** CSS RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/** BASIC ELEMENT STYLES **/

body
{
    font-family: Calibri, 'Trebuchet MS';
    font-size: small;
    color: #333333;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

h1
{
    font-size: x-large;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2
{
    padding: 5px;
    border: 1px solid #006633;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    height: 100%;
    background-color: #E9FAE4;
}

h3
{
    padding: 5px;
    border: 1px solid #006633;
    margin: 10px 10px 10px 10px;
    font-weight: bold;
    background-color: #EBEBEB;
    font-size: medium;
}

h4
{
    background-position: 99% 55%;
    border-style: solid;
    border-color: #006633;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    height: 100%;
    border-bottom-width: 1px;
    border-top-width: 1px;
    background-image: url('../Pictures/DownArrow.bmp');
    background-repeat: no-repeat;
}

h5
{
    font-size: medium;
    padding-left:30px;
}

ul
{
    padding-left: 10px;
    list-style: none;
}

li
{
    padding-left: 20px;   
}


p
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

em
{
    font-weight: bolder;
    color: #0000CC;
}

th
{
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
}

td
{
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
}



/** MASTER PAGE NAVIGATION LINKS **/

.menuBarLinks
{
    color: #006633;
    text-decoration: none;
    padding-right: 10px;
}

.menuBarLinks:hover
{
    text-decoration: underline;
}

.footerBarLinks
{
    border-width: 1px;
    border-color: #006633;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    padding-right: 10px;
    font-size: x-small;
    border-top-style: solid;
    margin-top:20px;
    
}

.mainTextHolder
{
    margin-left: 10px;
    margin-top:10px;
    width: 600px;
    position:relative;
    float: left  
    
}

.mtb /** MAIN BODY LIST STYLE **/
{
    background-image: url('../Pictures/ArrowAsBullet.bmp');
    background-position: 5px 5px;
    background-repeat: no-repeat; 
    font-style: italic;  
    height:100%;   /** Height property added to fix bug in IE6, this stops images and borders from appearing broken or missing **/
    
}

/**Classes below added to address alignment issues in IE, in this case AP is used, 
combined with set line heights to make the spans within
the top Div in MasterPage.Master align on one line, mainly an issue with IE6**/

.container {
   position: relative;
   height: 60px;   
   }

.left
{
    position: absolute;
    left: 0;
    width: 48%;
    color: #000000;
}

.right {
   position: absolute;
   right: 0;
   width: 48%;
   text-align: right;
   vertical-align:bottom;
   line-height:90px;
   }
   

/**LINKS**/


    
    
.leftLogo
{
    position: absolute;
    left: 0;
    width: 48%;
    color: #000000;
    font-size: medium;
    text-align:left;
}

   .rightLinks {
   position: absolute;
   right: 0;
   width: 48%;
   text-align: right;
   vertical-align:text-bottom;
   }




/** RIGHT SIDE GREEN MENU BAR **/

.sideMenu
{
    position:relative;
    float:right;
    margin-top: 10px;
    margin-right: 10px;
    width: 200px; 
    height: 300px; 
    color: #FFFFFF; 
    background-image: url('../Pictures/MenuBoxBlackBorder.bmp')
}

.sideMenuTitle
{
    padding: 30px 30px 10px 30px; 
    font-weight: bold; 
    font-size: medium;    
}

.sideMenuLinks
{
    padding-right: 57px;
    padding-top: 10px;
    font-weight: bold;
    text-align: right;
}

.sideMenuListItem
{
    color: #FFFFFF;
    text-decoration: none;

}

.sideMenuListItem:hover
{
    color: #8FAFC9;
}

.showHide
{
    color: #808080;
    text-decoration: none;
    font-size: smaller;
}

.showHide:hover
{
    color: #0000FF;
}


/** WIZARD STYLE **/

.rightTd
{
    width: 165px;
    height: 35px;
    text-align: center;
}


.leftTd
{
    width: 465px;
    height: 35px;
    padding-left: 10px;
}

/** VACANCIES PAGE **/


.VacanciesTable
{
    border: thin solid #00642D;
    width: 700px;
    border-collapse: collapse;
}

.VacanciesHeader
{
    padding: 10px 5px 10px 5px;
    font-family: Calibri, Trebuchet MS;
    font-size: x-large;
    color: #FFFFFF;
    background-color: #00642D;
    text-align: center;
}

.VacanciesContent
{
    padding: 5px;
    font-family: Calibri, Trebuchet MS;
    font-size: medium;
    color: #00642D;
    text-align: left;
}

.VacanciesContentTwo
{
    padding: 20px 5px 20px 5px;
    font-family: Calibri, Trebuchet MS;
    font-size: x-large;
    color: #00642D;
    text-align: center;
}

.VacanciesHeaderTwo
{
    padding: 10px 5px 10px 5px;
    font-family: Calibri, Trebuchet MS;
    font-size: large;
    color: #FFFFFF;
    background-color: #00642D;
    text-align: center;
}


/** REPORT STYLE **/

/** REPORT TABLE **/

.aim
{
    width: 20%;
    height: 30px;
}
.actions
{
    width: 45%;
    height: 30px;
}
.whoWhen
{
    width: 15%;
    height: 30px;
}

.ability
{
    width: 5%;
    height: 30px;
}

.exitSky
{
    background-image: url('../Pictures/CloudyBlueSky2.bmp');
    background-repeat: repeat;
    background-position: 0px 0px;
}

.jReportDiv

{
    padding-left: 10px;
    padding-right: 10px;    
}