/* General StyleSheet */
/* style1.css */

/*
Global settings
*/
body {
       color:#000022;
       font-family: Verdana, Helvetica, sans-serif;
       background: #e0edc5;
       margin: 5px;
       padding-top: 5px;
       padding-right: 10px;
       padding-left: 10px;
}

h1{
   margin-left: 10px;
   margin-right: 10px;
   border: 1px solid #009f3c;
}

h2{
   margin-left: 10px;
   margin-right: 10px;
   border: 1px solid #009f3c;
}

h3{
   margin-left: 10px;
   margin-right: 10px;
   border: 1px solid #009f3c;
}

p {
   margin-left: 10px;
   margin-right: 10px;
}

ul {
   margin-left: 5px;
   margin-right: 5px;
   border: 0px solid #009f3c;
}

img {
   border: 0px;
}

/*
link behaviour
*/
a:link {
         color:#009f3c; text-decoration:none; border: 0px;
}
a:visited {
         color:#009f3c; text-decoration:none; border: 0px;
}
a:hover {
         color:#3c0005; text-decoration:none
}

/*
Settings to apply within different divs
*/

/*
General container
*/
div#container {
	width:815px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #009f3c;
}

/*
The heading
*/
div#header {
	    width:800px;
	    height: 80px;
	    color: #000000;
	    font-size: 0.90em;
            margin-top: 0px;
	    margin-left: 0px;
	    margin-bottom: 3px;
	    margin-right: 0px;
            border: 0px solid #009f3c;
}

/*
The top navigation bar
*/
div#top-navbar {
	    width:800px;
            margin-top: 10px;
	    margin-left: 0px;
	    margin-bottom: 0px;
	    margin-right: 0px;
	    text-align: right;
	    font-size: 0.90em;
	    font-weight: bold;
            border-bottom: 0px solid #009f3c;
	    padding-top: 2px;
	    padding-bottom: 3px;
}

/*
The main contents section
*/
div#content {
	     width: 805px;
	     background: #ffff99;
             margin: 0px;
	     border: 1px solid #cccc99;
}

/*
The left bar/block
*/
div#left-block {
	     width:140px;
             font-style: italic;
             margin: 0px;
             border: 0px solid #009f3c;
	     float: left;
}

/*
The center column
*/
div#center-column {
	     width:500px;
             margin: 0px;
	     color: #663333;
	     text-align: left;
	     font-size: 0.85em;
             border: 0px solid #009f3c;
	     float: right;
}

/*
The 'Shop front'
*/
div#front {
	     width:480px;
	     border: 0px solid #cccc99;
	     margin-top: 30px;
}

/*
The table of clans
*/
div#clans {
	     position: bottom;
	     margin-left: 50px;
	     width: 355px;
	     height: 29px;
	     overflow: auto;
	     text-align: center;
	     border-top: 2px solid #7a7700;
	     border-right: 2px solid #bdba00;
	     border-bottom: 2px solid #d2ce00;
	     border-left: 2px solid #bdba00;
}

/*
The right bar/block
*/
div#right-block {
	     height: 350px;
	     overflow: auto;
	     width:160px;
             font-style: italic;
             margin: 0px;
             border: 0px solid #009f3c;
	     float: right;
}


/*
The bottom navigation bar
*/
div#bottom-navbar {
	   width:800px;
           margin: 0px;
           border-top: 0px solid #009f3c;
	   font-size: 0.95em;
	   font-weight: bold;
	   padding-top: 3px;
	   padding-bottom: 2px;
}

/*
#bottom-navbar a {display:block}
*/

/*
The copyright and contact bar
*/
div#copyright {
	  width:800px;
	  color: #666633;
	  text-align: right;
   	  font-size: 0.85em;
          margin: 0px;
          border: 0px solid #009f3c;
}

div#heading {
	 text-align: center;
	 font-weight: bold;
	 font-size: 1.3em;
}

/*
Settings for different classes
*/
.banner {
	color: #666633;
	font-size: 0.90em;
	font-weight: bold;
}

.content {
	  color: #663333;
	  font-size: 0.85em;
}

.features {
	color: #003b12;
	font-size: 0.65em;
	padding: 25px;
}

.dark {
	  height: 50px;
	  background: #d2ce00;
	  padding: 10px;
}

.light {
	  height: 50px;
	  background: #ffffcc;
	  padding: 10px;
}

.sidesection {
	  background: #ffffcc;
	  color: #666633;
	  text-align: justify;
	  font-size: 0.65em;
	  font-weight: 100;
	  border: 1px solid #cccc99;
	  padding: 10px;
}

.case {
	height:200px;
	width:465px;
	font-size: 0.95em;
	border: 1px solid #cccc99;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 30px;
}

.lefttab {
	height:190px;
	float: left;
	text-align: center;
	width:150px;
	border-right: 1px solid #cccc99;
	padding: 5px;
}

.righttab {
	float: right;
	width: 290px;
	border: 0px solid #cccc99;
	padding: 5px;
}

.kika {
	width: 90px;
	float:left;
	text-align: right;
	padding: 15px;
	border: 0px solid #ffffff;
}

.clan {
	width: 120px;
	float:left;
	text-align: left;
	padding: 15px;
	border-left: 0px solid #000000;
}