body{position:relative; background:url(/gfx/tpl/bg_pattern.jpg) #1e4618 center top; margin:0; padding:0; font:14px 'Trebuchet MS',Arial,Helvetica,sans-serif;}
body,div{line-height:18px; color:#555}
img{border:0}
img#saveChanges{border:0; margin-left:290px; width:200px; position:absolute;}
img#cencelChanges{border:0; margin-left:500px; width:100px; position:relative;}
form{padding:0; margin:0;}
.form_member{padding:0; margin-left:0;}
input,select,option,textarea{font:10px Verdana; color:#222}
input,textarea{padding:5px 5px 5px 5px; border:1px solid #999;}
option{height:18px; line-height:18px}
input:hover,textarea:hover{border-color:#666}
fieldset{border:0;}

h2{font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:500; color:#3c6612}
h3{ margin:5px;	padding:0; margin-top:30px;	font:bold;	font-size:15px;	font-family:Arial, Helvetica, sans-serif; color:#9C0;}
h4{font-size:11px; padding:0; margin:5px 0 0 0;}

a{color:#9c0; text-decoration:none}
#wrapper{ width:990px; background:url(/gfx/tpl/bg_content.jpg) fixed center top; margin:0 auto; position:relative}
.clear{clear:both}
#top{height:30px; margin:0; padding:0; z-index:40; position:relative; background:url(/gfx/tpl/bg_top.jpg)}
	#top div.left{position:absolute; left:10px; top:0px; height:30px; line-height:30px;}
	#top div.right{position:absolute; right:10px; top:0px; height:30px; line-height:30px;}
	#top div{font:10px Verdana; color:#666}

#header{height:130px; background:url(/gfx/tpl/bg_head.jpg) top center; position:relative; height:225px;}
	a#logo{position:absolute; left:40px; top:100px;}
	div#banner{border:1px solid #131313; border-top-color:#000; border-left-color:#000; height:100px; width:620px; position:absolute; top:110px; right:14px}
#cl{position:absolute; left:-20px; height:47px; width:20px; top:150px; background:url(/gfx/tpl/mc.png) right}	
#cr{position:absolute; left:980px; height:47px; width:20px; top:150px; background:url(/gfx/tpl/mc.png)}	
#fl{position:absolute; left:-109px; height:645px; width:109px; top:10px; background:url(/gfx/tpl/bg_left.png)}	
#fr{position:absolute; left:980px; height:645px; width:109px; top:10px; background:url(/gfx/tpl/bg_right.png)}	
#cbl{position:absolute; left:-20px; height:130px; width:20px; top:0px; background:url(/gfx/tpl/bc.png) right}	
#cbr{position:absolute; left:980px; height:130px; width:20px; top:0px; background:url(/gfx/tpl/bc.png)}	

#way{margin-bottom:20px; border:1px dashed #fff; padding:5px font-size:10px;}
#way a{color:#333}
#conf{margin-bottom:20px; border:1px dashed #ccc; padding:5px; background:#99cc00; font-size:12px; color:#FFF}

#menu{list-style:none; height:40px; line-height:40px; margin:0; padding:0; background:url(/gfx/tpl/bg_menu.jpg) #9c0;}
	#menu li{float:left; height:40px; line-height:40px; margin:0; padding:0 26px 0 26px;}
	#menu li a{color:#fff; text-decoration:none;}
	#menu li:hover, #menu li.cur{color:#990; text-decoration:none;}

#container{background:url(/gfx/tpl/bg_content.jpg) repeat-y; clear:left; padding:10px 15px 10px 15px;}
	#content{width:700px; float:left; margin:0}
	#right{float:left; margin-left:10px; width:250px;}
		#right div.box{background:url(/gfx/tpl/bg_login.jpg); width:225px; height:287px; border:1px dashed #fff; color:#666; padding:10px; margin-bottom:10px}
		#right div.box_vote{background:#fcfcfc; border:1px dashed #ccc; color:#666; padding:10px; margin-bottom:20px}
		#right img.banner{margin-bottom:10px}
		#right div#link{margin-top:-8px;}
		#right a#link:hover{}

		#footer{ height:130px; margin:0; padding:0; z-index:40; position:relative; background:url(/gfx/tpl/bg_footer.jpg); }
			#footer div{color:#fff; font-size:10px}
		a.bl {
			margin-left:150px;
			position:absolute; top:30px;
			display: block;
			width: 130px;
			height: 80px;
			text-decoration: none;
			}
		a.cc {
			margin-top:40px;
			margin-left:30px;
			float:left;
			top:30px; 
			display: block;
			width: 118px;
			height: 65px;
			text-decoration: none;
			}
		a#ej{left:10px; background: url(/gfx/tpl/ej.gif);}
		a#cc{left:10px; background: url(/gfx/tpl/cocacola.gif);}
		a#ej:hover,a#cc:hover{
			background-position: -130px 0;
			}
		span.displace {
			position: absolute;
			left: -5000px;
			}
		

	#footer div#sn{position:absolute; left:300px; top:50px}
	#footer div#sn img{position:relative; top:8px; margin-left:5px}
	#footer div#copyright{position:absolute; right:55px; top:50px; text-align:right;}
	#footer div#copyright a{display:block; color:#9c0}
    #footer div#power{z-index:60px; width:155px; top:85px; height:30px; position:absolute; left:795px; padding-right:-10px;}
	#footer div#power img{position:relative; top:8px; margin-left:5px}
div#teacher{border-top:3px dashed #666; height:145px; background:url(/gfx/tpl/bg_content.jpg) no-repeat; padding-top:20px; margin-top:20px; position:relative;}
div#teacher div{position:absolute; top:70px; left:300px; padding-right:30px; font:italic 18px Arial; width:600px; height:auto;}
div#teacher img#scissors{position:absolute; top:-21px; left:925px; width:40px; height:40px;}
div#teacher img#did-u-know{position:absolute; top:10px; left:20px; width:265px; height:145px;}


/* MEMBER BOX */
#welcome{font-weight:bold}
#member_box{color:#ffffff;}
.btn_box{padding-top:0; padding-bottom:10px; padding-left:0;}
.input_member{padding-top:5px; padding-bottom:5px; padding-left:0;}
.no_border{border:none;}
#member_box label{display:block}
#member_box ul{list-style:none; margin:0; padding:0}
#member_box ul li{padding-left:15px; background:url(/gfx/tpl/larrow.gif) no-repeat 0 8px}
#member_box ul li a{color:#666; font:bold 11px arial}
#member_box ul li a:hover{color:#333}
hr.sep{height:1px; border:0; border-top:1px dotted #ccc; padding:0;margin:5px 10px 30px 5px; background:#fff}

img.p80{border:1px solid #777; width:80px; height:80px; margin-right:10px; float:left}
div.p30{border:1px solid #777; width:30px; height:30px; margin-right:10px; margin-bottom:5px; float:left}
#p200{float:left; margin:0 20px 10px 0; border:1px solid #000}

div.p80{background:url(/gfx/tpl/p80_t.png); width:80px; height:80px; padding:15px;margin:0 10px 10px 0; float:left}
img.p80{width:20px; height:20px; float:left}
div.pyt{position:relative; background:url(/gfx/tpl/pyt.png); width:120; height:90px; padding:15px;margin:0 10px 10px 0; float:left}
span.duration{height:11px; line-height:11px; border:1px solid #FFF; font-size:9px; background:#000; color:#fff; padding:1px; position:absolute; top:18px; left:18px;}
div.p300{width:300px; height:300px; margin:0 10px 10px 0; float:left}
div.p120{background:url(/gfx/tpl/p120.png); width:120px; height:120px; padding:15px;margin:0 10px 10px 0; float:left}
div.tv_box{background:url(/gfx/tpl/pyoutube.png); width:456px; height:370px; position:relative; float:left}
div.c_box{margin-left:17px; margin-top:17px; position:absolute;}

.desc{ line-height:10px;color:#696969 }

.comment div.message{border:1px solid #ccc; padding:10px; float:left; width:500px; margin-top:15px}
.comment div.message p{margin:0 0 10px 0; font-size:10px; padding:0}
.hidden{display:none}

/* Add by Andree */
ul.nav{list-style:none; float:left; width:400px; margin:20px 0 20px 0; padding:0}
ul.nav li{font-size:10px; height:20px; line-height:20px; font-weight:bold; text-align:center; min-width:20px; margin-right:3px; float:left}

ul.nav li.ppr, ul.nav li.pne, ul.nav li.pla, ul.nav li.pfi{width:20px; height:20px; background:url(/gfx/tpl/arrows.png)}
ul.nav li.pne{background-position:60px 0}
ul.nav li.pfi{background-position:40px 0}
ul.nav li.pla{background-position:20px 0px}
ul.nav li.ppr:hover{background-position:0px 20px}
ul.nav li.pne:hover{background-position:60px 20px}
ul.nav li.pfi:hover{background-position:40px 20px}
ul.nav li.pla:hover{background-position:20px 20px}
ul.nav li.pa{border:1px solid #fff}
ul.nav li.pi{display:none}
ul.nav li a{font-size:10px; padding:0 4px 0 4px; display:block; text-decoration:none;}
ul.nav li.pc{background:#9c0; color:#fff}
ul.nav li.pc a{color:#fff;}
#status_frame, #comment_frame{position:absolute; left:-1000px; height:1px; width:1px; border:0}
.gender1{color:#036}
.gender2{color:#C69}
.gender1, .gender2{font-weight:bold}

#content div.box{border:1px solid #D1D3B4; padding:5px; background:#E1E2CF; margin:10px;}
#content div.detail_box{border:none; padding:5px; padding-top:0px; background:#FFF; margin-left:210px; margin-bottom:3px;}
#hb_left{ width:320px; float:left;}
#hb_right{ width:320px; float:right;}
div.half_box{width:320px; padding:10px;  float:left; margin-right:20px;}
div.full_box{width:680px; padding:10px;}

div.last{margin-right:0;}
div.member_box{width:215px; margin-right:10px; float:left}
.member{width:250px; margin:5px; float:left; background-color:#9C6;}

.none{display:none}
.block{display:block}

#poll ul{list-style:none;margin:0; padding:0}
#poll ul li{line-height:16px;}
#poll ul div{position:relative; margin-bottom:5px;}
#poll ul div span{position:absolute; top:-5px; left:160px; }
.bg_rating{height:10px; width:150px;background:url(/gfx/tpl/bg_r.jpg);}
.postcard_btn{margin-left:220px;}


ul.sub_section li{ font:Arial, Helvetica, sans-serif 24px bold; color:#F00}
.description{ font:Arial, Helvetica, sans-serif 14px bold; color:#555}