/*Body Properties*/
body {
	margin: 0;
	padding: 0;
	/*	
		font-family: "Verdana", Arial, Helvetica, sans-serif;
	*/
	font-family:verdana,Arial,sans-serif;
font-size:14px;
	color:#000000;
		background-image:url(Images/fade_to_grey.jpg);
		background-repeat:repeat-x;
	
 
}

h2 {
	color: #FFFFFF;
	font-size:14px;
	padding-left: 10px;
	padding-bottom: none;
	padding-top: none;
}

table {
	padding-top: 30px;
	padding-bottom: 30px;
	border: none;
}

/*Table data properties*/
td {
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;
	border: none;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #13266b;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;	
	border: none;
	background-color: #CCCCCC;
}

th .blue{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #13266b;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;	
	border: none;
	background-color: #0066FF;
}

/* Container to hold all div's*/
#container {
	width: 910px;
	/* Centres the container to the middle of the page*/
	margin: 0 auto;
	border:#CCCCCC thin solid;
	
}

/* This contains the banner image that some of the links will sit in*/
#topheader{
	width: 910px;
	height: 50px;
	background-image:url(Images/linksbanner.png);
	 -moz-border-radius: 10px;
	 
}

/* This will simply contain the logo*/
#logo{
	width: 910px;
	height: 125px;
	background-image:url(Images/Logo.jpg);
	clear:both;
}

/******************************************************************************************/
/* Left column properties*/
#leftcolumn{	
	float:left;
	width: 150px;
	/*background-color:#13266b;*/
	color: #FFFFFF;
	text-align: left;
	background-image:url(Images/linksbanner.png);
	 -moz-border-radius: 10px;
	 -moz-box-shadow: 2px 2px 2px 2px grey;
}

/* This is called a decendant selector it selects only the h1 tags within the left column
Header1 within left column*/
#leftcolumn h1{
	margin-top: 0; 
	padding-left: 10px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#003399;
	 -moz-border-radius: 10px;
}


#leftcolumn p{
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 14px;
}

/* Link properties*/
#leftcolumn A{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

/*If the links have been visited within left column*/
#leftcolumn A:visited{
	text-decoration: none;
}

/*If the cursor is hovered over the link within left column */
#leftcolumn A:hover{
	text-decoration: underline;
}



/* end of descendant selectors*/
/* end of left column properties*/
/******************************************************************************************/


#rightcolumn {
	float:right;
	width:750px; 
	background-color: #FFFFFF;
}


/******************************************************************************************/
/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagehome{
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagecourses{
	background-image:url(Images/courses.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagebrochures{
	background-image:url(Images/brochures.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagebooknow{
	background-image:url(Images/booknow.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimageonlinetest{
	background-image:url(Images/onlinetest.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimageexcursions{
	background-image:url(Images/excursions.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagephoto{
	background-image:url(Images/photo.jpg);
	width:750px;
	height:150px;
}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagefrequently{
	background-image:url(Images/frequently.jpg);
	width:750px;
	height:150px;
}
/******************************************************************************************/

/* Top menu links to position them next to each other*/
#horizontallinks ul {
	margin: 0px;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	list-style: none;
	text-transform: lowercase;
	/* Overflow property can be used if the links overflow there container in this case it is the image*/ 
}

/* Links displayed horizontally*/
#horizontallinks li {
	float: left;
}

/* Define link properties*/
#horizontallinks a {
	padding-left: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
}

#footer{
	/* clear both is used to clear the above 'left & right' columns*/	
	clear:both;
	width: 910px;
}

#footer p{	
	color:#666666;
}

#formlogin {
	float:right;
	padding-right:15px;
	text-transform: lowercase;
	padding-top: 2px;
}

#formlogout {
	float: right;
	padding-right: 15px;
	text-transform: lowercase;
	padding-top: 2px;	
}
	
form {
	border: 1px solid #3b56a7;
	padding: 2px 2px 2px 2px;
}

#formlogin label {
	color:#FFFFFF;
}

/*The size of the boxes*/

input {
	width: 150px;
}


#formagent {
	clear:both;
 	border: 1px solid #3b56a7;
	padding: 2px 2px 2px 2px;
}

#h {
	width: 99%; height: 150px;
}

/*This creates a class that can then be called within the html*/
.submitbutton {
	width: 50px;
	background-color: #3b56a7;
	color: #FFFFFF;
	size: auto;
	border: none;
	/*padding-right: 25px;
	padding-left: 25px;	*/
}

#formenrolment{
	padding-top: 30px;
	padding-bottom: 30px;
	border: none;
	list-style: none;
}

/*This is for the decleration form*/
#dec {width: 95%; height: 300px;}



/*
	Floating right and left properties
*/
.floatright 
{ 
	float: right; 
}
.floatleft
{
	float: left;
}



/*
	Lightbox design code
*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

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

/*border for embedded objects like flash*/

.bordered {
border: thin solid #000000;


}

.important {
color: red;
font-weight:bold;
}

img {
border-style:none;
}


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