/* CSS Document */
body {text-align: left; margin: 0; padding: 0; background-color: #eae8d5; font-family: Verdana, Arial, Helvetica, sans-serif;}
	ul, li {margin: 0; padding: 0;}
	p {margin: 0; padding: 0; font-size: 11px;}
	h1 {font-size: 13px;}
	a {color: #003265; outline: none;}
	a:visited {color: #aaaaaa;}
	a:hover {color: #000000;}
	a img {border: 0;}
	
	
	#container {width: 796px; margin: 0 auto 0 auto; padding-bottom: 10px; background-image:url(images/bg.gif); background-repeat:repeat-y; background-position:center;}
	#wrapper {width: 760px; margin: 0 auto;}
	#topcharity {width: 756px; background-color: #003066; font-size: 9px; height: 16px; color: #ffffff; padding: 2px 4px 0 0; text-align: right;}
	#header {margin: 10px 0 0 7px;}
	#menu {margin: 0 0 0 7px; height: 31px; width: 740px; background-image:url(layoutimages/bg_menu.gif); background-repeat: no-repeat;}
	
	#menu ul {width: 100%; font-size: 11px; position: relative; height: 10px; top: 7px; left: 5px;}	
	#menu li {display:inline;  color: #ffffff; font-weight: bold; margin-left: 10px;}
	#menu li a {color: #ffffff; text-decoration: none;}
	#menu li a:hover {color: #003066;}
	
	#middlesection {margin: 0 0 0 7px; background-image:url(layoutimages/index/middlephoto.gif); background-repeat:no-repeat; width: 743px; height: 180px;}
	#middlesection img {float: right; margin: 2px 3px 0 0;}
	#subsectiona {margin: 0 0 0 7px; height: 140px;}
	
	#whoweare {width: 360px; height: 140px; float: left;}
	#whoweare img {position: relative; top: 10px; left: 10px;}
	#whoweare p {position: relative; top: 20px; left: 10px;font-size: 10px; color: #000000; width: 90%; line-height: 14px;}
	
	#misses {width: 375px; height: 140px; float: left; background-image: url(layoutimages/bg_comments.gif); background-repeat: no-repeat;}
	#misses p {color: #33AC81;}
	.miss1 {font-size: 12px; position: relative; top: 15px; left: 10px;}
	.miss2 {font-size: 14px; font-weight: bold; position: relative; top: 25px; left: 18px;}
	.miss3 {font-size: 12px; position: relative; top: 35px; left: 24px;}
	.miss4 {font-size: 14px; font-weight: bold; position: relative; top: 45px; left: 30px;}
	
	#hr {margin: 0 auto; width: 743px;}
	#bodycontainer {width: 738px; margin: 0 auto;}
	#innercontainer {width: 737px; margin: 10px auto 0;}
	
	#indexbodyleft {width: 354px; height: 395px; float: left; display: inline;}
	#indexbodyleft ul {list-style-image: url(layoutimages/li.gif); position: relative; top: 10px; left: 30px; list-style-position: outside;}
	#indexbodyleft li {font-size: 11px; margin: 5px 0 0 19px; padding-left: 10px; list-style:url(layoutimages/li.gif);}
	.interestheading {position: relative; top: 10px; left: 10px;}
	.indeximprove {color: #33AC81; width: 295px; letter-spacing: 0.08em; font-size: 16px; font-weight: bold; text-align: center; margin: 30px auto 0 auto;}
	#indextraining {background-image:url(layoutimages/bg_training.gif); background-repeat:no-repeat; margin: 14px 0 0 0; height: 120px; padding: 70px 15px 0 30px;}
	.trainingcont {width: 348px; height: 182px; }
	.trainingtext {width: 320px; margin: 30px auto 0 auto; font-size: 11px;}
	#button_readmore {background-image: url(layoutimages/index/button_readmore.gif); width: 115px; height: 30px; float: right; display: block; text-indent: -1000px;}
	#button_readmore a {background-image: url(layoutimages/index/button_readmore.gif); width: 115px; height: 30px; float: right; display: block; text-indent: -1000px;}
	#button_readmore a:hover {background-position: 0 30px;}
	
	#indexbodyright {width: 360px; height: 375px; margin-top: 8px; float: left; padding: 1px; border: 1px solid #E2F3ED;}
	.indexcoursefeesheader {width: 360px; height: 34px; background-color: #33AC81;}
	.courseheading {position: relative; top: 7px; left: 10px;}
	.coursefeesinner {padding: 10px 10px 10px 30px; border: 1px solid #E2F3ED; margin-top: 1px;}
	.price {font-size: 12px; color: #33AC81; margin-top: 5px; font-weight: bold;}
	#button_download_doc {background-image: url(layoutimages/index/button_download_doc.gif); width: 115px; height: 30px; float: left; display: block; text-indent: -1000px; margin-top: 10px;}
	#button_download_doc a {background-image: url(layoutimages/index/button_download_doc.gif); width: 115px; height: 30px; float: left; display: block; text-indent: -1000px;}
	#button_download_doc a:hover {background-position: 0 30px;}
	#button_download_pdf {background-image: url(layoutimages/index/button_download_pdf.gif); width: 115px; height: 30px; float: left; display: block; text-indent: -1000px; margin-top: 10px;}
	#button_download_pdf a {background-image: url(layoutimages/index/button_download_pdf.gif); width: 115px; height: 30px; float: left; display: block; text-indent: -1000px;}
	#button_download_pdf a:hover {background-position: 0 30px;}

	
	#contactus {margin: 10px 0 0 8px; background-image: url(layoutimages/bg_contact.gif); width: 739px; height: 109px;}
	#contactus p {font-size: 13px; position: relative; top: 45px; left: 20px;}
	#contactus p a{color: #003265;}
	#contactus p a:hover{color: #000000;}
	
	#footer {margin: 0 0 0 5px; background-image:url(layoutimages/bg_footer.gif); background-repeat: no-repeat; width: 746px; height: 41px;}
	#footer p {position: relative; top: 14px; left: 10px; font-size: 10px; color: #ffffff;}
	#credits {font-size: 10px; width: 100%; text-align: center; color: #444444; margin-top: 7px;}
	#credits a {color: #FF6600;}
	#credits a:hover {color: #000000;}
	
	.textstyle1 {font-size: 10px; color: #444444; margin-top: 13px;}
	.textstyle1 a {color: #33AC81; font-weight: bold;}
	.textstyle1 a:hover {color: #000000;}
	
	.textstyle2 {width: 95%; font-size: 12px; color: #444444; margin: 10px auto; line-height: 1.2em;}
	
/* ==================================================================================
           Contact Us
===================================================================================== */

  .contacts {height: auto;}
  .contactperson {width: 165px; height: 245px; float: left; margin: 5px 11px; border: 1px solid #eeeeee; display: inline;}	
	.contactname {font-size: 12px; width: 85%; border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; padding: 5px 0; text-align: center; margin: 10px auto 0; background-color: #fafafa;}
	.contactimage {width: 140px; height: 140px; margin: 10px auto; background-image:url(images/bg_contact.gif); background-repeat: no-repeat;}
	.contactimage img {margin: 7px;}
	.contacttitle {color: #33AC81; font-size: 12px; margin-left: 12px; font-weight: bold;}
	.contacttitle a{color: #33AC81;}
	.contacttitle a:hover{color: #40C697;}
	.contactsubtitle {color: #555555; font-size: 11px; margin: 5px 0 0 12px;}
	#map {margin: 0 0 0 12px; width: 500px; height: 300px; float: left; display: inline;}
	#mapcontent {width: 220px; float: right; margin: 0 10px 0 0;}
	#mapcontent .highlight {font-weight: bold;}
	.subtext {margin-top: 5px; line-height: 1.3em;}
	
/* ==================================================================================
           Magazines
===================================================================================== */
	#magazinecontainer {}
	.magazinebox {float: left; margin: 40px 0 0 75px}
	.magazineimage {}
	.magazinedate {text-align: center; font-size: 11px; margin-top: 8px;}

/* ==================================================================================
           Training
===================================================================================== */

	#trainingcontainer {margin: 0 0 0 150px; padding-left: 25px; border-left: 1px dotted #aaaaaa; width: 70%;}
	#trainingcontainer p {margin: 10px 0;}
	* html #trainingcontainer p {margin: 5px 0;}
	#sidebox {width: 17%; float: left; margin-left: 8px; display: inline;}
	.sideboximage {width: 100px; border: 1px solid #4f4f4f; height: 240px; margin: 5px auto;}
	
	#trainingcontainer table {font-size: 11px; border: 1px solid #333;}
	#trainingcontainer table tr.row_heading {font-weight: bold; background: #eee;}
	#trainingcontainer table tr td {padding: 3px; border-bottom: 1px dashed #ccc;}

/* ==================================================================================
           Links
===================================================================================== */
	.links {height: auto;}
  .linkentry {width: 165px; height: 150px; float: left; margin: 5px 11px; text-align: center; padding-top: 18px; border: 1px solid #eeeeee; display: inline;}
	.linktitle {color: #33AC81; font-size: 12px; font-weight: bold; text-align: center; padding: 10px;}
	.linktitle a{color: #33AC81;}
	.linktitle a:hover{color: #40C697;}
	.linktitle img{color: #40C697;}
	.linkimage {text-align: center;}
	
	/* ==================================================================================
           Events
===================================================================================== */
  .events_container {}
	.events_container h4 {background: #003066 url(layoutimages/event_heading_bg.jpg) no-repeat; color: #ffffff; padding: 4px 0 0 10px; width: 715px; height: 20px; font-size: 12px; margin: 5px auto;}
  .events_container table {border: 1px solid #dddddd; font-size: 12px; color: #111111; width: 725px; margin: 0 auto 15px;}
	.events_container table thead {background: #cccccc; height: 30px; font-weight: bold; font-size: 13px;}
	.events_container table td {padding: 5px; vertical-align: top;}
	
	/* ==================================================================================
           Gallery
===================================================================================== */

	.gallery_container ul, li {list-style-type: none; overflow: auto;}
	.gallery_container li {overflow: auto; border: 1px solid #bbbbbb; padding: 10px; margin-top: 10px;}
	.gallery_container h4 {line-height: 14px; font-size: 14px; margin: 0; padding: 0;}
	.gallery_container img {float: left; margin-right: 10px;}
	.gallery_container p {margin-top: 8px; font-size: 12px;}
	.gallery_container {}
	
	/* ==================================================================================
           News
===================================================================================== */
	.news_container .news_entry {border-bottom:  1px solid #dfdfdf; padding: 10px; margin: 10px auto;}
	.news_container h4 {background: #003066 url(layoutimages/event_heading_bg.jpg) no-repeat; color: #ffffff; padding: 4px 0 0 10px; width: 715px; height: 20px; font-size: 12px; margin: 5px auto;}
	.news_container h3 {font-size: 15px; color: #990000; line-height: 15px; margin: 0; padding: 0;}
	.news_container p {font-size: 12px; margin: 10px 0 0;}
	.news_container p .news_description {font-size: 11px; margin: 7px 0 0;}
	
	/* ==================================================================================
           Gallery - Coppermine
===================================================================================== */
	.gallery_container {font-size: 12px;}
	#gallery_sysmenu {font-size: 12px; text-align: center; margin: 0 auto;}
	#gallery_submenu {margin-top: 100px; font-size: 12px; text-align: center; margin: 0 auto;}
	#gallery_adminmenu {font-size: 12px; border: 1px solid red; margin-top: 15px;}
	#gallery_gallery {}