/* CSS Document */



body{

	font: 80%/0.8 verdana, helvetica, sans-serif;

	padding:0;

	margin:0;

	background-color:#EEEEEE;

	color:#000;

	

	line-height: 130%;

	

}

div, h1, h2, p, form, label, input, textarea, img, span{

	margin:0; padding:0;

}



ul{

	margin:0; 

	padding:0; 

	list-style-type:none;

	font-size:0;

}

.spacer{

	clear:both; 

	font-size:0; 

	line-height:0;

}

/*------------------------------------------------body--------------------*/



/*------------------------------------------------top part--------------------*/

#top{

	background:url(images/top_part.gif) 0 0 no-repeat;

	width:968px;

	height:128px;

	margin:0 auto;

	position:relative;

	background-color:#FFF;

}

#top img{

	position:absolute;

	left:34px;

	top:53px;

	width:286px;

	height:66px;

}

#top ul{

	width:309px;

	height:29px;

	position:absolute;

	left:635px;

	top:74px;

}

#top ul li{

	float:left;

	margin:0 1px 0 0;

}

#top ul li a{

	background:url(images/nav_bg.gif) 0 0 no-repeat;

	width:102px;

	height:29px;

	display:block;

	font:bold 11px/29px Arial, Helvetica, sans-serif;

	color:#fff;

	text-decoration:none;

	text-transform:uppercase;

	text-align:center;

	background-color:inherit;

}

#top ul li a:hover{

	background:url(images/nav_hover.gif) 0 0 no-repeat;

	width:102px;

	height:29px;

	color:#4C4C4C;

	background-color:inherit;

}

#top ul li.hover{

	float:left;

	margin:0 1px 0 0;

	background:url(images/nav_hover.gif) 0 0 no-repeat;

	width:102px;

	height:29px;

	display:block;

	font:bold 11px/29px Arial, Helvetica, sans-serif;

	color:#4C4C4C;

	text-decoration:none;

	text-transform:uppercase;

	text-align:center;

	background-color:inherit;

}

/*------------------------------------------------top part--------------------*/



/*------------------------------------------------header--------------------*/

#header{

	width:920px;

	border-left:#ffffff solid 7px;

	border-right:#ffffff solid 7px;

	/*background:url(images/top_green_bg1.gif) 0 0 repeat-x;*/

	background:url(images/grun.jpg) 0 0 no-repeat;

	height:162px;

	margin:0 auto;

	padding:0 17px 0 17px;

}

#header h2{

	display:block;

	background:url(images/green_part_div1.gif) 0 0 repeat-x;

	height:23px;

	width:682px;

	padding:21px 0 0 236px;

	margin:0 0 18px 0;

}

#header h2 span{

	font:bold 34px/20px Arial, Helvetica, sans-serif;

	color:#FDFF35;

	padding:0 0 0 0;

	background:url(images/h2_bg.gif) 0 0 repeat-x #7DBC07;

	width:448px;

}

#header p{

	font:bold 13px/19px Arial, Helvetica, sans-serif;

	color:#fff;

	background-color:inherit;

	text-align:center;

	margin:0 0 18px 0;

	display:block;

}

#header p span{

	background-color:#3A6200;

	color:#fff;

	padding:0 2px 0 4px;

}

#header a{

	background:url(images/btn_click.gif) 0 0 no-repeat;

	width:228px;

	height:25px;

	display:block;

	margin:0 0 0 370px 

}

#header a:hover{

	background:url(images/btn_click_hover.gif) 0 0 no-repeat;

}

#welcome {

 float:right; 

 width:400px;

 font-size:12px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 color:#FFFFFF;

 margin-top: 20px;

 /*border-bottom: 1px dashed #FFF;

 padding-bottom: 15px;*/

 }

 #welcome .welcome {

 margin-bottom: 10px;

 background-color:#FFFF00;

 font-weight: bold;

 font-size:14px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 color:#000000;

 }

/*------------------------------------------------header--------------------*/



/*------------------------------------------------body--------------------*/

#body{

	width:968px;

	margin:0 auto;

	padding:0;

	background-color:#fff;

	color:#000;

}

#body ul.nav{

	width:902px;

	height:46px;

	border-bottom:#EEEEEE solid 4px;

	padding:8px 0 6px 66px;

	margin:0 0 24px 0;

	background-color:#fff;

	color:#000;

}

#body ul.nav li.navLink{

	display:block;

	background:url(images/nav_div.gif) right top repeat-y;

	float:left;

	height:46px;

	padding:0 1px 0 0;

}

#body ul.nav li.navLinkNoBdr{

	display:block;

	background-image:none;

	float:left;

	height:46px;

	padding:0 1px 0 0;

}

#body ul.nav li.navLink a.service{

	display:block;

	background:url(images/books.gif) 0 7px no-repeat #fff;

	padding:0 14px 0 46px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.service:hover{

	background:url(images/books_over.gif) 0 7px no-repeat #fff;

	color:#39638A;

}

#body ul.nav li.navLink a.testimonial{

	display:block;

	background:url(images/short-stories.gif) 10px 7px no-repeat #fff;

	padding:0 15px 0 48px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.testimonial:hover{

	background:url(images/short-stories-over.gif) 10px 7px no-repeat #fff;

	color:#39638A;

}

#body ul.nav li.navLink a.project{

	display:block;

	background:url(images/film.gif) 9px 7px no-repeat #fff;

	padding:0 14px 0 43px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.project:hover{

	background:url(images/film_over.gif) 9px 7px no-repeat #fff;

	color:#39638A;

}

#body ul.nav li.navLink a.privacy{

	display:block;

	background:url(images/news.gif) 12px 7px no-repeat #fff;

	padding:0 8px 0 52px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.privacy:hover{

	background:url(images/news_over.gif) 12px 7px no-repeat #fff;

	color:#39638A;

}



#body ul.nav li.navLink a.blog{

	display:block;

	background:url(images/blog.jpg) 12px 7px no-repeat #fff;

	padding:0 8px 0 52px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.blog:hover{

	background:url(images/blog_over.jpg) 12px 7px no-repeat #fff;

	color:#39638A;

}





#body ul.nav li.navLink a.joy{

	display:block;

	background:url(images/joy-d.gif) 12px 7px no-repeat #fff;

	padding:0 8px 0 52px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLink a.joy:hover{

	background:url(images/joy-r.gif) 12px 7px no-repeat #fff;

	color:#39638A;

}















#body ul.nav li.navLinkNoBdr a.moreLink{

	display:block;

	background:url(images/trivia.gif) 8px 7px no-repeat #fff;

	padding:0 0 0 49px;

	font:bold 13px/46px Arial, Helvetica, sans-serif;

	color:#171717;

	text-transform:uppercase;

	text-decoration:none;

}

#body ul.nav li.navLinkNoBdr a.moreLink:hover{

	background:url(images/trivia_over.gif) 8px 7px no-repeat #fff;

	color:#39638A;

}

/*------------------------------------------------left panel--------------------*/

#left{

	width:366px;

	padding:5px 15px 0 22px;

	float:left;

}

#left1{

	width:662px;

	padding:5px 10px 0 22px;

	float:left;

}



#left h2{

	font:bold 24px/16px Arial, Helvetica, sans-serif;

	color:#497C00;

	background-color:#fff;

	margin:0 0 12px 0;

	display:block;

}

#left1 h2{

	font:bold 24px/16px Arial, Helvetica, sans-serif;

	color:#497C00;

	background-color:#fff;

	margin:0 0 12px 0;

	display:block;

}

#left p.lftText{

	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background-color:#fff;

	margin:0;

	padding:0;

}

#left1 p.lftText1{

	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

	background-color:#fff;

	margin:0;

	padding:0;

}

#left p.lftText span{

	color:#9E3F01;

	background-color:#FFF6DB;

	font:bold 12px/19px Arial, Helvetica, sans-serif;

}

#left1 p.lftText1 span{

	color:#9E3F01;

	background-color:#FFF6DB;

	font:bold 12px/19px Arial, Helvetica, sans-serif;

}

#left p.viewMore{

	width:77px;

	height:13px;

	background:url(images/view_more_bg.gif) 0 0 repeat-x;

	padding:0 0 0 288px;

	margin:31px 0 15px 0;

	font-size:0;

	display:block;

}

#left1 p.viewMore1{

	width:77px;

	height:13px;

	background:url(images/view_more_bg.gif) 0 0  repeat-x;

	padding:0 0 0 420px;

	margin:31px 0 15px 0;

	font-size:0;

	display:block;

}

#left p.viewMore a{

	background:url(images/view_more.gif) 0 0 no-repeat;

	width:77px;

	height:13px;

	display:block;

}

#left1 p.viewMore1 a{

	background:url(images/view_more.gif) 0 0  no-repeat;

	width:77px;

	height:13px;

	display:block;

}

#left p.viewMore a:hover{

	background:url(images/view_more_hover.gif) 0 0 no-repeat;

}

#left1 p.viewMore1 a:hover{

	background:url(images/view_more_hover.gif) 0 0  no-repeat;

}

#leftBottom{

	width:364px;

	background:url(images/left_bottom_bg.gif) 0 0 repeat-y;

}

#leftBottom p.top1{

	background:url(images/left_bottom_top.gif) 0 0 no-repeat;

	width:364px;

	height:21px;

}

#leftBottom h2{

	background:url(images/left_bottom_h2.gif) 0 0 no-repeat;

	width:364px;

	height:52px;

}

#leftBottom p.lftBottomText{

	margin:0 13px 0 18px;

	font:bold 13px/19px Arial, Helvetica, sans-serif;

	color:#91835B;

	background-color:#fff;

}

#leftBottom p.lftBottomText span{

	font:bold 13px/19px Arial, Helvetica, sans-serif;

	color:#C24E01;

	background-color:#fff;

}

#leftBottom p.bot1{

	background:url(images/left_bottom_bot.gif) 0 0 no-repeat;

	width:364px;

	height:25px;

}



/*------------------------------------------------left panel--------------------*/



/*------------------------------------------------mid panel--------------------*/

#mid{

	width:251px;

	border:#EBEBEB solid 2px;

	/*background:url(images/mid_panel_bg.gif) 0 0 repeat-x #FF660e;*/

	background-color: #EBEBEB;

	color:#fff;

	padding:4px 13px 0 11px;

	margin:0 17px 0 0;

	float:left;

}

#mid h2{

	font:bold 22px/38px Arial, Helvetica, sans-serif;

}

#mid img{

	margin:0 0 14px 0;

	width:252px;

	height:109px;

}

#mid h3{

	font:bold 12px/29px Arial, Helvetica, sans-serif;

	color:#035476;

	background-color:#EBEBEB;

	padding:0;

	margin:0;

	text-transform:uppercase;

}

#mid p.midText{

	font:bold 12px/19px Arial, Helvetica, sans-serif;

	color:#000;

	background-color: #EBEBEB;

	/*background-color:#FF6600;*/

	margin:0 0 26px 0;

}

#mid p.midText2{

	font:bold 16px/22px Arial, Helvetica, sans-serif;

	color:#000;

	background-color:#EBEBEB;

	margin:0 0 46px 0;

}		

/*------------------------------------------------mid panel--------------------*/



/*------------------------------------------------right panel--------------------*/

#right{

	width:264px;

	float:left;

}

#right h2.mem{

	width:214px;

	height:57px;

	background:url(images/member_login.gif) 0 0 no-repeat;

	padding:0 0 0 50px;

	font:bold 20px/57px Arial, Helvetica, sans-serif;

	color:#7BCA0A;

	background-color:inherit;

}

#right form{

	background:url(images/memberlogin_bg.gif) 0 0 repeat-y;

	width:228px;

	padding:0 18px;

	margin:0;

}

#right.characters {

	background:url(images/memberlogin_bg.gif) 0 0 repeat-y;

	width:228px;

padding:0 18px;

	margin:0;

	color:#FFFFFF;

}





#right form input.txtBox{

	width:206px;

	height:19px;

	border-left:#808080 solid 1px;

	border-top:#808080 solid 1px;

	border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px;

	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/

	color:#000;

	background-color:#fff;

	margin:0 0 17px 0;

	padding:0 0 0 20px;

}

#right form a{

	font:bold 12px/19px Arial, Helvetica, sans-serif;

	color:#FF6600;

	background-color:#131313;

	text-decoration:underline;

	float:left;

	background:url(images/register_here_bg.gif) 0 5px no-repeat;

	padding:0 0 0 14px;

	width:79px;

}

#right form a:hover{

	text-decoration:none;

}

#right form input.login{

	background:url(images/btn_login.gif) 0 0 no-repeat;

	width:53px;

	height:13px;

	border:none;

	cursor:pointer;

	float:right;

}

#right p.bottom2{

	background:url(images/memberlogin_bot.gif) 0 0 no-repeat;

	width:264px;

	height:25px;

	margin:0 0 5px 0;

}

#right p.bottom2a{

	

	width:264px;

	height:25px;

	margin:0 0 5px 0;

}

#right h2.solution{

	font:bold 24px/39px Arial, Helvetica, sans-serif;

	color:#497C00;

	background-color:#fff;

	padding:0 0 0 17px;

}

#right ul{

	width:238px;

	padding:0 0 0 17px;

}

#right ul li{

	display:block;

	background:url(images/solution_div.gif) left bottom repeat-x;

	height:20px;

	width:238px;

	padding:0 0 1px 0;

}

#right ul li a{

	background:url(images/arrow.gif) 0 7px no-repeat;

	padding:0 0 0 14px;

	font:bold 11px/20px Arial, Helvetica, sans-serif;

	color:#000;

	background-color:#fff;

	text-decoration:none;

	margin:0;

	display:block;

}

#right ul li a:hover{

	color:#A60303;

	background-color:#ECECEC;

}

#right ul li.noImg{

	display:block;

	background-image:none;

	height:20px;

}

/*------------------------------------------------right panel--------------------*/



/*------------------------------------------------bodyBottom--------------------*/

#bodyBottom{

	width:953px;

	margin:18px 0 0 0;

	padding:8px 8px 19px 7px;

	float:left;

}

#bodyBottom ul{

	width:944px;

	background-color:#F1F1F1;

	color:#000;

	padding:8px 0 8px 9px;

	float:left;

	display:block;

}

#bodyBottom ul li.one{

	padding:7px 47px 36px 21px;

	font:normal 12px/20px Arial, Helvetica, sans-serif;

	color:#131313;

	background-color:#fff;

	float:left;

	border-right:#F1F1F1 solid 8px;

	display:block;

	width:258px;

}

#bodyBottom ul li.one a{

	font:bold 11px/43px Arial, Helvetica, sans-serif;

	color:#D35400;

	background-color:#fff;

	text-decoration:underline;

	margin:0 0 0 0;

	display:block;

}

#bodyBottom ul li.one a:hover{

	color:#528B00;

	background-color:#fff;

	text-decoration:none;

}

#bodyBottom ul li.two{

	padding:7px 18px 36px 24px;

	font:normal 12px/20px Arial, Helvetica, sans-serif;

	color:#131313;

	background-color:#fff;

	float:left;

	border-right:#F1F1F1 solid 8px;

	display:block;

	width:271px;

}

#bodyBottom ul li.two a{

	font:bold 11px/43px Arial, Helvetica, sans-serif;

	color:#D35400;

	background-color:#fff;

	text-decoration:underline;

	margin:0 0 0 0;

	display:block;

}

#bodyBottom ul li.two a:hover{

	color:#528B00;

	background-color:#fff;

	text-decoration:none;

}

#bodyBottom ul li.three{

	padding:7px 16px 16px 26px;

	font:normal 12px/20px Arial, Helvetica, sans-serif;

	color:#131313;

	background-color:#fff;

	float:left;

	border-right:#F1F1F1 solid 8px;

	display:block;

	width:238px;

}

#bodyBottom ul li.three a{

	font:bold 11px/43px Arial, Helvetica, sans-serif;

	color:#D35400;

	background-color:#fff;

	text-decoration:underline;

	margin:0 0 0 0;

	display:block;

}

#bodyBottom ul li.three a:hover{

	color:#528B00;

	background-color:#fff;

	text-decoration:none;

}

/*------------------------------------------------bodyBottom--------------------*/



/*------------------------------------------------body--------------------*/



/*------------------------------------------------footer--------------------*/

#footerMain{

	width:968px;

	margin:0 auto;

	height:140px;

	background-color:#fff;

	color:#000;

	padding:0 0 16px 0;

}

#footer{

	width:953px;

	margin:0 auto;
background-color: #333;
	background:url(flowers.jpg) 0 0 repeat-x;

	height:140px;

	position:relative;

}

#footer ul{

	width:700px;

	position:absolute;

	left:175px;

	top:20px;

}

#footer ul li{

	float:left;

	color:#fff;

	background-color:inherit;

	font:normal 12px/16px Arial, Helvetica, sans-serif;

}

#footer ul li a{

	font:normal 12px/16px Arial, Helvetica, sans-serif;

	color:#fff;

	background-color:inherit;

	padding:0 11px;

	text-decoration:none;

}

#footer ul li a:hover{

	color:#fff;

	

}





#footer p.copyright{

	font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;

	color:#FDFF35;

	background-color:inherit;

	position:absolute;

	left:365px;

	top:38px;

}

#footer a.xht{

	width:85px;

	height:13px;

	background:url(images/xhtml_bg.gif) 0 0 no-repeat;

	position:absolute;

	left:355px;

	top:59px;

	margin:0;

}

#footer a.xht:hover{

	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;

}

#footer a.cs{

	width:85px;

	height:13px;

	background:url(images/css_bg.gif) 0 0 no-repeat;

	position:absolute;

	left:460px;

	top:59px;

	margin:0;

}

#footer a.cs:hover{

	background:url(images/css_bg_hover.gif) 0 0 no-repeat;

}

#footer p.design{

	display:block;

	width:187px;

	height:17px;

	padding:3px;

	position:absolute;

	left:353px;

	top:83px;

	font:bold 11px/17px Arial, Helvetica, sans-serif;

	color:#fff;
background-color:#555;
	/*background-color:#03373B;*/

	text-transform:none;

	text-align:center;

}

#footer p.design a.link{

	font:bold 11px/17px Arial, Helvetica, sans-serif;

	color:#fff;

	background-color:#03373B;

	text-decoration:none;

	text-transform:none;

}

#footer p.design a.link:hover{

	color:#FDFF35;

	background-color:#03373B;

}

/*------------------------------------------------footer--------------------*/

.season {
/*background-color:#FF0000;*/
height: 24px;
font-weight:bold;
padding: 0 4px 2px 4px;
color: #FF0000;
/*background-image:URL(cap.jpg);
background-repeat:no-repeat;
position: left top;*/
}


#footerMain1{

	width:958px;

	margin:0 auto;

	height:220px;

	background-color:#252728;

	color:#000;

	padding:10px 0 16px 0;
border: 5px solid #FFF;
}

#footer1{

	width:953px;

	margin:0 auto;
background-color: #252728;
	/*background:url(flowers.jpg) 0 0 repeat-x;*/

	height:220px;

	position:relative;

}