﻿
/*==============Base/Default Styles ===================*/
body,html{
	padding:0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color: #b2c30a;
    background-image: url(../images/bkgrBody.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
	}

.background
{
	
	background-image: url(../images/bkgrBackground.jpg);
	background-repeat: repeat-x;
	clear: left;
}

.backgroundBorder
{
    background-color: #678d29;
    margin: 0px;
    padding: 0px;
    background-image: url(/images/borderGreen.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 11px;
	
  
}
a, a:link,
a:active,
a:visited {
	color: #3E3F42;
}

/*==============CONTAINER===================*/
.container{
	width: 1010px;
	margin: 0px auto 0px auto ;
	padding: 20px 0px 0px 0px;
	height: auto;
	
}
.containerLinks
{

    padding:0px;
	margin: 0px;
	padding-left: 415px;
}

.containerLinks .callText
{
    color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	float: left; 
	padding:0px;
	margin: 0px;
	
}
.containerLinks .socialMedia
{
    float: left;
    width: 40px;
}
.containerLinks .socialMedia a
{
 text-decoration: none;
 border: none;   
 margin: 0px 0px 0px 10px;
}
.containerLinks .socialMedia a img
{
    border: none;
}
.containerLinks input.searchBtn
{
    background-color: #3f600a;
    height: 27px;
    width: 60px;
    display: inline-block; 
    padding: 5px 15px;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    color: #ffffff;
    border: none;
    float: left;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.containerLinks input
{
    background-color: #ffffff;
    height: 15px;
    width: 60px;
    display: inline-block; 
    padding: 5px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #333333;
    border: 1px solid #3f600a;
    text-align: left;
}
/*==============WRAPPER===================*/
.wrapper{
	float:left;
	width:115px;
	margin: 0px;
	padding: 0px 0px;
	
}


/*==============HEADER===================*/
.header{
	height: 310px;
	width: 1001px;
	margin: 10px 0px 0px 0px;
	padding: 7px 7px;
	background-image: url(../images/bkgrBanner.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	text-align: right;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		

}
.header a{
	color: #ffffff;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 10px; 
	margin: 0px;
	text-decoration: none; 

}

.logoLink
{
     display: block;
     height: 100px;
     width: 430px;
    
     position: absolute;
     z-index: 100; 
}
/*===Sliders====*/


#slider {
    position:relative;
    width: 1000px; /* Change this to your images width */
    height:310px; /* Change this to your images height */
    background:url(/images/loading.gif) no-repeat 50% 50%;
    background-color: transparent;
    border: none;
}
#slider img 
{
    width: 1000px; /* Change this to your images width */
    height:310px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
     background-color: transparent;
     border: none;
}
#slider a {
    border:0;
    display:block;
     background-color: transparent;
     border: none;
}
/*==============NAVIGATION===================*/
.navigationPrimary{
	height: 45px;
	width: 950px;
	margin: 0px;
	padding: 15px 20px 0px 40px;
	float: left; 

}
.navigationPrimary ul
{
	padding: 0px; 
	margin: 0px ; 
	display: inline;
}

.navigationPrimary li
{
	list-style-type: none; 
	display: inline;
}
.navigationPrimary  img {
	margin: 0px;
	padding: 0px;
	border: none;
		
	}
.navigationPrimary  a {
	color: #313537;
	padding: 10px 10px 20px 10px;
	margin: 0px 3px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	
	text-align: center;
	font-size: 14px;
	border: 1px solid #ffffff;
	 border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	background-color: #ffffff;
	display: inline-block;
	text-decoration: none;
	}

.navigationPrimary  a:hover {
	color: #ffffff;
	background-color: #ec6122;
    border: solid 1px #ec6122;	
}

.content .navigationSecondary {	
	width: 220px;
	margin: 0px 27px 0px 0px;
	padding: 3px 0px  0px 0px;
	float: left; 

}
.content .navigationSecondary ul
{
	width: 220px;
	padding: 0px; 
	margin: 5px 0px 0px 0px ; 	
}	

.content .navigationSecondary ul li {
	list-style-type: none; 
	width: 220px;
	height: 47px;
	margin: 0 0 4px 0;
}
.content .navigationSecondary ul li a
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 220px;
	height: 47px;
	display: table-cell;
    vertical-align: middle;
	text-align: center;
	font-size: 14px;
	text-decoration: none; 
    background: url(../images/buttonSecondmenuOff.png) no-repeat;
}
.content .navigationSecondary ul li a:hover
{
    color: #000000;   
    background: url(../images/buttonSecondMenuOver.png) no-repeat;
}

.content .navigationSecondary table { width: 222px; padding: 0; margin: 0; }
.content .navigationSecondary table tr td
{
    width: 220px;
    height: 51px;
    padding: 0;
    margin:  0 0 5px 0;
    text-align: center;
    background: url(../images/buttonSecondmenuOff.png) center no-repeat;
}
.content .navigationSecondary table tr td a
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-decoration: none;
}

.content .navigationSecondary table tr td a span
{
    width: 220px;
    height: 47px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
.content .navigationSecondary table tr td a:hover span
{
    width: 220px;
    height: 47px;
    padding: 0;
    margin: 0;
    color: #000000;
    background: url(../images/buttonSecondMenuOver.png) no-repeat;
}


a.navigationPrimarySelected
{
	
	color: #3E3F42;
	background-image: url(../images/btnNavOn.jpg);
	background-repeat: no-repeat;
}

/*==============CONTENT===================*/
.topContent{
	padding: 0px;
	margin: -10px 0px 0px 0px;
	width: 1015px;
	background-image: url(../images/topContent.png);
	background-repeat: no-repeat;
	height: 12px;
	
}
.content{
	padding: 20px 35px 20px 35px;
	margin: 0px 0px 0px 0px;
	width: 950px;
	display: block;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	
}
.bottomContent{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 1015px;
	height: 13px;
	background-image: url(../images/bottomContent.png);
	background-repeat: no-repeat;
	
}
.ContentContainer
{
    float: left; 
    width: 703px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.QuickBoxContainer
{
    padding: 20px 20px  20px 10px;
	margin: 0px 0px 0px 0px;
	width: 950px;
}
.extraContainer
{
    padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 247px;
	float: left;
	
	
}
.extra
{
    padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	float: left;
	
	
}
.content p, .extra p{
	padding:5px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3d3e41;
	line-height: 17px;
	text-align: justify;
}

.content p.border{
	border: solid 1px #E4E2E8;
	padding: 5px; 

}
.content img.ImgBorder{
	border: solid 1px #87a7e5;
	padding: 3px; 

}

.content h1, .extra h1{
	padding:10px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	color: #3f600a;
	font-weight: normal;
}
.content h2, .extra h2{
	
	padding:20px 0px 10px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #ec6122;
	font-weight: normal;
}


.content h3, .extra h3{
	padding:0px 0px 0px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #ec6122;
	font-weight: normal;
	
}

.content h4, .extra h4{
	padding:0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1a4aa5;
	font-weight: normal;
}

.content h5, .extra h5{
	padding:0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1a4aa5;
	font-weight: normal;
}

.content div a, .content p a, .extra  p a{
	padding:0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fd7a08;
	text-decoration: none;
	
}
.content div {
	
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3d3e41;

	
}
.content a:hover, .extra  a:hover{
	color: #666666;
}
.content a img, .extra  a img{
	border: none;
	text-decoration: none;
}
.clear{
	clear: both;
	width: 100%;
	height: 5px; 
	
}

/*
dont do this, use classes / selectors

ul{
	padding:5px 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #29282b;
	text-align: justify;
	line-height: 16px;
	list-style-position: inside;
}
*/

.content li, .extra li{
	padding:3px 0px;
	margin: 0px;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3f600a;
	line-height: 17px;
}
.content li a
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3f600a;
	text-decoration: underline;
}
.content  li.noBullet{
	padding:3px 0px 3px 12px;
	margin: 0px;
	list-style-type: none;
  }


 


.QuickBoxLeft{
	float: left;
	padding:4px 4px 4px 4px;
	margin: 0px 35px 35px 0px;
	width: 280px;
	height: 190px;
	background-image: url(../images/bkgrBox.png);
	background-repeat: no-repeat;
	
}

.content .QuickBoxLeft a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px; 
	text-decoration: none; 
	width: 280px;
	height: 191px;
	
	display: block;
}
.content .QuickBoxLeft a.BtnBox1{

	background-image: url(../images/boxApprentice.png);
	background-repeat: no-repeat;

}
.content .QuickBoxLeft a.BtnBox2{

	background-image: url(../images/boxIndigenous.png);
	background-repeat: no-repeat;

}
.content .QuickBoxLeft a.BtnBox3{

	background-image: url(../images/boxTraining.png);
	background-repeat: no-repeat;

}
.content .QuickBoxLeft a.BtnBox4{

	background-image: url(../images/boxBusiness.png);
	background-repeat: no-repeat;

}
.content .QuickBoxLeft a.BtnBox5{

	background-image: url(../images/boxCommunity.png);
	background-repeat: no-repeat;

}
.content .QuickBoxLeft a.BtnBox6{

	background-image: url(../images/boxCareer.png);
	background-repeat: no-repeat;

}
.content a:hover.QuickBoxBtn
{
    background-color: #4d4e4f;
}
.content .btnVacancies 
{
    width: 100%;
    height: 30px;
    padding: 15px 0 0 0;
    margin: 15px 0;
    text-align: center; 
    background-color: #D3DD24;
    -webkit-border-radius: 10px 10px;
    -mox-border-radius: 10px 10px;
    border-radius: 10px 10px;
    border: 1px solid #678D28;
}
.content .btnVacancies a { text-decoration: none;  color: #678D28; font-weight: bold; font-size: 18px; }
.content .btnVacancies a:hover { text-decoration: underline; }

/*===table Basic===*/
table.tableStyleBasic
{
	background-color: #eeeeee;
	width: 700px;
	margin: 10px 0px 15px;
}
table.tableStyleBasic thead td
{
	
	background-color: #466508;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: normal; 
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color: white;
    border: 1px solid #ffffff;

	
}

table.tableStyleBasic  td{
	
	padding: 5px 10px;
	font-size: 12px;
	font-weight: normal; 
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	border: 1px solid #ffffff;
	

}
table.tableStyleBasic  td a{
	color: #fd7a08;
	text-decoration: none;
	
	}
table.tableStyleBasic  td a:hover{
	color: #466508;
	text-decoration: none;
	
	}

/*===============Vacancy Table===================*/
.content table.tableVacancy {
	width: 100%;
	padding: 0;
	margin: 10px 0 15px 0;
	background-color: #ffffff;
}

.content table.tableVacancy thead tr td { color: #ffffff; background-color: #666666; padding: 5px; margin: 0; font-size: 11px; font-weight: bold; }
.content table.tableVacancy tr td {
	border-left: 1px solid #ffffff; 
	border-top: 1px solid #ffffff; 
	background-color: #ECECEB;
	padding: 1px 5px;
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    color: #3d3e41;
}

* html .content table.tableVacancy {
	width: 99%;
	margin: 0 5px 0 10px;  
	padding: 0;
}

.content table.tableVacancy td a {
	padding:0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #668d28;
	text-decoration: none;
	
	font-weight: bold;
}
.content table.tableVacancy td a:hover {
	color: #333333;
}

.content table.tableVacancy td.LabelCell
{
    width: 25%;
    color: #668d28;
    font-weight: bold;
}
.content a.ApplyButton 
{
    padding: 10px;
    margin: 35px 0 0 0;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -o-border-radius: 5px 5px;
    border-radius: 5px 5px;
    background-color: #668d28;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.content a:hover.ApplyButton { text-decoration: underline; }



/*===============Login===================*/

.loginNews
{
    background-image: url(../images/bkgrFooter.png);
	background-repeat: no-repeat;
	display: block;
	width: 1000px; 
	height: 141px;
	padding: 10px 10px 10px 10px; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;

	text-transform: uppercase;
	font-weight: normal;
	
}
.loginNewsImage
{
    background-image: url(../images/login.png);
	background-repeat: no-repeat;
	width: 1000px; 
	height: 127px;
	padding: 10px 0 0 0;
	margin: 0;
}
.loginNews a
{
   	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;   
     margin: 0px;   
}
.loginNews  h3
{
 padding: 0px;   
  margin: 0px;   
 font-size: 17px;
 color: #ff7308;
 font-weight: normal;
}


.loginNews #listticker .NewsItem
{
	padding-left: 10px;
	height: 33px;
}



.loginNewsImageLink
{
    width: 1000px; 
	height: 137px;
	padding: 0px;
	display: block;
}
.login
{
    background-image: url(../images/login.png);
	background-repeat: no-repeat;
	display: block;
	width: 970px; 
	height: 114px;
	padding: 25px 20px 20px 30px; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	
}
.login h2
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #ffffff;
	padding: 0px 0px 7px 0px;
	margin: 0px; 
	font-weight: normal;
}
.login .loginLabel
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px; 
	font-weight: normal;
	width: 110px;
	display: inline-block;
}
.login input
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 3px;
	margin: 5px 0px 0px 0px; 
	font-weight: normal;
    border: 1px solid #cccccc;
	display: inline-block;
}
.login input.Go
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 3px;
	margin: 5px 0px 0px 122px; 
	font-weight: normal;
    border: 0px ;
    background-color: #261515;
	display: inline-block;
	width: 40px;
	
}
.login a
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #b2c30a;
	padding: 3px  3px  3px  3px;
	margin: 5px 0px 0px 0px; 
	font-weight: normal;
    border: 0px ;
	display: inline-block;
	float: left;
	text-decoration: none;
	
}
/*===============Forms===================*/

.TextBoxlabel
{
	float: left; 
	display: block;
	width: 150px; 
	padding: 10px 0px 0px 0px; 
}
.TextBox
{
	float: left; 
	display: block;
	width: 600px; 
	padding: 10px 0px 0px 0px; 
}

.titel{
	width: 150px;
	padding: 0px;
	display: inline; 
	float: left; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4;
	font-size: 14px;
	color: #ec6122;

	text-align: left;
}
.titel1{
	width: 150px;
	padding: 0px;
	display: inline; 
	float: left; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4;
	font-size: 14px;
	color: #3f600a;

	text-align: left;
	
	
}
.titel2{
	width: 730px;
	padding: 10px 0px 0px 0px; 
	display: inline; 
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4;
	font-size: 12px;
	color: #fd003c;
}

.inputBox
{
	width: 600px;
	padding: 10px 0px 0px 0px; 
	display: inline; 
	float: left; 
}
.inputBox1
{
	width: 300px;
	padding: 2px;
	display: inline; 
	float: left; 
}
label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4;
	font-size: 11px;
	color: #666666;
	text-align: left;
}

/* dont do this, use classes.
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 4px;
}

select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
*/



.submit
{
	height: 20px; 
	padding: 0px;
	margin: 0px 0px 0px 10px;
	
	
}
.formComment{
	color: red;
}
.formComment
{   
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E31A22;
}
.FormButtons
{
	padding: 10px 0px 0px 0px; 
	display: block;
	width: 750px;
	text-align: right; 
	
}
.ErrorMessage
{
	font-size: 11px; 
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
}
hr
{
	height: 1px; 
	border-bottom: 1px solid #5B90F0; 
	border-top: none; 
	border-left: none; 
	border-right: none; 

}
.border
{		
	border: 1px solid #E4E5E5; 
	padding: 10px;
}
a.adminBtn 
	
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 220px;
	height: 47px;
	display: table-cell;
    vertical-align: middle;
	text-align: center;
	font-size: 14px;
	text-decoration: none; 
    background: url(../images/buttonSecondmenuOff.png) no-repeat;
}
a:hover.adminBtn
{
    color: #000000;   
    background: url(../images/buttonSecondMenuOver.png) no-repeat;
}


/* Registration Form */
#registrationForms {
	padding: 10px;
	margin: 0 10px 0 0;
}
.arrows{
	width: 750px;
	text-align: right;
}
#registrationForms .arrowSize{
	width: 30px;
	height: 28px; 
}
#registrationForms a.controls{
	font-size: 12px;	
	
}

#registrationForms table.formBorder { background-color: #dfdfdf; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #333333; }
#registrationForms table.formBorder td { background-color: #ffffff; }
#registrationForms table.formBorder td.aligncentre { text-align: center; }
#registrationForms table.formBorder .titleHeader { background-color: #748F0F; }
#registrationForms table.formBorder .titleHeader2 { background-color: #eaf1dd; color: #333333; text-align: center; }
#registrationForms table.formBorder h2 { font-size: 14px; font-weight: bold; padding: 5px; margin: 0; }
#registrationForms table.formBorder .titleHeader h2 { color: #ffffff; }
#registrationForms table.formBorder .titleHeader2 h2 { color: #333333; }
#registrationForms h3 {
  
padding: 5px 0px 5px 0px;
margin: 0px;
font-family: Verdana,Geneva,sans-serif;
font-size: 14px;
color: #ec6122;
font-weight: normal;

}
#registrationForms h4 { color: #333333; text-align: left; font-size: 12px; font-weight: bold; padding: 0; margin: 0; }
#registrationForms hr.thin {
    height: 1px;
    border: 0;
    color: #333333;
    background-color: #333333;
    width: 100%;
}
#registrationForms li{
	margin: 0px;
	padding: 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
#registrationForms  label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px  0px 0px  10px;
	top:-3px;
    position: relative;
	
}
#registrationForms  .title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 3px 0px;
	width: 160px;
	float: left;
} 
#registrationForms  input, #registrationForms select
{
    margin: 3px 0px;
 
}
#registrationForms  .formComment{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #668d28;
	margin: 0px;
	margin-left: 160px;
	padding-bottom: 40px;
	padding: 0px;
	width: 400px;
	float: left;
}
#registrationForms .radioList{
	padding: 0px 0px 0px 5px;
	margin:0px;	
}
#registrationForms .errorRed { 
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px; 
	padding-left: 10px;
	color: red; } 
#registrationForms .errorRed li { color: red; } 
v#registrationForms h3 { color: #333333; text-align: center; font-size: 16px; font-weight: bold; padding: 0; margin: 15px 0; }
#registrationForms h4 { color: #333333; text-align: left; font-size: 12px; font-weight: bold; padding: 0; margin: 0; }
#registrationForms p { padding: 3px 0px; margin: 0; }

/*=======Media Centre=======================*/

.MediaCentreForms {
	border: 1px solid #5B90F0;
	background-color: #ffffff;
	padding: 10px;
	background-image: url(../images/bkgrForms.jpg);
	background-repeat: no-repeat;
}
.arrows{
	width: 750px;
	text-align: right;
}
.MediaCentreForms .arrowSize{
	width: 30px;
	height: 28px; 
}
.MediaCentreForms a.controls{
	font-size: 12px;	
	
}
table.mediaCentre 
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 950px;

}

.mediaCentre th {

	border: solid 1px #E4E5E5;
	margin: 0;
	
	background-color: #466508;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: normal; 
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color: white;
 
	
}
.mediaCentre th a
{
    color: #ffffff;
}
.mediaCentre th a:hover
{
    color: #cccccc;
}
.mediaCentre  td 
{
	border: solid 1px #E4E5E5;
	margin: 0;
	padding: 3px 5px;
	background-color: #ffffff;
	color: #333333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
table.mediaCentre a {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #1a4aa5;
	height: 15px;
	padding: 3px;
	text-decoration: none; 

}
 table.mediaCentre a:hover {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #666666;
	height: 15px;
	padding: 3px;
	text-decoration: none; 
	
}
 table.mediaCentre a.delete {
	border: none;
	margin: 0;
	background-image: url(/images/bkgrBtnsDelete.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; 
	color: #1a4aa5;
	height: 15px;
	padding-top: 3px;
	display: block;
}
  
table.mediaCentre input
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #E4E5E5;
	width: auto;

}
/*===================Emails=============*/
table.emails
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 350px;

}
.emails th {

	border: solid 1px #E4E5E5;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #1a4aa5;
	padding:1px 5px 1px 5px;
	background-color: #f2f4f3;
	height: 23px;
	
}

.emails th a
{
    color: #1a4aa5;
}
.emails th a:hover
{
    color: #cccccc;
}
.emails  td 
{
	border: solid 1px #E4E5E5;
	margin: 0;
	padding: 3px 5px;
	background-color: #ffffff;
	color: #333333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
table.emails a {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #1a4aa5;
	height: 15px;
	padding: 3px;
	text-decoration: none; 

}
 table.emails a:hover {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #666666;
	height: 15px;
	padding: 3px;
	text-decoration: none; 
	
}
 table.emails a.delete {
	border: none;
	margin: 0;
	background-image: url(/images/bkgrBtnsDelete.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; 
	color: #1a4aa5;
	height: 15px;
	padding-top: 3px;
	display: block;
}
table.emails input, table.emails select
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 200px;
	border: 1px solid #E4E5E5;

}
/*===================Buttons=============*/
/*=====mediaCentre======*/
table.events a.BtnAdd, table.mediaCentre a.BtnAdd, table.emails a.BtnAdd, table.store a.BtnAdd
{
	background-image: url(/images/icons/Add.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
	
}
table.events a.BtnEdit, table.mediaCentre a.BtnEdit, table.emails a.BtnEdit, table.store a.BtnEdit, a.BtnEdit
{
	background-image: url(/images/icons/Edit.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnDelete, table.mediaCentre a.BtnDelete, table.emails a.BtnDelete, table.store a.BtnDelete
{
	background-image: url(/images/icons/Delete.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnView, table.mediaCentre a.BtnView, table.emails a.BtnView, table.store a.BtnView
{
	background-image: url(/images/icons/View.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnDownload, table.mediaCentre a.BtnDownload, table.emails a.BtnDownload, table.store a.BtnDownload
{
	background-image: url(/images/icons/Download.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnCalendar, table.mediaCentre a.BtnCalendar, table.emails a.BtnCalendar, table.store a.BtnCalendar
{
	background-image: url(/images/icons/Calendar.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnSave, table.mediaCentre a.BtnSave, table.emails a.BtnSave, table.store a.BtnSave
{
	background-image: url(/images/icons/Save.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnUndo, table.mediaCentre a.BtnUndo, table.emails a.BtnUndo, table.store a.BtnUndo
{
	background-image: url(/images/icons/Undo.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnRefresh, table.mediaCentre a.BtnRefresh, table.emails a.BtnRefresh, table.store a.BtnRefresh
{
	background-image: url(/images/icons/Refresh.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a.BtnPay, table.mediaCentre a.BtnPay, table.emails a.BtnPay, table.store a.BtnPay, a.BtnPay
{
	background-image: url(/images/icons/Pay.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
/*Hover States*/
table.events a:hover.BtnAdd, table.mediaCentre a:hover.BtnAdd, table.emails a:hover.BtnAdd, table.store a:hover.BtnAdd
{
	background-image: url(/images/icons/Add.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
	
}
table.events a:hover.BtnEdit, table.mediaCentre a:hover.BtnEdit, table.emails a:hover.BtnEdit, table.store a:hover.BtnEdit, a:hover.BtnEdit
{
	background-image: url(/images/icons/Edit.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnDelete, table.mediaCentre a:hover.BtnDelete, table.emails a:hover.BtnDelete, table.store a:hover.BtnDelete
{
	background-image: url(/images/icons/Delete.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnView, table.mediaCentre a:hover.BtnView, table.emails a:hover.BtnView, table.store a:hover.BtnView
{
	background-image: url(/images/icons/View.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnDownload, table.mediaCentre a:hover.BtnDownload, table.emails a:hover.BtnDownload, table.store a:hover.BtnDownload
{
	background-image: url(/images/icons/Download.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnCalendar, table.mediaCentre a:hover.BtnCalendar, table.emails a:hover.BtnCalendar, table.store a:hover.BtnCalendar
{
	background-image: url(/images/icons/Calendar.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnSave, table.mediaCentre a:hover.BtnSave, table.emails a:hover.BtnSave, table.store a:hover.BtnSave
{
	background-image: url(/images/icons/Save.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnUndo, table.mediaCentre a:hover.BtnUndo, table.emails a:hover.BtnUndo, table.store a:hover.BtnUndo
{
	background-image: url(/images/icons/Undo.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnRefresh, table.mediaCentre a:hover.BtnRefresh, table.emails a:hover.BtnRefresh, table.store a:hover.BtnRefresh
{
	background-image: url(/images/icons/Refresh.png);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
table.events a:hover.BtnPay, table.mediaCentre a:hover.BtnPay, table.emails a:hover.BtnPay, table.store a:hover.BtnPay, a:hover.BtnPay
{
	background-image: url(/images/icons/Pay.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 0px 20px;
}
/*===================Events=============*/

table.events
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 750px;

}

.events th {

	border: solid 1px #E4E5E5;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #1a4aa5;
	padding:1px 5px 1px 5px;
	background-color: #f2f4f3;
	height: 23px;
	
}
.events th a
{
    color: #1a4aa5;
}
.events th a:hover
{
    color: #cccccc;
}
.events  td 
{
	border: solid 1px #E4E5E5;
	margin: 0;
	padding: 3px 5px;
	background-color: #ffffff;
	color: #333333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
table.events a {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #1a4aa5;
	height: 15px;
	padding: 3px;
	text-decoration: none; 

}
 table.events a:hover {
	border: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color: #666666;
	height: 15px;
	padding: 3px;
	text-decoration: none; 
	
}
 table.events a.delete {
	border: none;
	margin: 0;
	background-image: url(/images/bkgrBtnsDelete.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; 
	color: #1a4aa5;
	height: 15px;
	padding-top: 3px;
	display: block;
}
  
table.events input
{
	border: none;
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #E4E5E5;
	width: auto;

}
/*==============FOOTER===================*/
.footer{
	clear:both;
	padding:0px 0px 0px 0px;
	margin: 0px;
	height: 50px;
	
	text-align: center; 

}
.footerContainer{
	clear:both;
	padding:0px 0px 0px 0px;
	margin: 0px auto;
    width: 1010px;
    
}

.footer p{

	padding:0px;
	margin: 0px;
	
}
.footer ul {
	margin: 0px  0px;
	width: 500px;
	list-style: none;
	float: right;
	padding: 0px 0px 0px 60px;
	}

.footer ul li {
	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	position: relative;
	float: left;
	
	}
.footer a{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 10px 0px 10px;
	color: #3c3837;
	display: inline-block;
	text-decoration: none;	
	text-transform: uppercase;
	
}
.footer a:hover
{
 color: #ffffff;   
}
.footer a.noBorder{
	border: none;
}
.logo{
	
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	padding: 0px; 
	width: 400px;
	
}

.logo a
{
	border: none; 
	width: auto; 
	padding: 0px; 
	margin: 0px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	
}
.logo a img
{
	border: none; 
	padding: 0px; 
	margin: 0px;
}
.footerBorder
{
    background-color: #678d29;
    margin: 0px;
    padding: 0px;
    background-image: url(/images/borderGreen.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 11px;
	
  
}

