* { margin:0; padding:0;}
body { background:#fff; font-family:Verdana; font-size:100%; line-height:1.25em; color:#1e1e1e;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a:hover{text-decoration:none;}
a {color:#a4a4a4;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

p { margin:0; padding:0;}


.form { height:26px;}
.form input {width:273px; height:18px; background:#fff; border:1px solid #b4b4b4; color:#8c8c8c; font-size:0.92em; font-family:Tahoma;}
textarea { width:286px; height:96px; background:#fff; overflow:auto; border:1px solid #b4b4b4; font-family:Tahoma; color:#8c8c8c; font-size:0.92em; }

.input1 { width:137px; height:14px; border:1px solid #808080; font-size:1em; color:#b5b5b5;}

ol { padding:0px;}
ol li { color:#20b4f1; font-weight:bold; margin-left:23px; list-style-type:decimal-leading-zero;}
ol li a { color:#20b4f1; line-height:2.5em;}
ol li a span { font-weight:normal;}

ul { list-style:none;}

.title { margin:0 0 43px 0;}

.img_indent { margin:15px 20px 0 500px}



/*txt, links*/
h3 { font-size:1.2em; color:#111; margin:2px 0 8px 0; font-family:Tahoma;}
h4 { font-size:1.1em; margin-bottom:17px;}
h4 a { color:#20b4f1; font-weight:normal;}
h2 { color: #20b4f1;font-stretch:condensed;}


.txt1 { color:#008baf;font-size:.6em;font-weight:bold;}

.link1 { color:#a2a2a2;}
.link2 { background:url(images/marker2.gif) no-repeat 0 6px; padding-left:10px; margin-left:15px;color:#666;}
.link3 { background:url(images/marker.gif) no-repeat 0 2px; padding-left:10px; text-decoration:none;}
.link3:hover { text-decoration:underline;}
.link4 { padding-left:5px; text-decoration:none; font-weight:bold; color:#7d7d7d; text-transform:uppercase; font-size:0.92em;}
.link6 { padding-left:5px; text-decoration:none; font-weight:bold; color:#000; text-transform:uppercase; font-size:1.6em;}

.link5 a { padding-right:10px; color:#008baf;}
.link5 { padding-right:10px; color:#18b0cf;}
.link7:hover {background:url(images/tix2.gif)no-repeat 0 2px;text-decoration:none;
.link8 a { padding-right:10px; color:#fff;}
.link8 { padding-right:10px; color:#fff;}

}

.line_hor { padding-bottom:12px; margin-bottom:22px;}
.line_hor2 { image:url(images/line5.gif) left bottom repeat-x; padding-bottom:29px; margin-bottom:27px;}


/*header*/
#header .row_1 { height:145px;}
#header .row_1 .fleft img { margin:5 0 0 0;}
#header .row_1 .fright .indent { padding:66px 30px 0 0;}
#header .row_2 { height:82px; background:url(images/top_banner.gif) left top repeat-x;}
#header .row_2 .left { height:82px;background:url(images/top_banner-left.gif) no-repeat left top;}
#header .row_2 .indent { padding:30px 0 22px 37px;}

/*left_side*/
#left_side { font-size:0.69em; color:#a2a2a2; line-height:1.45em;}

#content { font-size:0.75em; width:600px}

/*footer*/
#footer { font-size:0.75em; }
#footer .fleft .indent { padding:36px 0 0 0px;}
#footer .fright .indent { padding:31px 53px 0 0;}



/*================== layout ==================*/
#page1 #left_side .indent { padding:227px 90px 0 4px;}
#page1 #left_side .indent1 { padding:5 50% 0 28px 0;}
#page1 #left_side .indent1 .title { margin-bottom:31px;}
#page1 #content .row_1 .indent { padding:0 0 0 5px;}
#page1 #content .row_1 .col_1 .indent { padding:0 11px 0 0;}
#page1 #content .row_1 .col_1 .indent1 { padding:23px 0 0 14px;}
#page1 #content .row_1 .col_1 p { margin-bottom:14px;}
#page1 #content .row_1 .col_1 .indent2 { padding:48px 0 0 12px;}
#page1 #content .row_1 .col_1 .indent2 .title { margin-bottom:25px;}
#page1 #content .row_1 .col_2 .indent { padding:0 15px 0 0;}
#page1 #content .row_1 .col_2 .line_hor1 { margin-bottom:35px;}
#page1 #content .row_1 .col_2 .indent1 { padding-left:15px;}
#page1 #content .row_1 .col_2 .indent1 img { margin-bottom:5px;}
#page1 #content .row_1 .col_2 .indent2 { padding:100px 0 0 40px;}
#page1 #content .row_2 .indent { padding:48px 0 0 0px;}


/*==================list====================*/
.block { background:#f3f3f3; width:100%;}
.block .ind { padding:20px 20px 5px 24px;}

.block1 { background:url(images/line_edge.png) right top repeat-y; width:250px;}
.block1 .ind { padding:150px 0 8px 0px;}


/*================== NAVIGATION ====================*/
.navlist ul{margin-left: 0;padding-left: 0;white-space: nowrap;}
.navlist li{display: inline;list-style-type: none;}
.navlist a { padding: 3px 10px; }
.navlist a:link, .navlist a:visited{color: #008baf;font-size:.6em;font-weight:bold;text-decoration: none;}
.navlist a:hover{color:#ec3c12;text-decoration: none;
}

#tickets
{
  display: block;
  width: 134px;
  height: 92px;
  background: url("images/tix2.gif") no-repeat 0 0;

}

#tickets:hover
{ 
  background-position: 0 -92px;
}

#tickets span
{
  display: none;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}