/*Body Properties*/
body {
	margin: 0;
	padding: 0;
	/*	
		font-family: "Verdana", Arial, Helvetica, sans-serif;
	*/
	font-family:arial,verdana,sans-serif;
	
font-size:14px;
	color:#000000;
  }
#sidebar {
color:black;
float:right;
padding:0;
width:250px;
margin-right: 10px;

}

A:hover {text-decoration: underline; color: red;}

#featurecontent {
background:url("images/bg_twocolpromo_bottom.gif") repeat scroll 0 0 transparent;
border-color:#CCCCCC #CCCCCC #00A1E5;
border-style:solid;
border-width:1px 1px 2px;
margin-top: 5px;
margin-bottom:10px;
min-height:10px;
overflow:auto;
padding:8px;
}

#rightcolumn h2 {
background:url("../images/bg_features_h2.gif") repeat-x scroll 0 0 #336699;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
font-size:1.2em;
margin-bottom:1px;
padding:7px 14px 6px;
}


#sidebar h2 {
background:url("images/img09.jpg") no-repeat scroll left bottom transparent;
color:#493E2B;
font-size:20px;
height:65px;
letter-spacing:-0.5px;
}
	
/* Form */	
form#two { background-color:#FFFFFF	; /*url(images/form.jpg)*/  width:610px; padding:10px; border:1px solid #489bf0; -moz-border-radius: 1em 1em; }

form#two fieldset {width:450px; display:block; border: none; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}

form#two fieldset#opt {background:#dee;}

form#two legend {font-family:verdana,Arial,sans-serif; font-size:1.1em; font-weight:bold;  margin-bottom:5px; padding:3px; width:254px; background-image:url(images/button.jpg); background-repeat: repeat-x; -moz-border-radius:4px 4px 4px 4px;
border:1px solid #AACCEE; color:#778899;}

form#two label {clear:left; display:block; float:left; font-size:12px; width:100px; text-align:right; padding-right:10px; color:#F0F8FF; margin-bottom:5px; font-weight:normal; }

form#two input {padding-left:0.5em; margin-bottom:0.6em; background-image:url(images/button.jpg);
-moz-border-radius:4px 4px 4px 4px;
border:1px solid #AACCEE;
}
form#two select {padding-left:0.5em; margin-bottom:0.6em; background-image:url(images/button.jpg);
-moz-border-radius:4px 4px 4px 4px;
border:1px solid #AACCEE;
}

form#two textarea {width:310px;
height:12em;
-moz-border-radius:4px 4px 4px 4px;
border:1px solid #AACCEE; 
padding:0.5em; 
overflow:auto; 
background:#fff;

}

form#two option {background:#fff; color:#000;}
form#two input {
	width: 50px;
	padding: 0px;
	margin: 0px;
}


form#two #button1, form#two #button2 {-moz-border-radius:4px 4px 4px 4px;
background:url("images/bg-btn-blue.png") repeat-x scroll 0 0 #3399DD;
border:1px solid #3399DD;
color:#FFFFFF;}

form#two #button1:hover, form#two #button2:hover {    background-position:0 -5px;
    cursor:pointer;}

 
}

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: thin dashed;
 border-color: #ADADAD;
}

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: 980px;
	/* Centres the container to the middle of the page*/
	margin: 0 auto;
	-moz-border-radius: 10px 10px 10px 10px;
	
}

#logtop{
width: 980px;
height:100px;
background-image:url(images/toplogo.jpg);


}

#navbar2 {
 height: 30px;
 width: 100%;
 border-top: solid #000 1px;
 border-bottom: solid #000 1px;
 background-color: #336699;
}
#navbar2 ul {
margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFF;
 line-height: 30px;
 white-space: nowrap;
}
#navbar2 li {
 list-style-type: none;
 display: inline;
}
#navbar2 li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #FFF;
}
#navbar2 lia:link {
 color: #FFF:
}
#navbar2 lia:visited {
 color: #CCC;
}
#navbar2 li a:hover {
 font-weight: bold;
 color:#0CF;
 text-decoration:underline;
 
}

#time
{
color:white;




}

#language{
  position:absolute;
  right:300px;
  top:95px;

}

#menu {
background:url("images/header-border.png") repeat-x scroll left top #0092B5;
float:left;
height:31px;
width:100%;
z-index:500;
}

/* This contains the banner image that some of the links will sit in*/
#topheader{
	width: 980px;
	height: 30px;
	background-image:url(images/bg_topnavinner.gif);
	 -moz-border-radius: 10px 10px 0px 0px;
	 background-repeat:repeat-x;
	 color:black;
	 
}

/* This will simply contain the logo*/
#logo{
	width: 980px;
	height: 280px;
	background-image:url(images/logo.JPG);
	clear:both;
}

/******************************************************************************************/
/* Left column properties*/
#leftcolumn{
margin-top: 5px;	
	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;
	 filter:alpha(opacity=50);
}

/* 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:left;
	width:680px; 
	margin-left: 10px;
	background-color: #FFFFFF;

}

.float {
	float.right;
}

/******************************************************************************************/
/*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:black;
}

#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: 1px;
	color:black;
	
}

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

#formlogin label {
	color:black;
}

/*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;
}


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