/* CSS Document */


/*default styles*/
body { font-family:Arial, Helvetica, sans-serif; background-color:#383838; margin: 0; padding:0; padding-bottom:10px }
#wrapper {width:771px; background:#FFF; text-align:left; margin:0 auto; padding:0;}
.clear {clear:both; font-size:0;}
img { border:0; margin:0; padding:0;}
a {color: #505050;}
.float-left {float:left}
.float-right {float:right}
hr { margin:0; padding:0;}

/*color of the news dates*/
.news-dates {color: #23B4DD}

/*text color classes*/
.white {color: #FFF}
.blue {color: #3FBBE0}

/*hr properties*/
.horizontalblock {width: 97%; color: #C0C0C0}

/*input text box properties in login*/

input.text {border: 1px solid #ccc; padding-left: 2px; font-size: 8pt;color: #808080;}
input.go {background-color: #066CB7; border-color: white; font-size: 8px; color:white; padding-top:1px}
#contact form {margin-bottom: 3px}
#contact p {margin-top: 0; font-size: 10px; color: #707070}

/*header*/

#header { height:121px; text-align:left;}
#header #logo {width:314px;}
#header #contact {float: right; width:160px; height: 36px; padding: 40px 0 0 98px; background:url(../images/itf1-contact-new.gif) no-repeat;}


/*nav*/

#nav {background: url(../images/itf1-nav-bg.jpg) no-repeat; height:114px; text-align: left; margin: 0 5px; padding: 0;}

#nav ul { margin:0; padding:17px 10px 0 20px;}
#nav li { display:block; float: left; padding: 30px 10px 0 10px; height: 50px; font-size:13px; color:#FFF; border-right: 1px solid #129DD7; }
#nav a:link, #nav a:visited, #nav a:active {color: #FFF; text-decoration:none}
#nav a:hover {color: #003155; text-decoration: none}

/*banner*/

#topcontent {min-height: 1px; margin-bottom: 5px; background:url(../images/welcome-text-bg.gif) repeat-y right}
* html #topcontent {height: 1px;}
#topcontent:after {content: "."; visibility: hidden; height: 0; display: block; clear: both;}

#image {float: right;}
#welcome-box {float: left; min-height: 235px; background:#6BE422 url('../images/itf1-welcome-bg.gif') repeat-x; width:468px; color: #006600; margin: 0 0 0 5px; padding: 10px 10px 20px 10px;}
* html #welcome-box {height: 235px;}
#welcome-box h1 {margin-top: 0; color: #FFF; font-size: 1.4em;}
#welcome-box p, #welcome-box ul {margin-top: 7px; font-size:0.7em; color:#FFF;} 
#welcome-box ul {color:#fff;}
#welcome-box a {color:#fff; text-decoration:none;}
#welcome-box a:hover {text-decoration:underline}

/*content*/

#textcontent {margin: 20px 10px 50px 10px; font-size:0.7em; text-align: left; color:#676767; clear:both;}

#textcontent hr { border:1px solid #fff; border-top: 1px dashed #DDD; color:#fff; background-color:#fff;}
#textcontent hr.solid-line { border:none; color:#D2D2D2; background-color:#D2D2D2; height:6px;}

#textcontent p { margin-left:10px; margin-right:10px;}
#textcontent ul {list-style-image: url(/media/images/itf1-bullet.gif);}
#textcontent ul li {margin: 4px 0;}
#textcontent h2 {font-size: 150%; padding-top: 15px; margin-left:10px; margin-right:10px;}

#content {margin: 10px 7px 15px 15px; text-align: left; font-size: 80%;}
#content h2 {color: #606060; font-size: 1.5em; padding-left: 15px; margin-bottom: 0; margin-left:10px; margin-right:10px;}
#content p {padding-left: 10px; margin-top: 8px}
#content a {color: #066CB7; font-weight: bold}

#index-content {min-height: 1px; margin: 10px 7px 0 0; padding-bottom: 10px; text-align: left; color: #606060;}
#index-content:after {content: "."; visibility: hidden; height: 0; display: block; clear: both;}
* html #index-content {height: 1px;}

#index-content div {float: left;}
#index-content #section-01-image {width: 41px;}
#index-content #section-01-content {width: 180px}
#index-content #section-02-image {width: 69px; border-left:1px solid #EFEFEF;}
#index-content #section-02-content {width: 200px}
#index-content #section-03-image {width: 69px}
#index-content #section-03-content {width: 178px}

#index-content h3 {font-size: 130%; color: #037DC1; padding-top: 27px; margin-bottom: 0; padding-left:10px;}
#index-content a {color: #037DC1; text-decoration:none}
#index-content a:hover { text-decoration:underline;} 

#index-content p {margin-top: 5px; padding-right: 10px; padding-left:0;}

.homepage p {padding-top:5px; margin-top:0;}

#textcontent .rightbox { float:right; background:url(../images/boxgrad.jpg) no-repeat #EBEBEB; width:271px; border-bottom:8px solid #ccc; margin:15px 0 10px 20px; padding-bottom:20px; clear:right}
#textcontent .rightbox h2 {  color:#41B0DB; font-size:1.2em}

/*contact form*/

#textcontent form { margin-left:15px; width:504px;}
#textcontent label { width:110px; display:block; float:left; padding-top:15px; clear:both; margin-right:10px;}
#textcontent input, #textcontent select,  #textcontent textarea{ margin-top:10px; width:340px; font-size:0.8em; color:#696969;}
#textcontent textarea { height:150px; font-size:1em;}
#textcontent select { width:206px;}
#textcontent input.submit { clear:both; width:70px;}


/*news*/

/*color: #037DC1;*/

#bottomwrap {padding-top: 30px; min-height: 1px;}
* html #bottomwrap {height: 1px;}
#bottomwrap:after {content: "."; display: block; height: 0; visibility: hidden; clear: both}
#news {font-size: 80%; color: #606060; float: left; text-align: left; padding-bottom: 30px;}
#news h2 {margin: 0}
#news #extracts {width: 215px; margin: 0 0 0 10px;}
#news #extracts p {margin-top: 15px;}
#tickets {font-size: 80%; margin: 0 0 0 245px; color: #606060; padding-bottom: 30px}
#tickets p {margin-top: 8px}
#tickets h2 {margin: 0;}



/*footer*/

#footer {background: #383838; padding-top: 2px; text-align: left; margin:0; clear:both;}
#footer p {line-height: 1.5em; font-size: 70%; padding:0; margin:0;}
#footer a {text-decoration:underline; color: white}