/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {margin: 0; padding: 0;}

body {margin: 20px 0; background: #e1ddd9; font: normal 13px  Helvetica, Arial, Sans-Serif; color: #8C8C8C;}

a {color: #8C8C8C; text-decoration: none; line-height:180%; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px;  cursor:pointer}
a:visited {color:#8C8C8C;}
a:hover {color: #00a6eb;}

.right a {color: #8C8C8C; text-decoration: none; line-height:180%; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; text-align: center;}
.right a:visited {color:#8C8C8C;}
.right a:hover {color: #00a6eb;}


.a {color: #00a6eb; text-decoration: none; line-height:180%; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-weight: bold;}
.a2 {color: #8C8C8C; text-decoration: none; line-height:180%; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px;}

.link2 a:link {color: #8C8C8C; font-weight: bold; line-height:160%; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px;}
.link2 a:visited {color:#8C8C8C; font-weight: bold; line-height:160%; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px;}
.link2 a:hover {color: #00a6eb; font-weight: bold; line-height:160%; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px;}
.unlink2 {color: #00a6eb; font-weight: bold; line-height:160%; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px;}

.link3 a:link {color: #8C8C8C; line-height:130%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px;}
.link3 a:visited {color:#8C8C8C; line-height:130%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px;}
.link3 a:hover {color: #00a6eb; line-height:130%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px;}
.unlink3 {color: #00a6eb; line-height:130%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px; font-weight: bold;}

.unlink3b {color: #00a6eb; line-height:130%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px;}


.body_blue {color: #00a6eb; line-height:180%; font-family: Helvetica, Arial, Sans-Serif; font-size: 9px;}




#header { width: 600px; height: 120px; margin: 0 auto; background: #ffffff; vertical-align: middle}
#menu {float: left; width: 420px; height: 25px; background: #ffffff;  padding: 92px 0px 0px 0px;}

#logo {float: left;  width: 140px; height: 39px; background: #ffffff; padding: 78px 20px 0px 0px;} 


#logo2 {float: left; width: 140px; height: 28px; background: #ffffff; padding: 89px 0px 0px 20px;}

#menu p {color: #8C8C8C; text-decoration: none; line-height:180%; font-family: Caecilia, Helvetica, Arial, Sans-Serif; font-size: 11px;}

#page {	width: 600px; margin: 0 auto; background: #ffffff; vertical-align: middle}
#page p {color: #8C8C8C; text-decoration: none; line-height:180%; font-family: Caecilia, Helvetica, Arial, Sans-Serif; font-size: 11px;}
#sidebar {float: left;	width: 140px; height: 83px; padding: 28px 0px 0px 20px; background: #ffffff;}
#content { float: left; width: 420px; height: 83px; padding: 28px 0px 0px 0px;}
#content2 { float: left; height: 340px;  width: 418px; padding: 25px 0px 0px 0px;}
#content2d { float: left; height: 340px; width: 418px; padding: 25px 0px 0px 0px;}
#launcher {width: 415px; height:20px; padding: 10px 0px 0px 0px;}


#content2c1 { float: left;  padding: 0px 0px 15px 0px; width:200px; height:140px}
#content2b1 { float: right;  padding: 0px 0px 15px 0px; width:200px; height:140px}
#content2c { float: left;  padding: 0px 0px 0px 0px; width:200px; height:140px}
#content2b { float: right;  padding: 0px 0px 0px 0px; width:200px; height:140px}


#sidebar2 {float: left;	width: 140px; height: 100%; padding: 20px 0px 0px 20px; background: #ffffff;}

#welcome { margin-bottom: 0px 0px 0px 0px; height: 297px}
#welcome4 { margin-bottom: 0px 0px 0px 0px; height: 228px}
#welcome5 { margin-bottom: 0px 0px 0px 0px; height: 215px}

.boxed2 .title { font: normal 182% "Trebuchet MS", Arial, Helvetica, sans-serif;}
.boxed2 .content {repeat-x left bottom; padding: 0px;}


#footer {width: 440px; padding: 10px 0px 8px 160px; background: #ffffff; vertical-align: middle }



#logo h1 { padding-top: 80px; font: bold 36px Georgia, "Times New Roman", Times, serif;}

#logo h2 { font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

#logo a { text-decoration: none; color: #FFFFFF; }



.bl { background:url(images/horiz_bar.gif) 0 100% no-repeat; width:600px; height:1px;}

.bl2 { background:url(images/horiz_bar2.gif) 0 100% no-repeat; width:600px; height:1px;}

.bl3 { background:url(images/horiz_bar3.gif) 0 100% no-repeat; width:600px; height:1px;}





/* original cyan #00a6eb */

.thumbnail img{
border: 1px solid #8C8C8C;}


.thumbnail:hover{
background-color: 1px solid;}

.thumbnail:hover img{
border: 1px solid #00a6eb;}



.thumbnail2 img{
border: 0px}


.thumbnail2:hover{
background-color: 0px}

.thumbnail2:hover img{
border: 0px}


cyan #00a6eb
dark grey #8C8C8C
light grey #e1ddd9


  
  #topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(trbanner.gif) no-repeat;
text-decoration: none;}



span#joomla {
position: absolute;
right: 0px;
top: 0px;
z-index: 99;
width: 125px;
height: 125px;
background: url(trbanner.gif) 0 0 no-repeat !important;
background: transparent;
}