/*
Colors
Kelly Green: #008248
darker: #00532E

orange #C7865A;
 
black


light grey: #F3F3F3

seo color: #75707A

body bg color: #FCFCFC

*/


/*
    RESET
*/
* {margin: 0; padding: 0;}

html {overflow-y: scroll;}

html, body {height: 100%;}

body {font-size: 67.5%; font-family: Tahoma, Geneva, sans-serif; color: #525252; background-color:#FCFCFC; text-align:justify; background-image:url(../graphics/body_bg.jpg); background-repeat:repeat;}

ul {list-style: square inside;}

ol {list-style: decimal inside;}

a {outline: none; text-decoration: none;}

a img {border: none; background: none;}

img {vertical-align: middle; border: none;}

table {border-collapse: collapse;}


 /*     UTILITY */

.floatLeft {float: left;}

.floatRight {float: right;}

.clear {clear: both;}




/*     TYPGROGRAPHY */

p, li, dl, address {font-size: 1.4em; line-height: 1.4em;  }

a:link {color: #008248; text-decoration: none; border-bottom: 1px dotted #008248;}

a:visited {color: #008248; text-decoration: none; border-bottom: 1px dotted #008248;}

a:hover {color: #008248; text-decoration: none; border-bottom: 1px solid #008248;}

h1 {font-size: 2.1em; font-weight: normal; color:#00532E; letter-spacing:1px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; text-transform:capitalize; text-align:left; }

/* h2 {font-size: 1.8em;  color: #333333; letter-spacing:-1px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal; font-style: normal;text-align:left;} */

h2, h3 {font-size: 1.7em;  color: #00532E; letter-spacing:-1px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal; font-style:normal;text-align:left;}

h4 {color: #333333; font-size: 2.0em; margin-bottom: 15px;text-align:left;}

address { font-style:normal;}

/*     STRUCTURE */


#wrapper {margin: 15px auto 3px auto; width: 850px; border: 4px solid #008248; background-color:#FFFFFF;}

#header { position:relative; width: 100%; height: 240px; background-color: #D9FCDE; }

#navigation {float: left; width: 190px;}

#content {float: right; width: 640px; border-left: 2px solid #F3F3F3; padding-top: 20px;}

div#footer {float: left; position: relative; height: 40px; clear: both; width: 100%; text-align: left; margin: 45px auto 0 auto; color: #fff; background-color: #F3F3F3;background-image:url(../graphics/nav_bg.png); background-repeat:repeat; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;  font-size: 0.8em; border-top: 1px solid #C7865A; }

div#seo {margin: 2px auto 35px auto; width: 800px; color: #fff; z-index: 200;}


/* Header */



#header img#logo {float: left; margin: 3px 10px; padding:0; clear:both; position:absolute; top: 0; }
#header address#head_add {float: right; margin:20px 30px auto auto; padding:0; clear:both;  text-transform:capitalize; font-variant: small-caps; text-align:center; letter-spacing:2px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: 500;font-size: 1.7em ; color: #002D18; line-height:1.1em }
#header address#head_add strong{}

#header div#monoSlideshow
{	margin:	0;	padding:	0; position:absolute; bottom: 0; 
background-color:#CBE6D7; border-top: 2px solid #008248;  border-bottom: 2px solid #008248;
height: 100px; 
}

#header div#monoSlideshow object { margin:0; padding:0; }

/* Navigation */


#navigation dl#menu{width: 100%; margin-top: 20px; margin-bottom: 50px;}

#navigation dl#menu dt {margin: 10px auto 20px; margin-left: 12px;}

#navigation dl#menu dt a {display: block; padding: 5px; outline: none; border: none; color: #008248; font-weight: 400; background-color:#FFF; background-image:url(../graphics/nav_bg.png); background-repeat:repeat; text-transform:capitalize; font-variant: small-caps; text-align:left; letter-spacing:-1px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: 500;font-size: 1.3em;  outline:none; border-top: 1px solid #C7865A; border-bottom: 1px solid #008248;}

#navigation img { position:relative; margin: 0 0 50px; outline:none;} 
#navigation a.member-link, #navigation a.member-link:hover #navigation a.member-link:link, #navigation a.member-link:visited { text-decoration:none; border:none;} 

#navigation div#audio_cntrls{
width:100%;
float:left;
margin:0 30px 30px; 
}
#navigation #audio_cntrls p{
text-align: left;
padding-right: 20px;
}

/* Content */


#content p, address{margin: 15px 30px; }

#content h1, #content h2, #content h3, #content h4 {margin: 15px 20px;}

#content ul, #content ol, #content dl {margin: 15px 60px;}

#content dt, #content li {margin: 15px 5px; padding: 5px auto; list-style: url(../graphics/list_item.png); vertical-align: text-top; line-height:inherit;}
#content dt.no_style, #content li.no_style { list-style:none; }

#content div.img-div {margin:20px; float:right; width:231px}
#content div.img-div img {border: 1px solid #008248; background-color:#F3F3F3; padding: 2px; clear:both; margin:0 auto;}
#content div.img-div p {width:100%; text-align:center; font-size: 1em; color:#008248; margin: 4px auto; font-style:italic;}



#content div#movie {margin: 20px; float: right; padding: 0;}

#content div#movie object {margin: 0; padding: 0; border: 1px solid #CCCCCC;}



#content ul#member_list {margin:0;padding:0; padding-left: 50px;  }
#content ul#member_list li{margin-left: 60px; line-height: 39px;  vertical-align: top; padding-top:5px }
#content ul#member_list li.mba_li{ list-style-image:url(../graphics/mba.png); }
#content ul#member_list li.hia_li{ list-style-image:url(../graphics/hia.png); }
#content ul#member_list li.nkba_li{ list-style-image:url(../graphics/nkba.png); }


#content ul#gallery{ float:left; margin-top: 20px; text-align:left}

#content ul#gallery li { float:left; clear:none; list-style:none;  margin: 10px;}

#content ul#gallery li a {  display: block; padding: 5px; outline: none; border: none; background-color:#F3F3F3; text-align:center}

#content ul#gallery li a img { border:none; padding:0; margin:0 auto; width:100px; height:75px;}

#content blockquote { font-family:"Times New Roman", Times, serif; font-style:italic; padding: 15px; background-color:#F3F3F3; width: 75%; margin: 20px auto; font-size: 1.5em;} 

body#contact div#content address {} 
body#contact div#content abbr { font-weight:900; color:#008248; margin-right: 3px;} 

table#contact-tbl {
border-style: none;
}
table#contact-tbl td {
vertical-align:top;
}

table#contact-tbl strong{
color: #008248
}

 /*     FORM     */

form {width: 280px; height: auto; text-align: right; vertical-align: top; padding: 20px 5px 50px 5px; margin: 20px 25px 10px 150px; border: 3px solid #F3F3F3; font-size:1.2em; }

form br {clear: left;}

form label {cursor: pointer; vertical-align: top; float: left; width: 250px; color:#008248;}

form .text_inp, .text_area {font-size: 1.2em; color: #008248; font-family: Courier New, Courier New, Courier6, monospace; background-color: #FCFCFC; border: 3px solid #F3F3F3; line-height: 1.4em; vertical-align: top; text-align: left;}

form .text_inp {margin: 0px; width: 170px; height: 17px; line-height: 1.4em; padding-top: 0px; margin-bottom: 8px; clear: left;}

form .text_area {width: 170px; height: 60px; white-space: normal; overflow: hidden; vertical-align: top; padding-top: 0px; margin-bottom: 8px;}

form .sbm_butt {cursor: pointer; background-color: #008248; font-size: 1.2em; margin: 0px; color: #fff; font-family: Verdana, Verdana, Geneva, sans-serif; float: right;margin-right: 30px; padding: 2px 4px;  border: solid 4px #F3F3F3; }





/* FOOTER */


div#footer p { text-align:center; padding: 0; width: 850px; clear: none; vertical-align: middle; color: #333333; line-height:40px; vertical-align:middle;}

div#footer strong {color: #008248; font-weight:900;font-size: 1.1em; text-transform:capitalize; font-variant: small-caps;}





 /* SEO */



div#seo p {font-size: 0.9em; line-height: 1.8em; vertical-align: top;background-image:url(../graphics/seo-bg.png); background-repeat:repeat; }

#seo p#heff {float: left; margin: 0 auto 10px 30px; padding: 0;}

#seo p#site_map {float: right; margin: 0 30px 10px auto; padding: 0;}

div#seo a:link {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}

div#seo a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}

div#seo a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}