/* Credit: http://www.templatemo.com   */

body {
   margin: 10px;
   padding: 10px;
   color: #fff;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
   line-height: 1.7em; 
   background-color: #000;
}

a, a:link, a:visited { color: #fad160; font-weight: bold; text-decoration: none; }
a:hover { color: #ff8c00; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal; }
h1 { font-size: 32px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 24px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 14px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 13px; margin: 0 0 5px; padding: 0; }

table { width: 300px; border: 1px; background-color: #aa0000;}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { display: block; width: 75px; height: 25px; text-align: center; padding: 0px 15px 0 0; color: #fff; font-weight: normal; background: url(images/templatemo_button.png) }
a.more:hover { text-decoration: none; color: #ffd700; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { color:#d7a202; margin: 0; padding: 0 0 0 15px; background: url(images/templatemo_list.png) no-repeat scroll 0 6px  }
.tmo_list li a { color: #c89806; font-weight: normal }
.tmo_list li a:hover { color: #d7a202 }

#templatemo_wrapper {
   width: 960px;
   padding: 0 30px;
   margin: 0 auto;
}

#templatemo_header {
   width: 930px;
   height: 30px;
   padding: 1px;
}

#site_title { float: right; }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; width: 445px; height: 60px; color: #F60; text-indent: -10000px; background: url(images/templatemo_logo.png) no-repeat }

/* menu */

#templatemo_menu {
   clear: both;
   width: 930px;
   height: 38px;
   padding: 0 15px;
   background: url(images/menu.png) no-repeat
}

#templatemo_menu ul {
   float: left;
   width: 695px;
   margin: 0;
   padding: 0;
   list-style: none;
}

#templatemo_menu ul li {
   padding: 0px;
   margin: 0px;
   display: inline;
}

#templatemo_menu ul li a {
   float: left;
   display: block;
   padding: 7px 17px;
   margin: 0 1px 0 0;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   outline: none;
   border: none;
   background: url(images/templatemo_menu_divider.png) center right no-repeat
}

#templatemo_menu ul li a:hover, #templatemo_menu ul li .current { color: #fff; background: #666666 }

#search_box { float: right; width: 200px; height: 20px; margin: 10px 15px 10px 0; background: url(images/templatemo_search.jpg) left bottom no-repeat }
#search_box form { clear: both; width: 200px; height: 19px; padding: 0; margin: 0 } 
#searchfield { height: 18px;  line-height: 18px; width: 190px; padding: 0 5px; font-size: 11px; color: #a09391; background: #605654; border: 1px solid #453c3a; } 

/* end of menu */

/* slider */

#slider_wrapper {
   clear: both;
   width: 960px;
   height: 300px;
   margin-bottom: 5px;
   background: url(images/slider_bottom.jpg) bottom no-repeat
}

#slider_wrapper_n { clear: both; width: 900px; padding: 30px; margin-bottom: 15px; background: #000 url(images/slider_bottom.jpg) no-repeat bottom }
#slider_wrapper_n h2 {
   color: #fff;
}
#slider_wrapper_n p { font-size: 16px }

#slider {
   width: 960px;
   height: 280px;
   overflow: hidden;
}

/* end of slider */

#templatemo_main {
   clear: both;
   position: relative;
   width: 960px;
   padding: 10px 0;
   background: #fff url(images/content_top.jpg) no-repeat top
}

#templatemo_main span.bottom {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 960px;
   height: 15px;
   background: url(images/content_bottom.jpg) no-repeat
}

.col_w900 { width: 900px; padding: 0 30px 70px 30px; margin-bottom: 0; background: url(images/content_divider.jpg) repeat-x bottom }
.col_w580 { width: 580px }
.col_w520 { width: 520px }
.col_w480 { width: 480px }
.col_w450 { width: 450px }
.col_w400 { width: 400px }
.col_w380 { width: 380px }
.col_w360 { width: 360px }
.col_w320 { width: 320px }
.col_w280 { width: 280px }
.col_allw280 { float: left; width: 280px; margin-right: 30px }
.col_w900_last { padding: 0 30px; margin: 0; background: none; }
.col_last { margin: 0; }

.frontpage_box h2 { padding: 0; margin-bottom: 5px; color: #333 }
.frontpage_box img { float: left; margin-right: 15px }
.frontpage_box a.more { margin-top: 15px }
.tagline { display: block; font-size: 12px; font-weight: bold; font-style: italic; color: #999; margin-bottom: 20px }

.lbe_box { clear: both; margin-bottom: 20px }
.lbe_box h3 { font-size: 16px; margin-bottom: 0 }
.lbe_box h3 a { color: #c89806; font-size: 16px; font-weight: normal }
.lbe_box p { margin-bottom: 0; }
.lbe_box p.date { font-size: 10px; font-weight: 700; color: #000 }

.lp_box { float: left; width: 280px; margin-right: 30px }
.lp_box_last { margin: 0 }
.lp_box img { border: 1px solid #CCC; padding: 4px }

#map img { width: 270px; height: 160px; border: 1px solid #999; padding: 4px }

#cp_contact_form { padding: 0; width: 380px }
#cp_contact_form form { margin: 0px; padding: 0px; }

#cp_contact_form form .input_field { 
   width: 380px; font-size: 12px; color: #333; padding: 5px; 
   height: 20px; border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#cp_contact_form form label { display: block; width: 220px; margin-bottom: 5px; font-size: 12px; color: #000; }

#cp_contact_form form textarea { 
   width: 380px; height: 160px; padding: 5px; color: #333; 
   border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
   
#cp_contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

.news_box { clear: both; margin-bottom: 30px; border-radius: 6px }
.news_box h2 { font-size: 20px; margin-bottom: 0 }
.news_box p.date { color: #000 }
.news_box img { float: left; width: 100px; height: 100px; padding: 4px; border: 1px solid #000; margin-right: 30px; border-radius: 6px }
.news_box a.more { float: right; }

.cover_box { width: 160px; height: 160px; padding: 6px; border: 1px solid #666; border-radius: 6px; }

.sb_lp_box { clear: both; margin-bottom: 20px }
.sb_lp_box img { padding: 9px; border: 1px solid #ccc }

.post_box { clear: both; margin-bottom: 30px }
.post_box h2 { font-size: 20px; margin-bottom: 10px }
.post_box p.post_meta { margin-bottom: 0 }
.post_box p span.cat a { color: #cb5c02; font-weight: 400 }
.post_box img { width: 550px; height: 160px; border: 10px solid #eee; margin-bottom: 10px }
.post_box a.more { float: right; }

#gallery { margin: 0; padding: 0 }
#gallery .gallery_box { display: block; float: left; width: 210px; margin: 0 20px 40px 0; }
#gallery .lmb { margin: 0 0 20px 0; }

.gallery_box h3 { margin-bottom: 10px }
.gallery_box h3 a { font-size: 18px; font-weight: normal; color: #1184df }
.gallery_box p { font-style: italic; font-size: 11px; font-weight: bold }
.gallery_box a img { border: 1px solid #ccc; width: 190px; height: 130px;  padding: 8px }
.gallery_box a img:hover { background: #ccc }

#gallery a.more { float: left; margin-right: 10px }


#templatemo_footer {
   clear: both;
   width: 960px;
   padding: 10px 0;
   margin: 0 auto;
   color: #000;
   text-align: center;
   font-size: 11px;
}

#templatemo_footer a {
   font-weight: normal;
   color: #000;
}

#roundedgrayborder { 
   border: thin solid #ccc;
   padding: 5px;
   border-radius: 10px;
}

.roundedgrayborder { 
   border: thin solid #ccc;
   padding: 5px;
   border-radius: 10px;
}

.audio {
   border: 1px;
   border-color: #ccc;
   border-radius: 10px;
   border-style: solid;
   font-size: 12px;
   width: 800px;
   float: none;
   margin-left: 50px;
   margin-right: 50px;
   padding: 2px 2px 2px 2px;
}

.data1 {
   background-color: #D5DEEE;
   color: #000;
   padding: 2px;
   border-radius: 3px;
}

.data2 {
   background-color: #cae6e7;
   color: #000;
   border-radius: 3px;
}

.header {
   background-color: #ccccff;
   color: #000;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   border: 1px;
   border-style: outset;
   border-radius: 3px;
}

.hr { width: 900px; padding: 0px 0px 57px 0px; border: none; margin-bottom: 0; background: url(images/content_divider.jpg) repeat-x bottom }

.title {
   font-size: 14em;
   background-color: #fff;
   color: #c89806;
   font-weight: bold;
}  

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}