/* CSS Document */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, dl, dt, form, table,label
{
margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;
}
img {border:none;}
a:active, a:focus {outline: 0;}

body
{
background:#fff url(../../images/bg_body.jpg) repeat-x 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
}

/* ---------------------main container*/
#Container1
{
width:930px; margin:0 auto; text-align:left; padding:0 30px; background-color:#ecf3e3; 
}

/*header*/

#header
{
width:100%; height:125px; position:relative; 
}

#header h1 
{
width:260px; height:125px; padding:0 0 0 0; display:block; background: url(../../images/taal_logo.jpg) no-repeat 0 13px; display:block;
}

#header h1 a
{
display:block; width:100%; height:100%; color:#562c16;
}
#header h1 a:link
{
color:#562c16; text-decoration:none;
}
#header h1 a:visited
{
text-decoration:none; color:#562c16;
}
#header h1 a:hover
{
text-decoration:none; color:#562c16;
}
#header h1 a:active
{
text-decoration:none; color:#562c16;
}
#header h1 a span
{
display:block; width:100%;  padding:102px 0 0 22px; font-size:14px; font-style:italic; font-weight:normal !important;
}
#header .searchbox
{
width:325px; 
top:32px;
right:0;
position:absolute;
text-align:right;
}

.searchbox ul
{
margin:0;
padding:0;
text-align:left;
list-style:none;
}

.searchbox ul li
{

margin:0 0 0 0;
width:325px;
list-style:none;
color:#443d31;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
.searchbox ul li input
{
width:180px; height:14px; border:1px solid #c6cabe; margin:8px 0 0 0 ;  background-color:#ecf1e4; color:#333333; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:2px 0 0 0;
}
.searchbox ul li label
{
width:40px;
height:20px;
float:right;
background:url(../../images/arrow.gif) no-repeat 8px 2px; 
text-indent:-9999px;
margin:8px 0 0 0;
}
.searchbox ul li p
{
clear:both;
margin:0 ;
padding:5px 0 0 0;
text-align:right;
}
.searchbox ul li p a
{
color:#443d31; text-decoration:none;
}
/*------------------navigation*/

.navbar
{
width:930px; height:42px; position:relative; margin:5px 0; background:url(../../images/navigation-bg.jpg) repeat-x 0 0;
}

.navbar ul
{
margin:0 ; padding:0; list-style:none;
}

.navbar ul li
{
display:block; float:left; 
}

.navbar ul li a
{
display:block; float:left; text-transform:uppercase; padding:14px 27px 14px 29px;  color:#993333; text-decoration:none;
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#443D31; line-height:14px;
}
.navbar ul li a:hover
{
background:url(../../images/nav-image.png) no-repeat 10px center; cursor: pointer; text-decoration:none; color:#443d31;
}

.navbar ul li a:active
{
background:url(../../images/nav-image.png) no-repeat 10px center;
cursor: pointer; text-decoration:none; color:#443d31;
}

.navbar ul li a:visited
{
cursor: pointer; text-decoration:none; color:#443d31;
}


.navbar ul li a.current
{
background:url(../../images/nav-image.png) no-repeat 10px center;
text-decoration:none; color:#443d31;
}
 
 /*------------------ nav bar1  ----------------------*/
 .navbar1
{
width:930px; height:42px; position:relative; margin:5px 0; background:url(../../images/navigation-bg.jpg) repeat-x 0 0; padding:0;
}

.navbar1 ul
{
margin:0 ; padding:0; list-style:none;width:930px;
}

.navbar1 ul li
{
 float:left; 
}

.navbar1 ul li a
{
 float:left; text-transform:uppercase;   color:#993333; text-decoration:none;
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#443D31; line-height:14px; padding:14px 27px 14px 29px;
}
.navbar1 ul li a:hover
{
background:  url(../../images/8.jpg) no-repeat 0px center; cursor: pointer; text-decoration:none; color:#443d31;
}

.navbar1 ul li a:active
{
background:url(../../images/8.jpg) no-repeat 0px center;
cursor: pointer; text-decoration:none; color:#443d31;
}

.navbar1 ul li a:visited
{
cursor: pointer; text-decoration:none; color:#443d31;
}


.navbar1 ul li a.current
{
background:url(../../images/nav-image.png) no-repeat 10px center;
text-decoration:none; color:#443d31;
}

#home
{
width:44px; height:14px;  
}
#course
{
width:72px; height:14px;   
}
#schedule
{
width:80px; height:14px;  
}
#testimonial
{
width:106px; height:14px;  
}
#gallery
{
width:60px; height:14px; 
}
#news
{
width:114px; height:14px;  
}

#about
{
width:62px; height:14px;  
}
 /*-------------end nav bar1----*/

#imagecontainer
{
width:930px; height:350px;
/*background:#562c16 url(../../images/image1.jpg) no-repeat 0 0;*/
clear:both;
position:relative;
}

#imagecontainer .overlay
{
position:absolute;
bottom:0;
left:0;
height:48px;
background:#4f6e26 /*url(../../images/next.jpg) no-repeat right top*/;
width:930px;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
z-index:50;
}


#imagecontainer .overlay p
{
width:560px;
font-size:18px;
color:#FFFFFF;
padding:13px 0 0 80px; 
}

.join-img
{
width:140px; clear:both; margin:0 0 0 310px; height:20px; padding:9px 0 0 0; text-align:right; font-size:11px; font-weight:bold; color:#afea80; background:url(../../images/joint_taal_logo.png) no-repeat 0 0; font-family:Georgia, 'Times New Roman', Times, serif ;
}

.join-img a
{
color:#afea80; text-decoration:underline; border:none;
}

#imagecontainer .overlay span
{
width:200px;
font-size:11px;
color:#FFFFFF;
padding:0 0 0 380px;
text-align:right ;
}
#imagecontainer next
{
width:470px;
background-color:#993333;
}
.maintext{
 font-size:12px;
 font-style:italic;
 color:#562c16;
}

/*-----------------container 2-------------------*/

#Container2
{
width:960px; margin:0 auto; text-align:left; padding:0 0 0 30px;  height:830px;
background-color:#ecf3e3  
}

#Container2 .Container2_spacer1
{
float:left;
height:1px; background:#00FF33 url(../../images/spacer1.jpg) repeat-x left top; 
width:950px; margin:0 0 0 0px; font-size:1px;
}

#leftcolumn
{
width:710px;
height:825px;
float:left;
position:relative;
padding:0 0 0 0;
}
#spacer
{
width:2px;
float:left;
background:url(../../images/spacer.jpg) repeat-y center top;
height:795px;
margin-bottom:10px;
margin-left:2px;
margin:12px 0 0 0;
}
#rightcolumn
{
width:246px;
height:780px;
position:relative;
float:right;
padding:30px 0 0 0;
}

#newsholder
{
width:670px; height:20px;  margin:12px 0 0 0; background:#415921  ;
font-style:italic; font-size:12px; line-height:18px; color:#ebebeb; padding:5px 0 0 10px; 
}
#newsholder a
{
color:#562C16; text-decoration:none; 
}
#newsholder a:hover
{
color:#562C16; text-decoration:underline; 
}



.firstintrotext
{
width:697px;
height:215px;
background: url(../../images/spacer1.jpg) repeat-x left bottom;
margin:0 10px 0 3px;
padding:0 0 30px 0;
}
.firstintrotext a
{
text-decoration:none;color:#875c45;
}
.firstintrotext a:hover
{
text-decoration:underline;color:#875c45;
}
.firstintrotext a:active
{
text-decoration:underline;color:#875c45;
}

.firstintrotext h2
{
color:#562c16;
font-size:24px;
font-style:italic;
margin:0;
padding:0;
font-weight:normal;
padding:10px 0 0 0;
}

.firstintrotext p
{
color:#875c45;
font-size:14px;
margin:0;
font-weight:normal;
padding:30px 0 0 0;
line-height:22px;
}

.firstintrotext span
{
color:#875c45;
font-size:10px;
margin:0;

padding:10px 5px 0 0;
float:left;
}

#tweetbox
{
width:214px;
height:55px;
background:url(../../images/tweet.jpg) no-repeat right top;
 font-family:Georgia, "Times New Roman", Times, serif!important;
}
.tweetbox1
{
width:240px;
height:188px;
background:url(../../images/tweet-bg1.jpg) no-repeat 20px 0;
font-family:Georgia, "Times New Roman", Times, serif !important; position:relative;

}

.tweetbox1 .days
{
position:absolute; right:5px; top:105px;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#57892f; line-height:16px;
}
.tweetbox1 p
{
margin:5px 92px 10px 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#57892f; line-height:16px;  white-space: normal; word-wrap: break-word; word-break:break-all;  white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.tweetbox1 p a
{
color:#57892f;line-height:16px; white-space:normal; word-wrap: break-word; word-break:break-all; text-decoration:none;
  

}


/*----------------second tweetbox---------------*/
.tweetbox2
{
width:240px;
height:188px;
background:url(../../images/tweet-bg2.jpg) no-repeat 20px 0;
 font-family:Georgia, "Times New Roman", Times, serif !important; position:relative;
}

.tweetbox2 .days
{
position:absolute; left:15px; top:115px;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#57892f; line-height:16px;
}
.tweetbox2 p
{
margin:5px 20px 10px 110px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; text-align:right; color:#57892f; line-height:16px;  white-space: normal; word-wrap: break-word; word-break:break-all;       /* CSS3 */   
   
}
.tweetbox2 p a
{
color:#57892f;line-height:16px; white-space:normal; word-wrap: break-word; word-break:break-all; text-decoration:none;
  

}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.tweetbox_comment1
{

width:224px;
height:127px;
padding:0 3px 0 9px;
margin: 15px 0 0 10px;
background: url(../../images/bg1.jpg) no-repeat left top; font-family:Georgia, "Times New Roman", Times, serif !important;
line-height:12px;
color:#875C45;
font-size:11px;
float:left;
position:relative; 
}

.tweetbox_comment1 p
{
padding:10px 45px 10px 0; float:left; width:178px; position:relative; font-family:Georgia, "Times New Roman", Times, serif !important;font-size:11px;
}
.tweetbox_comment1 p span
{
 color:#562C16;   line-height:18px; font-size:14px !important; font-style:italic;
}



.tweetbox_comment2
{
width:224px;
height:125px;
padding:0 3px 0 9px;
margin: 15px 0 0 10px;
background:url(../../images/bg2.jpg) no-repeat left top; font-family:Georgia, "Times New Roman", Times, serif !important;
line-height:12px;
color:#875C45;
font-size:11px;
float:left; 
position:relative; 
font-size:10px;
}

.tweetbox_comment2 p
{
padding:15px 20px 10px 33px; float:left; width:178px; position:relative; font-family:Georgia, "Times New Roman", Times, serif !important; font-size:11px;
}
.tweetbox_comment2 p span
{
 color:#562C16; line-height:18px; font-size:14px !important; font-style:italic;
}

.tweetbox_comment2 p a
{
color:#875C45;
font-size:11px;
overflow:hidden !important;  
}

.tweetbox_comment1 p a
{
color:#875C45;
font-size:11px;
overflow:hidden !important; 
}



/*-----------socail site icon*/
.social-site-icon
{
width:236px;
margin:0 4px 0 6px;
background:url(../../images/spacer1.jpg) repeat-x left bottom;
height:42px;
}
.social-site-icon ul
{
list-style:none;
}
.social-site-icon ul li
{
list-style:none; float:left; padding:7px 8px 5px 10px; height:28px;
}

/*-----------testimonials*/
.testimonialbox
{
width:236px;
margin:0 4px 0 6px;
height:188px;
}
.testimonialbox p
{
height:auto;
margin:0 0 20px 0; padding:15px 5px 0 15px; color:#875c45; font-size:13px; line-height:18px; font-style:italic;
}

.testimonialbox p a
{
text-decoration:none;  font-size:10px; color:#562C16;
}
.testimonialbox p a:visited
{
text-decoration:none; font-size:10px; color:#562C16;
}

.testimonialbox p a:active
{
text-decoration:underline; 
}
.testimonialbox p a:hover
{
text-decoration:underline; 
}
.testimonialbox p span
{
float:left;text-align:left; padding: 0 0 0 0; position:absolute; bottom:3px ; left:25px; font-style:normal;
}
.testimonialbox h3
{
height:50px; background:url(../../images/spacer1.jpg) repeat-x left bottom; 
}
.testimonialbox h3 img
{
padding:3px 0 0 10px; float:left;
}
.testimonialbox h3 span
{
padding:15px 0 0 10px; color:#1b6aaa; font-size:18px; font-weight:normal;float:left;  
}

/*-----------latest news panel*/

.newsbox
{
clear:both
width:697px;
height:332px;
background: url(../../images/spacer1.jpg) repeat-x left bottom;
margin:0 10px 0 3px;
padding:0 0 10px 0;
}
.newsbox h2
{
width:697px;
height:45px;
padding:15px 0 0 0;
color:#562c16;
font-size:24px;
font-style:italic;
font-weight:normal;
margin:0;
}

.newsbox ul
{
margin:0; padding:0; list-style:none;width:710px;
}
.newsbox ul li
{
float:left;
height:272px;

}
.newsbox ul li img
{
border:6px solid #562c16; outline:none;
}

.newsbox ul li h4
{
margin:0; padding:15px 0 0 0; color:#562c16; font-size:14px; font-style:italic; font-weight:normal !important;
}



.newsbox ul li span
{
clear:both;
margin:0; padding:0; color:#562c16; font-size:10px; font-weight:normal; float:left; font-family:Verdana, Arial, Helvetica, sans-serif;
}
.newsbox ul li span a
{
color:#562c16;
text-decoration:none;
}
.newsbox ul li span a:hover
{
text-decoration:underline;
}
.newsbox ul li span a:active
{
text-decoration:underline;
}
.newsbox-first
{
width:207px;
padding:0 20px 0 0;
background:url(../../images/spacer.jpg) repeat-y right top
}
.newsbox-first img
{
height:138px; width:192px; border:5px solid #562c16;
}
.newsbox-first .desc
{
margin:0; padding:5px 0 0 0; color:#875c45; font-size:11px !important; width:207px;  font-weight:normal; height:70px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.newsbox-second
{
width:203px;
padding:0 20px 0 20px;
background:url(../../images/spacer.jpg) repeat-y right top
}
.newsbox-second img
{
height:138px; width:192px; border:5px solid #562c16;
}
.newsbox-second .desc
{
margin:0; padding:5px 0 0 0; color:#875c45; font-size:11px !important; width:207px; font-weight:normal; height:70px; font-family:Verdana, Arial, Helvetica, sans-serif;
}


.newsbox-third
{
width:205px;
padding:0 10px 0 20px;
}
.newsbox-third img
{
height:138px; width:192px; border:5px solid #562c16;
}
.newsbox-third .desc
{
margin:0; padding:5px 0 0 0; color:#875c45; font-size:11px !important; width:207px;  font-weight:normal; height:70px; font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*--------------third content box*/

.thirdcontentbox
{
clear:both;
width:697px;
height:360px;
background: url(../../images/spacer1.jpg) repeat-x left bottom;
margin:0 10px 10px 3px;
padding:0 0 10px 0;
}

.thirdcontentbox h3
{
color:#562c16; font-size:24px; font-weight:normal; font-style:italic; padding:10px 0 0 0; height:40px; background:url(../../images/camera-icon.jpg) no-repeat right center;
}

.thirdcontentbox .imagebox
{
height:310px; width:697px; background-color:#99CC66;
}

/*--------------forth content box*/

.photopanel
{
clear:both;
width:697px;
height:178px;
/*background:#FFFFCC url(../../images/spacer1.jpg) repeat-x left bottom;*/
margin:0 10px 0 3px;
padding:0 0 10px 0;
}

.photopanel a:link
{
color:#562c16; text-decoration:none;
}
.photopanel a:visited
{
color:#562c16; text-decoration:none;
}
.photopanel a:active
{
color:#562c16; text-decoration:underline;
}
.photopanel a:hover
{
color:#562c16; text-decoration:underline;
}

.photopanel h3
{
color:#562c16; font-size:24px; font-weight:normal; font-style:italic; padding:10px 0 0 0; height:44px; float:left
}
.photopanel span
{
color:#562c16; font-size:10px; font-weight:bold;  padding:25px 0 0 10px; height:29px; float:left;font-weight:normal !important;
}

.photopanel ul
{
list-style:none;
clear:both;
}
.photopanel ul li
{
float:left; 
list-style:none;
}
.photopanel ul li span
{
float:left; 
padding:105px 0 0 10px;
font-size:12px; font-style:italic;
font-weight:normal !important;
}
.photopanel ul li div
{
float:left; 
font-size:12px; font-style:italic;
font-weight:normal !important;
color:#562c16;
}
.photo1
{
width:150px; border:none; height:100px;
}
.photo2
{
width:150px; margin:0 0 0 25px; border:none; height:100px;
}
.photo3
{
width:150px; margin:0 0 0 25px; border:none; height:100px;
}
.photo4
{
width:155px; margin:0 0 0 30px; border:none; height:100px;
}

/*----------------------------starting of videocontentbox*/

#videocontentbox
{
clear:both;
width:990px; margin:0 auto; text-align:left; padding:0 0 0 0;  height:500px;
background-color:#ecf3e3 ; 
}

.videocontentbox_innerbox
{
float:left;
width:990px; margin:35px 0 0 0;  height:455px; 
background-color:#e3eada; 
}

.videocontentbox_innerbox h2
{
margin:0 0 0 30px; padding:10px 0 15px 0; font-size:24px; font-style:italic; color:#562c16; font-weight:normal;
}

.videocontentbox_innerbox .youtube
{
width:515px; height:375px; margin:0 15px 0 30px;  float:left; display:inline;
}
.videocontentbox_innerbox .facebook
{
width:412px; height:375px; float:left; display:inline;
}

.videocontentbox_spacer
{
clear:both;
height:10px; background:#ecf3e3 url(../../images/spacer1.jpg) repeat-x left bottom; 
width:950px; margin:0 0 0 30px;
}

/*----------------------------starting of footer*/

#footer
{
clear:both;
width:960px; margin:0 auto; text-align:left; padding:0 0 0 30px;  height:350px;
background-color:#ecf3e3 ; 
}

.footer-firstbox
{
width:950px; height:178px; background: url(../../images/spacer1.jpg) repeat-x left bottom; 
}
.footer-firstbox h5
{
font-size:14px; font-style:italic; font-weight:normal !important; color:#562c16; padding-top:10px; height:30px;
}
.footer-firstbox .jquerybox
{
height:105px;
margin-bottom:33px;
width:950px;
/*background-color:#99CCFF;*/
}

/*--------------footer link box-*/

#footer-linkbox
{
width:950px;   background: url(../../images/spacer1.jpg) repeat-x left bottom; padding-bottom:10px; float:left
}
#footer-linkbox ul
{
list-style:none; float:left; width:950px;
}

#footer-linkbox ul li
{
float:left;font-family:Verdana, Arial, Helvetica, sans-serif; 
}
#footer-linkbox  .bottomlinkbox ul li a:link
{
 color:#846e62; text-decoration:none; 
}
#footer-linkbox  .bottomlinkbox ul li a:visited
{
 color:#846e62; text-decoration:none; 
}
#footer-linkbox  .bottomlinkbox ul li a:hover
{
 color:#846e62; text-decoration:underline; 
}
#footer-linkbox  .bottomlinkbox ul li a:active
{
 color:#846e62; text-decoration:none; 
}

#footer-linkbox .bottomlinkbox
{
width:131px;
}
.bottomlinkbox span
{
float:left; background: url(../../images/spacer1.jpg) repeat-x left bottom; padding:7px 0 10px 0 !important; font-size:10px; text-transform:uppercase; font-weight: normal !important; color:#562c16;  width:131px;
}
.bottomlinkbox span a
{
color:#562c16; text-decoration:none !important;
}
.bottomlinkbox span a:hover
{
color:#562c16; text-decoration:none !important;
}
.bottomlinkbox a{
	text-decoration:none;
	color:#846e62;
}
.bottomlinkbox a:hover{
	text-decoration:underline;
	color:#846e62;
}
#footer-linkbox  .bottomlinkbox ul
{
width:100%; margin:0; padding:5px 0 0 0; clear:both; list-style:none;
}
#footer-linkbox  .bottomlinkbox ul li
{
list-style:none; font-size:10px; display:block; clear:both; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#846e62;width:131px; 
}

/*-----copywright-----*/

.copyright
{
clear:both;
width:950px;  text-align:center; padding:7px 0 0 30px; color:#562c16;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;  line-height:16px;

}

#featured-text {
	margin-top:60px;
	font-family:georgia;
	font-size:12px;
	font-style:italic;
	width: 350px;
	height: 300px;
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 50;
	padding: 10px !important;
	color: #eae0aa;
	font-size: 15px;
	text-align:right;
	line-height: 1.3em;
}
#featured-text a{
color:#afea80;
}
#featured-tabs{
	float:left;
	padding-top:4px;
	width:440px;
	padding-left:10px;
	text-align:left;
	
}
.tab-description{
	font-family:georgia;
	font-size:18px;
	font-style:italic;
	color:#fff;
	line-height:24px;
	z-index:51;
}
#featured-tabs a{
	text-decoration:none;
	font-family:georgia;
	font-size:11px;
	font-style:italic;
	color:#fff;
}
.featured-tab img {
	border:1px solid #577028;
}
.featured-tab.active img {
	border:1px solid #562c16;
}
.featured-head{
font-family:'Times new roman';
font-size:24px;
font-style:italic;
color:#afea80;
padding-bottom:15px;
}
.featured-content{
	font-family:georgia;
	font-size:12px;
	font-style:italic;
	color:#cdc8c6;
	padding-bottom:10px;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}