/*==================STYLING FOR TEXT==================*/
div{font-family:helvetica,verdana,arial,sans-seriff;
font-size:11pt}

/*above are the default type-face and font size for divs.*/

p,ul,ol{font-size:11pt; color:#005C1F;
font-family:helvetica,verdana,arial,sans-seriff}
p{padding:0px 12px}

/*above are the default colours for paragraphs and lists.
the following green class .gr (below) is the navigation bar's colour, and is set to be the default colour of paragraphs <p> and lists <ul>, <ol> you only need to name this class if the text you want is green and is not between one of these tags.*/

hr{color:#635019} /*horizontal rule colour*/

/*below are bullet options for unordered lists*/
.bno{list-style-type:none}
.bds{list-style-type:disc}
.bci{list-style-type:circle}
.bsq{list-style-type:square}

/*below are styles for hyperlinks*/
a:link {text-decoration:none;color:#AC5930}
a:visited {text-decoration:none;color:#823914}
a:hover {text-decoration:none;color:#33CC33; text-shadow:#5FFF5F 1px 1px 1px}
a.blnk:link {text-decoration:none;color:#635019;text-shadow:#32280C -1px 1px 2px}
a.blnk:visited {text-decoration:none;color:#635019; text-shadow:#32280C -1px 1px 2px;}
a.blnk:hover {text-decoration:none;color:#A3A375; text-shadow:#635019 -1px 1px 1px;}
.nb{border:0px}

/*colours*/
.gr{color:#005C1F}
.wh{color:white} 
.br{color:#A3A375} /*brown from the rounded box bottom left*/
.dk{color:#635019} /*dark brown for address text left*/

/*font sizes*/
.vsm{font-size:8pt}
.sml{font-size:9pt}
.sms{font-size:10pt}
.msm{font-size:12pt}
.med{font-size:13pt}
.mlg{font-size:16pt}
.lrg{font-size:20pt}
.lmd{font-size:22pt}
.vlg{font-size:25pt}

/*font style*/
.i{font-style:italic}
.b{font-weight:900} /*bold*/
.sup{vertical-align:super} /*superscript*/

/*alignment*/
.rt{text-align:right}
.ct{text-align:center}

/*line heights*/
.mlh {line-height:140%}
.blh{line-height:170%}

/*padding*/
.pad{padding:8px 11px}
.padb{padding:11px 11px 0px 11px}
.padc{padding:0px 11px 0px 29px}

/*title*/
h1{padding:8px 20px; font-size:25pt; 
text-align:center; color:#005C1F; font-weight:900}
h2{font-size:16pt; 
text-align:center; color:#005C1F; font-weight:900}
/*================STYLING FOR TEXT ENDS================*/

/*====================PAGE ELEMENTS====================*/
.imgct{display:block; margin:0 auto; text-align:centre}

#hrcent{width:307px; margin-left:auto; margin-right: auto}
#stretch{width:100%}

#flft{float:left}
#frt{float:right}
#alrt{margin-left:auto; margin-right:10px; width:70%}
#tlogo{width:100%; border:0px;
padding:10px; color:#005C1F}
#sixt{width:60%; border:0px}

#contactview{position:absolute; right:50px; top:74px}

#bot{position:relative;
width:240px;
top:143px; left:14px;font-size:11pt;color:#005C1F;
font-family:helvetica,verdana,arial,sans-seriff}

#adr{position:absolute;
width:195px;
top:295px; left:11px;
padding:6px 6px;
font-size:11pt; color:#635019; background:#C8C8AC;
font-family:helvetica,verdana,arial,sans-seriff}

#filogo {position:absolute;
top:28px; left:8px}

#vin {position:absolute;
top:2px; right:40px; z-index:3}

#thr {position:absolute;
top:11px; right:18px;
z-index:3}

#thirty {position:absolute;
top:13px; left:6px}

#slogan {position:absolute;
top:17px; right:275px}

#donate {position:absolute; z-index:4;
top:202px; right:48px; border: 0px}

#dontxt{position:absolute; width:247px;
top:96px; left:11px}

#book{position:absolute;
top:145px; left:160px; z-index:2}

#links{position:absolute;
top:235px; left:0px}

#sbar{position:absolute;
top:366px; left:0px}

#s1{position:absolute}
#s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13{position:absolute;
filter:alpha(opacity=0); opacity:0.0}
/*==================PAGE ELEMENTS ENDS==================*/

/*====================PAGE STRUCTURE====================*/
body,html{width:100%; height:100%; padding:0px; margin:0px}
html{background:url('../pictures/bgd.png')}

#pg{position:relative;
width:956px; height:836px;
margin-left:auto; margin-right:auto; top:5px;
background:url('../pictures/pg.png')}

#main{position:absolute;
width:950px; height:830px;
top:1px; left:5px;}

#blnk{position:relative;
width:956px; top:3px; text-align:center;
font-family:helvetica,verdana,arial,sans-seriff;
font-size:11pt;margin-left:auto; margin-right:auto}

#fi{position:absolute;
width:950px; height:120px;
top:0px; left:0px}

#mlt{position:absolute;
width:270px; height:245px;
top:165px; left:0px; z-index:2}

#mct{position:absolute;
width:410px; height:245px;
top:165px; left:270px;}

#fct{position:absolute;
width:410px; height:665px;
top:165px; left:270px;
overflow:auto}

#tct{position:absolute;
width:410px; height:665px;
top:165px; left:270px;
background:url('../pictures/wmleaf.png') no-repeat;
overflow:auto}

#sct{position:absolute;
width:410px; height:665px;
top:165px; left:270px;
background:url('../pictures/wmorchid.png') no-repeat;
overflow:auto}

#dct{position:absolute;
width:680px; height:665px;
top:165px; left:0px;
overflow:auto}

#gmap{position:absolute;
width:680px; height:568px;
top:97px; left:0px;
}

#mrt{position:absolute;
width:270px; height:245px;
top:165px; right:0px}

#blt{position:absolute;
width:270px; height:420px;
bottom:0px; left:0px;
background:url('../pictures/brbx.png')}

#bct{position:absolute;
width:380px; height:410px;
bottom:0px; left:295px;
overflow:auto}

#bctt{position:absolute;
width:380px; height:410px;
bottom:0px; left:295px;
background:url('../pictures/wmleafsm.png') no-repeat;
overflow:auto}

#brt{position:absolute;
width:270px; height:420px;
bottom:0px; right:0px;
background:url('../pictures/sbar.png') no-repeat}

#lbar{position:absolute;
width:680px; height:8px;
bottom:412px; left:270px;
background:url('../pictures/lbar.png')}
/*==================PAGE STRUCTURE ENDS==================*/

/*=====================NAVIGATION BAR=====================*/
#nav{position:absolute;
width:952px; height:50px;
top:121px; left:2px;
z-index:2}

/*35px per link*/
#drdn,#drdn2,#drdn3{position:absolute;
top:166px; left:5px;
z-index:5}

#inv{opacity:0.0}

#act, #fade, #pulse{position:absolute;
left:5px; top:4px;
width:699px; height:39px}

#gls, #pul, #fad, #bal {position:absolute}

#nbar{border:0px}

#m1{position:absolute;
left:7px; top:2px;
width:100px; height:40px}

#m2{position:absolute;
left:98px; top:2px;
width:100px; height:40px}

#m3{position:absolute;
left:197px; top:2px;
width:105px; height:40px}

#m4{position:absolute;
left:299px; top:2px;
width:100px; height:40px}

#m5{position:absolute;
left:395px; top:2px;
width:100px; height:40px}

#m6{position:absolute;
left:484px; top:2px;
width:100px; height:40px}

#m7{position:absolute;
left:584px; top:2px;
width:100px; height:40px}

#l1{position:absolute;
left:2px}

#l2{position:absolute;
left:92px}

#l3{position:absolute;
left:196px}

#l4{position:absolute;
left:295px}

#l5{position:absolute;
left:391px}

#l6{position:absolute;
left:479px}

#l7{position:absolute;
left:580px}

#mendiv, #mendiv2, #mendiv3{position:absolute;
border:0px; z-index:5}

#ball{position:absolute;
z-index:6}

#bal{z-index:6}

#projbook{position:absolute;
left:518px; top:70px; border:0px}
/*====================NAVIGATION BAR ENDS====================*/


