/* CSS Document */
html, body {margin:0px; padding:0px; background:#877e52; font-family:verdana; font-size:12px; line-height:20px; }
/* The header and footer */
.headfoot {display:block; height:152px; background:#850700 url(top2.gif)  top; color:#fff; text-align:center; padding:0px;font-size:30px;}
.foot {display:block; height:150px; background:#877e52 url(bottom2.gif)  top repeat-x; color:#fff; text-align:center; padding:5px;font-size:30px;}
/* This bit does all the work */
#containerBig {position:relative; display:block; background:#800; overflow:visible;  height:575px; text-align:center; color:#fff;  padding-left:5px; padding-right:5px;}
#left1 {float:left; position:relative; width:200px; margin-left:-px; display:inline; background:#620703; height:575px; color:#fff; padding-left:15px;}
#right {float:right; position:relative; width:299px; margin-right:-197px; display:inline; background:#620703 url(bg3.gif) center no-repeat; height:400px;}

.clear {clear:both;height:1px;overflow:hidden;}
a:visited {color:#ffc;}
/* Just to extend each column */
#container p {padding-left:10px; padding-right:10px;}
#containerBig a:visited, a {color:#FFC; text-decoration:none; text-align:center;}
#containerBig p a {color:#FF8600;}
#containerBig p a:hover {color:#8d0804;}
#containerBig a span {display:none;}
#containerBig a:active, #containerBig a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#containerBig a:active span, #containerBig a:focus span {display:inline; left:0;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}


* {
	padding: 0;
	margin: 0;
}

h3{
font-size:14px;
font-weight:bold;
text-align:center;
letter-spacing:3px;
border-bottom:1px solid #FF8600;
padding-bottom:2px;
padding-top:15px;
}

h5{
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:3px;
border-top:1px solid #FF8600;
padding-top:2px;
padding-bottom:15px;
}

h5 a{
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:3px;

}

p{
line-height:20px;
text-align:center;
color:#ccc;
}

ol {
list-style-position:inside;
}

ol li {
font-size:11px;
font-weight:bold;
}
#left1 p a{
color:#CCCCCC;
font-weight:bold;
font-size:11px;
display:inline;
padding:0px;
}

#left1 li a{
color:#CCCCCC;
font-weight:bold;
font-size:11px;
display:inline;
padding:0px;
}

#left1 a:hover{
background:none;
color:#fff;
height:inherit;
border:none;
}
#left1 h3{
font-size:11px;
font-weight:bold;
text-align:center;

border-bottom:1px solid #FF8600;
padding-bottom:2px;
padding-top:15px;
}

#container h3{
font-size:14px;
font-weight:bold;
text-align:center;
letter-spacing:3px;
border-bottom:1px solid #FF8600;
padding-bottom:2px;
padding-top:15px;
}
		
h4 {
font-size:13px;
color:#FFFF99;
font-weight:bold;
text-align:center;
}
a {
text-decoration:none;
text-align:center;
font-size:11px;
color:#ccc;
font-weight:normal;
border:none;
padding:2px;
}


a:hover {
text-decoration:none;
color:#eee;
font-weight:bold;
border-left:0px solid #FF8600;
border-bottom:1px solid #FF8600;
padding-left:5px; 
}

p a {
text-decoration:none;
color:#FF8600;
font-weight:bold;
border:0px solid #FF0000;
display:block;
height:50px;
overflow:hidden;
}

p a:hover{
padding-top:50 px;
color:#8d0804;
letter-spacing:0px;
;
border:none;
}

ul li{
list-style-image:url(fire.gif);
list-style-position:inside;
}
.listyle{
list-style-image:url(dundudukka.gif);
list-style-position:inside;
}
table {
border:0px;
height:100%;
overflow:scroll;
overflow:hidden;
}
td {
overflow:hidden;
}
#envelop{
	width:100%;
	height:420px;
	margin: 0;
	border: 1px solid #330404;
	background-color: #000;
	display:block;
}
.image{
background: url(imagebg.gif) repeat-y right;
padding-right:8px;
}
.tdclasstop{
background:#a59b6d url(top2.jpg)  bottom repeat-x;
height:30px;
position:relative;
}
.tdclassbottom{
background:#877e52 url(bottom2.gif) bottom;
height:150px;
width:100%;
bottom:0px;
clear:both;
}
.tdclassmiddle{
background:#FEFDC2;
height:100%;
}
.content {
position:absolute;
padding-left:10px;
float:inherit;
display:block;
height:400px;
width:300px;
background:#620703 url(bg2.gif) center no-repeat;
padding:10px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.content1 {
position:absolute;
right:30px;
float:left;
height:400px;
width:300px;
padding:10px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:1;
}
.content1 a{
text-align:center;
}
.content2 {
position:relative;
float:right;
height:100%;
width:100%;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.content3 {
float:left;
height:400px;
width:300px;
background:#620703 url(bg5.gif) center no-repeat;
padding:10px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.content2 p{
padding-top:10px;
text-align:justify;
font-size:11px;
font-weight:normal;
line-height:16px;
}
.content p{
padding-top:10px;
text-align:justify;
color:#FFFFdd;
font-size:11px;
font-weight:normal;
line-height:16px;
}
.content1 p{
padding-top:10px;
text-align:center;
color:#FFFFdd;
font-size:11px;
font-weight:normal;
line-height:16px;
}
iframe{
overflow:scroll;
}