html, body {
height : 100%;
}
body {
margin : 0;
padding : 0;
background : #fff;
font-family : "Tahoma", Arial, Helvetica, sans-serif;
font-size : 12px;
letter-spacing: .05em;
color : #556b2f;
}
h1 {
margin-top : 0;
margin-left : 0;
font-weight : bold;
font-size : 23px;
color : #d2691e;
padding : 5px;
background : #fff url(images/ring.jpg) no-repeat right center;
border : 1px solid black;
}
h2 {
margin-top : 0;
text-transform : lowercase;
font-weight : bold;
font-size : 14px;
color : #006400;
padding-left : 10px;
}
hr {
display : none;
}
ul {
text-align : left;
line-height : 150%;
}
ul {
list-style-type : square;
}
a {
color : #488081;
}
a:hover {
text-decoration : none;
}
#header {
float : left;
width : 180px;
height : 80px;
margin-right : 1px;
padding : 10px;
}
#header h1 {
margin : 0;
padding-top : 12px;
text-align : center;
font-size : 20px;
}
#header h2 {
margin : 0;
text-align : center;
font-size : 11px;
}
#menu {
margin : 20px auto;
width : 650px;
padding : 10px 0 10px 0;
background-color : #2e8b57;
font-size : 10px;
color : #ffffff;
border : 2px solid #fff;
}
#menu ul {
margin : 0;
padding : 0;
list-style : none;
}
#menu li {
display : inline;
text-align : left;
}
#menu a {
display : inline;
padding : 10px;
background-color : #2e8b57;
text-align : left;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
color : #ffffff;
}
#menu a:hover {
padding : 10px;
background-color : #ffefd5;
text-decoration : none;
color : #5e5945;
border : 1px solid black;
}
#content {
margin : auto;
width : 650px;
padding : 20px;
background-color : #f5f5dc;
border-left : 1px solid #5e5945;
border-right : 1px solid #5e5945;
}
#left {
float : left;
margin : 0 auto;
padding : 0;
width : 420px;
}

#left p {
padding : 10px 10px 0 15px;
text-align : justify;
line-height : 130%;
}

#left img {
float: right;
padding: 3px 15px 3px 10px;
}

#left h2 {
font-family : verdana, arial, sans-serif;
margin-top : 0;
text-transform : lowercase;
font-weight : bold;
font-size : 14px;
color : #808000;
padding-top : 10px;
}
#left h6 {
margin-bottom: 5px;
width: 70px;
height: 20px;
float: right;
padding: 0 5px 3px 20px;
color: #036;
font-size: 12px;
text-decoration: none;
text-align: right;
background: url(images/email.gif) no-repeat top left;
 
}

.left1 {
float : left;
margin : 0 auto;
width : 420px;
height: 320px;
background : #f5f5dc url(images/kelidscope.jpg) repeat-y top center;
border : 2px solid #ddd;
}

.left1a {
float : left;
margin : 0 auto;
width : 420px;
height: 220px;
background : #f5f5dc;
padding: 5px 5px 0 5px;
}

 

.left1 h3 {
width : 220px;
margin-top : 0;
margin-left : 90px;
margin-right : 90px;
text-align : center;
font-weight : bold;
font-size : 14px;
color : #808000;
border-bottom : 1px solid #000;
padding-top : 10px;
 
}

.left1 h3 span {
color : #BD0909;
}

.left1 h4 {
padding-top : 10px;
font-family : verdana, arial;
font-size : 12px;
color : #d2691e;
text-align : center;
}



#right {
float : right;
margin : 0;
padding : 10px;
width : 170px;
background : #eee8aa;
border : 1px solid #5e5945;
}
#right2 {
float : right;
margin : 5px 0 10px 0;
padding : 10px;
width : 170px;
background : #f5deb3;
border : 1px dotted #5e5945;
}
#right2 p {
text-align : left;
line-height : 130%;
}
#right2 a {
text-decoration : none;
font-weight : bold;
color : #036;
}
#right2 a:hover {
color : red;
font-weight : bold;
}
#footer {
clear : both;
}
#footer p {
margin : 0 auto;
width : 650px;
padding : 10px 0 10px 0;
background-color : #2e8b57;
font-size : 10px;
text-align : center;
color : #ffffff;
}
#footer a {
color : #afeeee;
}
.floatright {
float : right;
width : 103px;
margin : 0 0 10px 10px;
background-color : #fff;
padding : 10px;
border-top : 1px solid #999;
border-right : 2px solid #555;
border-bottom : 2px solid #555;
border-left : 1px solid #999;
}
div.floatright img {
border-top : 2px solid #555;
border-right : 1px solid #999;
border-bottom : 1px solid #999;
border-left : 2px solid #555;
}