/*** Classes ***/

/** For html tags **/
body {
	background-image:url(../design/fon.jpg);	
	color: #795900;
	margin: 0px;
	padding: 0px;
}

p {
	font-family: "Palatino Linotype";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #795900;
}

.p {
	font-family: "Palatino Linotype";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #795900;
}

ul {
    font-family: "Palatino Linotype";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #795900;
}

h1 {
    font-family:'Book Antiqua';
    font-size:19px;
    color:rgb(75,41,0);
}

h2 {
    font-family:'Palatino Linotype';
    font-size:18px;
	color:maroon;
}

h3 {
	font-size: 17px;
	font-family:"Palatino Linotype";
	font-style:normal;
	color:rgb(121,66,0);
}


h4 {
	font-family:"Palatino Linotype";
	font-style: normal;
	font-size: 20px;
	color: #4B2900;
}

h5 {
	font-family:"Palatino Linotype";
	font-style: normal;
	font-size: 16px;
	color: #4B2900;
}

h6 {
	font-size: 12px;
	font-family:"Palatino Linotype";
	font-style:normal;
	color:#794200;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
}

.to-top {
	font-family: "Palatino Linotype";
	font-size: 14px;
	text-decoration: none;
	line-height: normal;
}

.to-top:link {
    color:#996666;
}

.to-top:visited {
    color:#666666;
}

.to-top:hover {
    color:rgb(75,41,0);
	text-decoration: underline;
}

a:link {
    color:rgb(153,114,99);
}

a:visited {
    color:#5E5E9D;
}

a:hover {
    color:rgb(75,41,0);
}

/** Additional tags styles **/

.h6 {
    font-family:'Times New Roman';
    font-size:small;
    color:rgb(75,41,0);
}

/* colors */

.bgcolor-1 {
	background-color: #F5E4C9;
}

.bgcolor-2 {
	background-color: #F5E4C9;
	color: #795900;
	width: 350px;
}

.tes1-logo {
    color: #505A60;
}

.tes2-logo {
    color: #440210;
}

.tes3-logo {
    color: #987239;
}

.tes4-logo {
    color: #333333;
}

/* TXT */

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

.j {
    text-align: justify;
}

.autor {
	text-align: right;
	margin-bottom: 20px;
	margin-right: 30px;
	margin-left: 250px;

}

.real-update {
	text-align: right;
	margin-right: 30px;
	margin-left: 250px;
	height: 10px;
	color: #000033;
}


.copyright {
    text-align: left;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 250px;
}

.b-alignment {
    vertical-align: bottom;
}

.t-alignment {
    vertical-align: top;
}

.img-r {
	text-align: right;
	padding-left: 10px;
	padding-bottom: 5px;
}

.indent20 {
    padding-left: 30px;
}

.text-news {
    font-family: 'Palatino Linotype';
	font-size: 16px;
	color: rgb(121,89,0);
	padding: 5px;
}



.text_01 {
    font-family: 'Palatino Linotype';
	font-style: normal;
	font-size: 16px;
	color: rgb(121,89,0);
}

.rl_15 {
	padding-left: 15px;
}

.search-div {
	position: absolute;
	left: 30px;
	top: 520px;
}

.txt-13 {
	font-size: 13px;
}

.hr-txt {
	position: absolute;
	left: 53%;
}

.long-txt {
	letter-spacing: 5px;
}

/** Graphics **/

.tesfans-txt {
    color: #5D5C97;
}

.banners {
	margin-right: 30px;
}

.notice-fon {
	background-image: url(../design/tes-fans-team.png);
	background-repeat: no-repeat;
	background-position: 100%;
	height: 210px;
}

.notice-txt {
	line-height: 100%;
	text-align: right;
	margin-top: 30px;
	margin-right: 25px;
	margin-bottom: 50px;
	margin-left: 50px;
}

.hr {
	background-image: url(../design/hr.png);
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
	background-position: 50%;
}

.hr-lght {
	background-image: url(../design/hr-light.png);
	background-repeat: repeat-x;
	height: 7px;
	background-position: 50%;
	width: 100%;
}

.hr-m {
	background-image: url(../design/hr-m.png);
	background-repeat: repeat-x;
}

.hr-r {
    background-image: url(../design/hr-r.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 40px;
}

.hr-l {
    background-image: url(../design/hr-l.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 40px;
}

.shield {
	background-image: url(../design/bttm-rght.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 325px;
	height: 190px;
}

.sword_n_helm {
	background-image: url(../design/bttm-lft.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 325px;
	height: 190px;
}

.t-l-corner {
	background-image: url(../design/t-l-corner.gif);
	background-repeat: no-repeat;
}

.t-r-corner {
	background-image: url(../design/t-r-corner.gif);
	background-repeat: no-repeat;
}

.b-r-corner {
	background-image: url(../design/b-r-corner.gif);
	background-repeat: no-repeat;
}

.b-l-corner {
	background-image: url(../design/b-l-corner.gif);
	background-repeat: no-repeat;
}

.bg-scroll-hr1 {
    background-image: url(../design/bg-scroll-hr1.gif);
	background-repeat: no-repeat;
	background-position: 55%;
	height: 20px;
}

.bg-scroll-hr2 {
    background-image:url(../design/bg-scroll-hr2.gif);
	background-repeat: no-repeat;
	background-position: 52%;
	height: 20px;
}

.bg-scroll-hr3 {
    background-image: url(../design/bg-scroll-hr3.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 20px;
}

.mp-frame {
    background-image:url(../design/frame.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

/** Other **/
/*** ID's ***/

/* Main */

#logo {
	background-image: url(../design/main-logo.gif);
	background-repeat: no-repeat;
	background-position: 50% 80px;
	height: 250px;
	position:relative
}

#tes-fans {
	background-image: url(../design/tes-fans-site.png);
	background-repeat: no-repeat;
	background-position: 50% 40px;
}

#top-lft {
	background-image: url(../design/top-lft.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	position: relative;
	width: 50%;
}

#top-rght {
	background-image: url(../design/top-rght.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	position: relative;
	width: 50%;
}

#top-brdr-fon {
	background-image: url(../design/top-brdr-fon.png);
	background-repeat: repeat-x;
	background-position: 50% 0px;
	position: relative;
}

#lft-brdr-fon {
	background-image: url(../design/lft-brdr-fon.gif);
	background-repeat: repeat-y;
	background-position: 0px;
	position: relative;
	width: 230px;
}

#rght-brdr-fon {
	background-image: url(../design/rght-brdr-fon.gif);
	background-repeat: repeat-y;
	background-position: 100%;
	position: relative;
	width: 230px;
}

#wings {
	background-image: url(../design/wings.png);
	background-repeat: no-repeat;
	background-position: 50% 20px;
	position: relative;
}

#bttm-lft {
    background: url(../design/bttm-lft.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	position: relative;
	width: 50%;

}

#bttm-rght {
    background: url(../design/bttm-rght.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: relative;
	width: 50%;

}


#bttm-brdr-fon {
	background-image: url(../design/bttm-brdr-fon.png);
	background-repeat: repeat-x;
	background-position: 50% 100%;
}

/* Big Scroll */

#bg-scrll-fn {
	background-image:url(../design/bg-scroll-mf.gif);
	background-repeat: repeat;
	background-position: 50% 50%;
}

#form-fn {
	background-image:url(../design/bg-scroll-mf.gif);
	background-repeat: repeat;
	background-position: 50% 50%;
	font-family: "Palatino Linotype";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #795900;
}

#bg-scrll-tl {
	background-image: url(../design/bg-scroll-tl.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 50px;
	width: 60px;
}

#bg-scrll-tf {
    background-image: url(../design/bg-scroll-tf.gif);
	background-repeat: repeat-x;
	background-position: 50% 0px;
}

#bg-scrll-tr {
	background-image: url(../design/bg-scroll-tr.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	height: 50px;
	width: 85px;
}

#bg-scrll-bf {
    background-image:url(../design/bg-scroll-bf.gif);
	background-repeat: repeat-x;
	background-position: 50% 100%;
}

#bg-scrll-lf {
	background-image:url(../design/bg-scroll-lf.gif);
	background-repeat: repeat;
	background-position: 0px 50%;
	width: 60px;
}

#bg-scrll-rf {
    background-image:url(../design/bg-scroll-rf.gif);
	background-repeat: repeat;
	background-position: 100% 50%;
	width: 60px;
}
#bg-scrll-bl {
	background-image: url(../design/bg-scroll-bl.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 80px;
	width: 60px;
}
#bg-scrll-br {
	background-image: url(../design/bg-scroll-br.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	height: 80px;
	width: 85px;
}

#c {
    text-align: center;    
}

#r {
    float: right;
}

#l {
    float: left;
}