html{margin:0; padding:0; width:100%; font:normal normal 100% "Arial";  }
body{margin:0; padding:0; width:100%; font:normal normal 100% "Arial"; background:#EEEDE5 url(../images/bg.gif) no-repeat right bottom; }


/*stuff ...........................................*/
.r{float:right}
.l{float:left}
.picR{margin:5px 5px 5px 10px; padding:0; border:2px solid #ccc; float:right}
.picL{margin:5px 10px 5px 5px; padding:0; border:2px solid #ccc; float:left}
.clear{margin:0; padding:0; font-size:0px; height:0px; clear:both;}
.divider{margin:0 0 -15px 0; padding:0px; width:96%; border-top:1px dotted #ccc}
.red2 {color:#CE3F38 !important; }
.red {color:#CE3F38 !important; text-decoration:none !important;}
.none {color:#333 !important; text-decoration:none !important;}
img{margin: 0px; padding: 0px; border:0}
img.r{margin: 0px; padding: 0px; border:0; float: right; }
img.att {padding-left:0px;}
/* outer constructers .............................*/
#wrapAll{margin:0px auto; padding:0 0 0px 7px; width:765px; background:url(../images/wrap_bg.jpg) repeat-y #fff}
#wrapInner{margin:0 0 0 0px; padding:0; width:760px;}
#wrapInner.home{margin: 0px; padding: 0px; background:url(0)}

#header{margin:0; padding:0; width:760px;}
#header img.logo{margin:0; padding:22px 0 22px 22px; float:left}
#header img.tagline{margin:0; padding:50px 40px 0 0; float:right}
.topbanner {padding:0; margin:0; float:left; border:0;}

#wrapTopHome .welcome-text {margin: 0px; padding: 0px; width: 200px; float: left;}
#wrapTopHome .flash-box{margin: 0px; padding: 0px; border:0; float: right; width: 470px;}

#wrapTopHome .flashcontent {width: 470px; height: 312px;}
#wrapTopHome .flashcontent img{float: none;}
/* menus ..........................................*/
#menu {margin:0; padding:0; width:760px; float:left; border-bottom:1px solid #ABA297; background:#B2AA7D url(../images/gns.jpg) repeat-x;}
#menu ul{margin:0; padding:0; font-size:0.75em; }
#menu ul li{margin:0; padding:0; border-right:1px solid #ABA297; float:left; list-style:none}
#menu ul li.last{margin: 0; border:0;}
#menu ul li a{margin:0; padding:7px 34px 7px 34px; font-weight:bold; color:#fff; text-decoration:none;  float:left;  display:block; border:0;}
#menu ul li.last a{margin:0; padding:7px 39px 7px 32px; font-weight:bold; color:#fff; text-decoration:none;  float:left;  display:block; border:0;}

#menu ul li a:hover{color:#fff; background:#70C5B8 url(../images/hover.jpg) repeat-x;}
#menu ul li.on a{font-weight:bold; color:#fff; background:#70C5B8 url(../images/hover.jpg) repeat-x;}
/*home elements .................................. */
#wrapTopHome{margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; width:740px; float:left; background:url(../images/grad.jpg) bottom repeat-x}
#wrapInner #wrapTopHome h1{padding:10px 0px 0px 0px;color:#4A1D3C; width: 150px;  }
#wrapInner #wrapTopHome p{ margin: 10px 0px 0px 0px; padding:0px; width:250px; }


#wrapInner .colHome-firstCol{width:270px; margin:0; padding:0px 0px 0px 20px;  float:left; background:url(../images/line_divider.gif) right top no-repeat}
#wrapInner .colHome-firstCol h2 { margin: 0px; padding: 17px 0px 23px 0px; color: #4A1D3C; font-size: 1.2em; font-weight: normal; width:270px;  background:url(../images/worldwise_news.jpg) no-repeat}

#wrapInner .colHome-firstCol ul {margin: 0px; padding: 0px; border: none; width: 250px; }
#wrapInner .colHome-firstCol ul li {margin: 10px 0px 10px 0px; padding: 0px 0px 15px 0px; background: url(../images/news_break.jpg) no-repeat left bottom;}

#wrapInner .colHome-second-col {width:270px; margin:0px; padding:0px;  float:left; background:url(../images/line_divider.gif) right top no-repeat}
#wrapInner .colHome-second-col h2 { margin: 0px; padding: 17px 0px 23px 15px; color: #4A1D3C; font-size: 1.2em; font-weight: normal; width:255px;  background:url(../images/project-news.jpg) no-repeat}
#wrapInner .colHome-second-col ul {margin: 0px; padding: 0px 0px 0px 15px; border: none; width: 250px; }
#wrapInner .colHome-second-col ul li {margin: 10px 0px 10px 0px; padding: 0px 0px 15px 0px; background: url(../images/news_break.jpg) no-repeat left bottom;}
#wrapInner .colHome-second-col .home-link {margin: 20px 0px 0px 15px; padding: 0px 0px 0px 13px; background: url(../images/arrow.gif) no-repeat scroll 0px 3px;}

#wrapInner .colHome-third-col {width: 170px; padding: 10px 0px 10px 13px; float: left; text-align: center}

#wrapInner .colHome-third-col .noticeboard {width: 165px; text-align: left;}

#wrapInner .colHome-third-col .noticeboard-top {margin: 0px; padding: 0px; height: 18px;   width: 172px; background:url(../images/noticeboard-top.jpg) no-repeat top; }

#wrapInner .colHome-third-col .noticeboard-inner {margin: 0px; padding: 0px 0px 10px 10px; width: 172px; background:url(../images/noticeboard-repeat.jpg) repeat-y }
#wrapInner .colHome-third-col .noticeboard-inner h2 { margin: 0px; padding: 0px 0px 10px 15px; color:#999167; }
#wrapInner .colHome-third-col .noticeboard-inner p {margin: 0px; padding: 0px}

#wrapInner .colHome-third-col .noticeboard-inner h3 { margin: 0px; padding: 5px 0px 8px 0px; color:#999167; }
#wrapInner .colHome-third-col .noticeboard-inner ul {margin: 0px; padding: 0px 0px 0px 10px; border: none;}
#wrapInner .colHome-third-col .noticeboard-inner ul li {background:url(../images/arrow_noticeboard.jpg) no-repeat scroll 0px 3px}
#wrapInner .colHome-third-col .noticeboard-inner ul li a {text-decoration: none;}
#wrapInner .colHome-third-col .noticeboard-inner ul li a:hover {text-decoration: underline;}



#wrapInner .colHome-third-col .noticeboard-bottom {margin: 0px; padding: 0px; height:21px;  width: 172px; background:url(../images/noticeboard-bottom.jpg) no-repeat bottom }


#wrapInner span.link a {padding:0px 0px 5px 0px; color: #008C94; font-weight: bold; font-size: 1.0em; text-decoration: underline; display: block;}
#wrapInner .home-link {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(../images/arrow.gif) no-repeat scroll 0px 3px;}




#wrapInner .colHome h2{padding:0; color:#4A1D3C; border:0; font:normal normal 1.2em "Tahoma", Arial}
#wrapInner .colHome img.th{border:2px solid #ccc}
#wrapInner .colHome img.logo{border:1px solid #008C94}
#wrapInner .colHome .hilite{padding:4px; background:#4A1D3C; color:#fff}

/* header_img .....................................*/
#header_img{margin:0 0 0 0px; padding:0; height:111px; width:760px; background:#223F76; }
#wrapAll .pic_grads{background:url(../images/picheader_graduates.jpg) no-repeat;float:left;}
#wrapAll .pic_hands{background:url(../images/picheader_holdinghands.jpg) no-repeat; float:left;}
#wrapAll .pic_grain{background:url(../images/picheader_grain.jpg) no-repeat; float:left;}
#wrapAll .pic_resources{background:url(../images/picheader_highschools.jpg) no-repeat; float:left;}
#wrapAll .pic_smiles{background:url(../images/picheader_kidslaughing.jpg) no-repeat; float:left;}
#wrapAll .pic_students{background:url(../images/picheader_3students.jpg) no-repeat; float:left;}

/* lhs  ...........................................*/
#lhs{margin:0; padding:0; float:left; width:148px;}
/*submenu ..........................................*/
#lhs #menu_sub ul{margin:0px; padding:0px; background:#fff; border-bottom:1px solid #D5D1C8; font-size:0.75em;}
#lhs #menu_sub ul li{margin:0px; padding:0px; width:148px; list-style:none; background:#F3F2ED;  border-top:1px solid #D5D1C8;}
#lhs #menu_sub ul li a {margin:0px; padding:6px 0 6px 25px; width:123px;  color:#666666;text-decoration:none; display:block; border:0; }
#lhs #menu_sub ul li a:hover{color:#fff; background:#6FC4B8 url(../images/hover_sub.jpg) repeat-x; text-decoration:none; }
#lhs #menu_sub ul li.on a{margin: 0px; font-weight:bold; color:#fff; text-decoration:none; background:#6FC4B8 url(../images/hover_sub.jpg) repeat-x; borderp: none;}
#lhs #menu_sub ul li.on {border: 0 !important; }
#lhs #menu_sub ul li.first {border-top: 0 !important; background:#F3F2ED;  }
#lhs #menu_sub ul li.sub {margin: 0px; padding: 0px; border: 0; }
#lhs #menu_sub ul li.sub a {margin:0px; padding:5px 0px 3px 35px; width:115px; color:#887C6A; font-weight: normal; background:#ffffff !important; text-decoration:none;  border:0; }
#lhs #menu_sub ul li.sub a:hover{margin: 0px; color:#6FC4B8; background:#6FC4B8 url(../images/hover_sub.jpg) repeat-x; text-decoration:none; }

/* content ........................................*/
#content{margin:0; padding:15px 20px 10px 20px; width:570px; float:left;}

/*content elements ..................................
.....................................................
...................................................*/
#wrapInner h1{margin:10px 0 10px 0; padding:0 0 5px 0; color:#4A1D3C; font:normal normal 1.5em "Tahoma"}
#wrapInner h2{margin:20px 0 10px 0; padding:0 0 5px 0; color:#008C94; font:normal bold 0.9em "Tahoma"; }

#wrapInner h3{margin:20px 0 0px 0; padding:0; color:#887C6A; font:normal bold 0.75em "Tahoma";}

#wrapInner h3.red{padding:5px; background:#CC3300; color:#fff; text-align:center}

#wrapInner p{margin:10px 0 10px 0; padding:0; font-size:0.75em; line-height:1.5em; color:#333}
#wrapInner p span.num{margin-right:6px; padding:2px; font-size:1.1em; font-weight:bold; border:1px solid #ccc; border-width:0 1px 1px 0; background:#f8f8f8; color:#CD3604}


#wrapInner .FAQ_answer {float:left; clear:both; border-bottom:1px dotted #666}
#wrapInner .FAQ_answer h2 {margin:0; padding:20px 0 0 0; float:left; clear:both; border:none;font-weight:normal;font-size:1.2em; color:#4A1D3C;}
#wrapInner .FAQ_answer ul.countries {border:none;}
#wrapInner .FAQ_answer ol {padding:0px 0 0px 10px; list-style-type:decimal}
#wrapInner .FAQ_answer ul.faq {margin-bottom:10px; border:none !important;}
#wrapInner .FAQ_answer ul.faq li {line-height:1.5em; border:none}
#wrapInner .FAQ_answer span{color:#666; font-size:0.9em}
#wrapInner .FAQ_answer h3{margin:20px 0 0px 0; padding:0; color:#008C94; border:none;font:normal bold 0.9em "Tahoma";}
#wrapInner .FAQ_answer h4{margin:20px 0 0px 0; padding:0; color:#887C6A; font:normal bold 0.75em "Tahoma";}


#wrapInner .FAQ_quest ol {padding-top:0px; margin-top:0px; list-style-type:decimal}
#wrapInner .FAQ_quest ol h2.faq_title {font-size:1.2em; font-weight:bold; padding:10px 0 0 0;color:#4A1D3C; border:none;}
#wrapInner .FAQ_quest ol.faq li {padding:0 0 0 20px; line-height:1.5em; border:none}
#wrapInner .FAQ_quest ol.faq li a {text-decoration:none;border-bottom:1px dotted #008C94}


#wrapInner ul{margin:10px 0 10px 5px; padding:0; border:1px dotted #ddd; border-width:1px 0 1px 0; font-size:0.75em; list-style:none; color:#555}
#wrapInner ul li{margin:8px 0; padding:0 0 0 16px; background:url(../images/arrow.gif) no-repeat 0px 3px}
#wrapInner ul li ul{border-width:0}
#wrapInner ul li ul li{font-size:1.3em; background:url(../images/icon_dash.gif) no-repeat 0px 5px; color:#777}

#wrapInner ul.linkto{margin-left:0; list-style:none; border-width:0}
#wrapInner ul.linkto li{margin:5px 0; padding:0 0 0 15px; background:url(../images/arrow.gif) no-repeat 0px 3px}

#wrapInner ul.checklist{margin-left:0; list-style:none; border-width:0}
#wrapInner ul.checklist li{margin:10px 0; padding:0 0 0 21px; background:url(../images/icon_checklist.gif) no-repeat 0px 2px}

#wrapInner ul.downloads{margin:10px 0 10px 15px; list-style:none; border-width:0}
#wrapInner ul.downloads li{margin:0 0 20px 0; padding:0 0 1px 40px; background:url(../images/icon_pdf.gif) no-repeat}
#wrapInner ul.downloads li.doc{margin:0 0 20px 0; padding:0 0 1px 40px; background:url(../images/icon_doc.gif) no-repeat}
#wrapInner ul.downloads li span{color:#666; font-size:0.9em}

#wrapInner ol{margin:10px 0 10px 20px; padding:0; font-size:0.75em; color:#555; list-style-type:lower-latin}
#wrapInner ol li{margin:10px 0; padding:0 0 0 0;}

#wrapInner ol.steps{margin:15px 0 15px 0; padding:0; font-size:0.75em; color:#555; list-style-type:none}
#wrapInner ol.steps li{margin:25px 0; padding:0 0 0 0;}
#wrapInner ol.steps li span.num{margin-right:6px; padding:2px; font-size:1.1em; display:inline; float:left; font-weight:bold; border:1px solid #ccc; border-width:0 1px 1px 0; background:#f8f8f8; color:#CD3604}


#wrapInner a{color:#008C94; text-decoration:none; text-decoration:underline;}
#wrapInner a:hover {text-decoration:none;}
#wrapInner a.backtotop {color:#918960;}

#wrapInner blockquote{margin:15px 20px 15px 20px; padding:0 10px 0 30px; font-style:italic; font-size:0.9em; line-height:1.5em; color:#666; background:url(../images/icon_quote-open.gif) no-repeat}
#wrapInner blockquote cite{margin:-20px 0 0 0; padding:20px 20px 0 0; display:block; font-size:0.9em; font-style:normal; font-weight:bold;  background:url(../images/icon_quote-close.gif) no-repeat top right}

#wrapInner table{margin:0 0 10px 0; padding:0; font-size:0.7em; color:#666; border-bottom:2px solid #eee;}
#wrapInner table caption{margin:10px 0 3px 4px; padding:0; text-align:left; font-size:1.2em; font-weight:bold; color:#5C687C;}
#wrapInner table th{margin:0; padding:7px 7px; width:15%; background:url(../images/grad_blue2.gif) repeat-x; color:#666666; text-align:left;}
#wrapInner table td{margin:0; padding:3px 7px; border-top:1px solid #eee; vertical-align:top}
#wrapInner table td.alt{background:#F3F5F8}

#wrapInner table tr.break {background:#E8E6DC}
#wrapInner table td ol{font-size: 1.0em; list-style-type:decimal; color:#666666}

#wrapInner .picR_cap{margin:0 0 0 10px; float:right; width: 200px; border-left:3px solid #AFA67B;}
#wrapInner .picR_cap img{margin:0; padding:0;}
#wrapInner .picR_cap p{margin:0; padding:3px 3px 3px 5px; color:#666; font-size:0.7em; width:150px; float:left; background:#fff}

#wrapInner .picR_cap_home {margin:0px 0px 5px 0px; float:left; width:150px; border-left:3px solid #AFA67B}
#wrapInner .picR_cap_home_wide {margin:0px 15px 0px 0px; float:left; width:200px; border-left:3px solid #AFA67B}
#wrapInner .picR_cap_home img{margin:0; padding:0;}
#wrapInner .picR_cap_home p{margin:0; padding:3px 3px 3px 5px; color:#666; font-size:0.7em; width:190px; float:left; background:#fff}


#wrapInner .resources p{padding-top:10px; border-top:1px dotted #ccc}
#wrapInner .resources p.no-bdr {border-top: none;}

#wrapInner .intro-text {margin: 5px 0px 0px 0px; padding: 0px 0px 10px 0px; background: url(../images/grey-dot.gif) bottom repeat-x; }

/*News List...........................................*/
#wrapInner .news-item {margin: 0px; padding: 11px 0px 2px 0px; background: url(../images/grey-dot.gif) bottom repeat-x;}
#wrapInner .news-item .news-date {margin: 0px 0px 4px 0px; padding: 0px 0px 0px 15px; color: #887C6A; font-weight: bold; background: url(../images/arrow.gif) no-repeat scroll 0px 3px; font-size: 0.75em; display: block;}
#wrapInner .news-item a {margin: 0px 0px 4px 0px; padding: 0px 0px 0px 15px; display: block; font-weight: bold; text-decoration: underline; color: #008C94; font-size: 0.75em;}
#wrapInner .news-item p {margin: 0px 0px 4px 0px; padding: 0px 0px 7px 15px; }

/*Gallery overview...........................................*/
#wrapInner ul li img.thumb {display: block; border: 1px solid #B2AA7D; margin: 0 0 6px 0}

span.title-gallery {margin: 0px; padding: 0px; color: #008C94; font-weight: bold; font-size: 0.9em; display: block;  width: 170px; cursor:pointer }
span.date-gallery { margin: 0px; padding: 0px; color: #887C6A; font-weight: bold; font-size: 0.9em; width: 170px;  display: block;   cursor:pointer }

#wrapInner ul.gallery {margin: 0px; padding: 0px; overflow: hidden; clear:both; background-image: none; border: 0; width:567px;}
#wrapInner ul.gallery li {/*margin: 20px 14px 10px 0px;*/ margin: 5px 14px 10px 0px; min-height:220px; overflow:hidden; padding: 0px; background-image: none; border-bottom: 0; float: left;}
#wrapInner ul.gallery li a { text-decoration: none;}

/*Gallery inside page...........................................*/
#wrapInner ul.galleryAlbum li img.gallery-image {margin: 0px 0px 15px 0px; border: 1px solid #B2AA7D; float: left; }
#wrapInner ul.galleryAlbum {margin: 0px; padding: 0px; overflow: hidden; clear:both; background-image: none; border: 0;}
#wrapInner ul.galleryAlbum li {margin: 0px; padding: 20px 0px 0px 0px; float: left; background: none; }
span.gallery-caption { margin: 15px 0px 0px 10px; padding: 0px 0px 0px 15px; width: 170px; float: left; color: #008C94; background:url(../images/arrow.gif) no-repeat scroll 0px 3px;}
span.back-top {margin: 5px 0px 0px 0px; padding: 10px 0px 0px 0px; clear: both; float: left; display: inline; width: 550px; background: url(../images/grey-dot.gif) top repeat-x;}

/*Case Studies...........................................*/

#wrapInner ul.case-studies {margin: 0px; padding: 0px; overflow: hidden; clear:both; background-image: none; border: 0;}
#wrapInner ul.case-studies li {margin: 0px; padding: 20px 0px 20px 0px; float: left; background: url(../images/grey-dot.gif) bottom repeat-x;}
#wrapInner ul.case-studies img {border: 1px solid #B2AA7D; float: left; }
span.case-study-link a {margin: 0px 0px 5px 20px; width: 450px; color: #008C94; font-weight: bold; text-decoration: underline; float: left; display: block; }
span.case-study-abstract {margin: 0px 0px 0px 20px; float: left; display: block; width: 450px; }
/*end content elements ..............................
.....................................................
...................................................*/

#leargas_logo{margin:0; padding:0 0 0 15px; width:138px; font-size:0.75em; color:#666; line-height:2em}
#leargas_logo a{border-width:0}
/*footers .................................. */
#footer{margin:0; padding:0px; width:760px;}
#footer p{margin:0; padding:10px 0 10px 0px; font-size:0.7em; text-align:center; color:#666; border-top:1px solid #F3F4F7; }

#footer2{margin:0px auto; padding:0px; width:770px; background:url(../images/bg_footer.gif) no-repeat top}
#footer2 p{margin:0px 5px 10px 5px; padding:30px 0 5px 10px; font-size:0.7em; color:#666;}
#footer2 a{color:#008C94;}
#footer2 a:hover {color:#008C94; text-decoration:none;}
#footer2 a:visited {color:#008C94; text-decoration:none;}

.docsize{color: #555; font-size: 0.8em}