* {
    margin:0;
    padding:0;
}




/* Colours http://www.w3schools.com/css/css_colornames.asp*/


/*T6C.org  */
/*green color: 99cc99*/
/*yellow: f0d854 */
/*chocolate: D2691E*/

body{
	font-family: verdana, arial, helvetica, geneva, swiss, sunsans-regular, sans-serif;
	color: #000000;
	background-color: #ffffff;
    font-size : small; 
    font-style:normal;
	margin: 0px;
}

a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {cursor:pointer;color: #D2691E; }

/*Header divisions*/
div.header {clear:both;}
div.blankstrip {float:left;width:100%;background-color:#FFFFFF; height:30px; clear:both;  }
div.logostrip { float:left; width:100%;background-position: left; background-image: url(./images/banner1500x120.jpg); background-repeat: no-repeat; background-color:#99cc99   ;height:80px;}
div.logostrip h1 { font-size:30px; font-weight:normal ;color:#006400;text-align:right;margin-right: 40px;margin-top: 20px; margin-bottom: 20px;visibility: hidden;}
div.blankstrip p {margin-top: 5px; margin-bottom: 7px;}

div.footerstrip {position:relative;float:left;width:100%;height:30px; clear:both;
				background-color:#99cc99;}

div.footerstrip p{text-align: right;margin-right:5px; padding-top: 7px;  }
span.logos a{padding-right: 20px;}
span.logos{padding-left:120px;}

img.w3cimages {background-color: white;
				border-style: none;}

a.headermenu {color: #006400;}
a.headermenu:hover{color:#D2691E;font-weight:normal;}

/* The divisions structure*/
div.main {position:relative;width:100%;float:left ;clear:both; }
div.leftside {position:relative;width:25%;float:left ; display: inline;  }


div.leftimg {position:relative;
			float:left; 
			width:90%;
			float:left ;
			clear:both;
			left:5%;}
div.leftimg img { width:100%; }

div.leftside div.leftcontent {position:relative;width:90%;
							float:left ;
							background: #99cc99;
							margin-top: 20px;
							left: 5% ;
							margin-bottom:20px;}
							
div.leftcontent a {color:#006400;}


div.leftcontent ul {padding-top: 15px;padding-bottom: 15px;list-style-type:none;padding-left: 10px; }
div.leftcontent li { padding-top: 2px;padding-bottom: 2px;list-style-type:none;padding-left: 10px;list-style-position: inside;}
div.leftcontent li a:hover {color:#D2691E;}

div.blankstrip div.leftside p { text-align:left;padding-bottom:2px;margin-left: 5px;}
div.blankstrip div.rightside p { text-align:right;margin-right: 5px;}
div.blankstrip a { padding-left :10px;padding-right: 10px;}

div.rightside {position:relative;width:75%;float:right ;display: inline; }


div.maincontent{position:relative;width:100%;float:left;  }

div.maincontent h2 {color :#006400;text-align: left;margin: 0px 50px 10px 20px; font-weight: normal;padding-top: 0px;}
div.maincontent h3 {color :#006400;text-align: left;margin: 15px 50px 5px 20px; font-weight: normal;}
div.maincontent h4 {color :#006400;text-align: left;margin: 10px 50px 5px 20px;font-weight: normal;}
div.maincontent p {text-align: left;margin:5px 50px 5px 20px;}
div.maincontent ul {margin-left:30px;list-style-type:none;}
div.maincontent a {color :#006400;}

div.maincontent p.downloadline {margin-top: 15px;margin-bottom: 20px; }
p.downloadline a {text-decoration:underline;color :#006400;}
p.downloadline a:hover {font-weight: bold; }
p.downloadline img { padding-right:10px;}
div.maincontent p.linkline {margin-top: 15px;margin-bottom: 15px;padding-left: 5px; }
p.link {}
p.highpar{padding-bottom: 12px;}
span.boldspan {font-weight: bold;}

div.tablediv{width:90%;margin-left:20px;margin-bottom:10px;}

/*From nifty corner samples*/
ul#listsections {margin: 0px;padding: 0px;}
ul#listsections li{float:left;width:230px;padding-top: 0px ;margin:0px 5px 5px 5px;height:18em;list-style:none;}
ul#listsections li div.sec_title{background:#99cc99;
				   background-image: url(./images/greengradient2.png);
				   background-repeat: repeat-x;
				   background-position: left;}

ul#listsections li div.sec_title_plain h3{text-align:left;padding: 0px 0 3px 5px;font-weight:bold;}
				   				   
ul#listsections h3{font:normal normal normal 120%/1.3 Verdana,sans-serif;
				   margin:0;
				   padding: 5px 0 3px;
    			   text-align:center;
    			   color:#006400; }
    			   

				   
ul#listsections p{margin:0;padding:5px 8px 5px;}

div.sec_content{padding-bottom: 10px; padding-top: 2px;
				font:normal normal normal 90%/1.3 Verdana,sans-serif;}
p.sec_link{font-size: x-small;}
p.sec_link a {color: #006400;}



ul.content li{list-style: disc;list-style-position: inside;}

ul.FAQ li{list-style: none;list-style-position: outside;margin-top: 3px; margin-bottom: 3px;}
ul.FAQ a {color: #006400;}

ul.courses li {list-style:disc; list-style-position: inside;margin-top: 3px; margin-bottom: 3px;color: #006400;}

span.smallspan{font-size: 0.7em;}


ul#photogallery {margin-left:20px;list-style: none;list-style-position: outside;margin-top: 20px}
ul#photogallery li{float:left;width:140px;height:200px;margin:0px 20px 0px 0px;font-size: x-small;list-style: none;list-style-position: inside;}
div.smallphotolandscape {width:140px;}
div.smallphotoportrait {width:105px;}
div.smallphotolandscape img {width:140px;text-align:center;border-style: none; }
div.smallphotoportrait img { width:105px; margin-left:15px;
text-align:center;border-style: none; }
div.smallphotolandscape, div.smallphotoportrait img a{text-decoration: none; }
div.smallphotolandscape  p{margin-left:0px;margin-right:0px; width:140px;text-align:center;font-size: x-small;}
div.smallphotoportrait  p{margin-left:15px;margin-right:0px; width:105px;text-align:center;font-size:x-small;}

div.bigphotolandscape, div.bigphotoportrait{float:left;width:100%;}
div.bigphotolandscape img {width:360px;height:270px;margin-left: 70px;text-align:center;border-style: none; }
div.bigphotolandscape  p{margin-left: 70px;width:360px;text-align:center;}
div.bigphotoportrait img {width:270px;height:360px;margin-left: 100px;text-align:center;border-style: none; }
div.bigphotoportrait  p{margin-left: 100px;width:270px;text-align:center;}
div.bigphotolandscape p.backlink {margin-left: 70px;margin-top: 20px;text-align: left;}
div.bigphotoportrait p.backlink {margin-left: 100px;margin-top: 20px;text-align: left;}
div.smallphotolandscape, div.smallphotoportrait, div.bigphotolandscape, div.bigphotoportrait img a{text-decoration: none; }

div.photonavigation{float :left; width:100%; clear:both;}
div.photonavigation  div.leftnav {float:left; width:30%;text-align: left;}
div.photonavigation  div.rightnav {float:right; width:70%;text-align: left;}
div.leftnav a {margin-left: 20px;}

ul.navigation li {display: inline; 	padding-right: 4px;}
div.photonavigation ul.navigation li a{text-decoration: none;}