body,html{
	margin:0px;
	font-family:arial;
	font-size:18px;
	color:#FF6;
	font-weight:normal;
	line-height:20px;
	background-color: #2b056d;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}


#container{
	width:750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*header css starts*/
#header{
	width:950px;
	float:left;
	z-index:1;
	clear:both;
}

.topnav{
width:360px;
height:24px;
float:left;
background:url(images/topbg.png) no-repeat;
padding:4px 0 0 590px;
}
.topnav a{
float:left;
font-size:11px;
color:#003cff;
text-decoration:none;
font-weight:bold;
letter-spacing:-1px;
background:url(images/line.gif) no-repeat right;
padding:0 5px 0 5px;
}
.topnav a.no_back{
background:none;
}
.topnav a:hover{
color:#000000;
}

.toplavel{
	width:950px;
	float:left;
	background-image: url(images/2009.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.navigation{
width:876px;
height:46px;
float:left;
background:url(images/navigation.jpg) no-repeat;
padding:0 0 0 74px;
}
.navigation ul{
margin:0px;
padding:0px;
}
.navigation ul li{
list-style-type:none;
display:inline;
float:left;
background:url(images/line.gif) no-repeat right;
}
.navigation ul li a{
float:left;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
letter-spacing:-1px;
padding:7px 15px 7px 16px;
margin-left:-2px;
}
.navigation ul li a:hover{
background:url(images/ho-bg.gif) no-repeat left top;
}
.navigation ul li a.active{
float:left;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
letter-spacing:-1px;
padding:7px 16px 9px 17px;
margin-left:-2px;
background:url(images/active-bg.gif) no-repeat left top;
}
.navigation ul li.noline{
background:none;
}

.botcon{
width:735px;
float:left;
}

/*header css ends*/


/*middle css starts*/
#middle{
width:780px;
float:left;
z-index:1;
clear:both;
background:url(images/midbg.gif) repeat-y;
padding:0 123px 0 47px;
}

.leftpannel{
width:515px;
float:left;
padding-right:20px;
padding-left:21px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
.leftpannel h2{
margin:0px;
padding:5px 0;
font-size:20px;
color:#808080;
font-weight:bold;
line-height:22px;
}
.leftpannel p{
margin:0px;
padding:7px 0;
}
.leftpannel p a{
color:#003cff;
text-decoration:none;
}
.leftpannel p a:hover{
color:#000000;
text-decoration:underline;
}

.rightpannel{
width:200px;
float:left;
padding-right:22px;
}
.rightpannel p{
margin:0px;
padding:0px;
}
.rightpannel p.top{
width:200px;
float:left;
}
.rightpannel p.top span.left{
width:12px;
float:left;
}
.rightpannel p.top span.mid{
width:176px;
height:16px;
float:left;
background:url(images/mbg.gif) repeat-x;
}
.rightpannel p.top span.bmid{
width:176px;
height:16px;
float:left;
background:url(images/bmbg.gif) repeat-x;
}
.rightpannel p.top span.right{
width:12px;
float:left;
}

.sidebar{
width:170px;
float:left;
border-left:1px solid #c3c2c5;
border-right:1px solid #c3c2c5;
background:#e5e2f3;
padding:0 14px;
}
.sidebar span{
color:#949494;
}
.sidebar p{
margin:0px;
padding:10px 0;
}
.sidebar p.botbor{
margin:0px;
padding:10px 0;
border-bottom:1px dashed #000000;
}
.sidebar a{
color:#003cff;
text-decoration:none;
}
.sidebar a:hover{
color:#000000;
text-decoration:underline;
}


.botcon{
width:780px;
float:left;
}
.botcon p{
margin:0px;
padding:0px;
}
.botcon p.left{
width:12px;
float:left;
}
.botcon p.mid{
width:756px;
height:16px;
float:left;
background:url(images/fmbg.gif) repeat-x;
}
.botcon p.right{
width:12px;
float:left;
}

/*middle css ends*/


/*footer css starts*/
#footer{
	width:880px;
	float:left;
	z-index:1;
	clear:both;
	padding:12px 0 20px 70px;
	font-size:11px;
	color:#ffffff;
	position:relative;
	background-position: 35px 0;
	text-align: left;
}
#footer a{
font-size:11px;
color:#ffffff;
text-decoration:underline;
}
#footer a:hover{
font-size:11px;
color:#ffffff;
text-decoration:none;
}

.salsa_freak{
position:absolute;
right:30px;
top:-49px;
}
/*footer css ends*/
.photos_left {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}
.comment {
	font-size: 14px;
	font-weight: bold;
	color: #336;
	font-style: italic;
}
.border {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.info {
	text-align: center;
	padding: 35px;
	width: 425px;
	float:left;
}
#container #header .toplavel p img {
	float: right;
	position: absolute;
	z-index: auto;
	left: 115px;
	top: 250px;
}
#header2009 {
	background-image: url(images/header2009.png);
	background-repeat: no-repeat;
}

table {
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}

caption {
  padding: 0 0 10px;
  font: bold 120% Arial, sans-serif;
  text-transform: uppercase;
}

th {
  background:#336;
  text-align: left;
  padding: 2px 5px;
  font-weight: bold;
  color:#CCC;
border-bottom: 1px solid #666666;
}

th,td {
  border-right: 1px solid #c9c9c9;
  font: 80% Verdana, Arial, sans-serif;
}

tfoot {
  background-color: #666666;
  color: #dddddd;
  font-size: 80%;
}

table {
  border: 1px solid #666666;
}

tfoot td {
  border-bottom: 0;
  border-right: 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-top: 0px;
	margin-right: 140px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.contact {
	border: thin solid #C0C0C0;
}
.contact {
	float: left;
	width: 300px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: thin solid #C0C0C0;
	margin: 20px;
}
#splash_bkgd {
	position: absolute;
	top: 395px;
	left: 306px;
}
.splash_info {
	margin: 50px;
	padding: 50px;
}
.info {
	margin: 16px;
	padding: 2px;
	text-align: center;
}
#container #header .columnbox1 {

}
#container #header .columnbox1 .clearfloat {
	color: #FFF;
}
.text-centered {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}