@charset "UTF-8";
/* CSS Document */

* {
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
background-color: #00a6d4;
background-image: url(images/bkg.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#container{
margin: 0px;
padding: 0px;
margin-top: 205px;
width: 851px;
}

#menu{
width: 851px;
height: 30px;
background-image: url(images/buttons.png);
background-repeat: no-repeat;
float: center;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

#left{
width: 544px;
margin: 40px 0px 0px 0px;
background-color: #FFF;
padding: 15px;
float: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
color: #000;
line-height: 21px;
}

#rttop{
width: 270px;
padding: 0px 0px 0px 0px;
min-height: 125px;
margin: -15px 0px 0px 0px;
background-image: url(images/rttop.png);
background-repeat: no-repeat;
background-position: center;
float: right;
}

#right{
width: 270px;
padding: 10px 0px 10px 0px;
min-height: 395px;
margin: 0px 0px 0px 0px;
background-image: url(images/rtbkg.jpg);
background-repeat: no-repeat;
background-color: #aee3f1;
float: right;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #000;
line-height:21px;
}

#thumbnail{
display: inline;
}

#footer{
float: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 30px 0px 0px 0px;
}

/*font types*/

.title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 22px;
color: #00a6d4;
font-weight:bold;
line-height: 26px;
}

.mediumbold {
color: #00a6d4;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: normal;
}

/*links*/

li{
display: inline;
line-height: 30px;
color: #4a565b;
padding: 0px 24px 0px 16px;
border-right: thin;
border-right-style: groove;
}

#menu a{color: #4a565b;
text-decoration: none;}

#menu a:hover{color: #4a565b;
border-bottom: #00a6d3;
border-bottom-style: dotted;}

#menu a:active{color: #4a565b;
text-decoration: none;}

#menu a:visited{color: #4a565b;
text-decoration: none;}

#left a{color: #00a6d4; font-weight:bold;
text-decoration: underline;}

#left a:hover{color: #00a6d4;
text-decoration: underline;}

#left a:active{color: #00a6d4;
text-decoration: underline;}

#left a:visited{color: #00a6d4; font-weight:bold;
text-decoration: underline;}

/*special*/

img{
border:none;
padding: 0px 9px 9px 9px;
}

#mytable {
width: 500px;
}