html, body { margin: 0; padding: 0; }
body { font: 62.5% Arial, Verdana, Helvetica, sans-serif; background: #EEE url(../images/body-bg.gif) left top repeat-x; text-align: center; color: #333; padding-bottom: 2em; }
a img { border: 0; }
table { font-size: 1em; }
strong { color: #1E3778; }
#layout { width: 952px; margin: 0 auto; background: #FFF; text-align: left; }
div.hotline { width: 952px; text-align: right; margin: 1em auto; }
#header { position: relative; margin: 0; padding: 0; background: #1E3778 url(../images/header-fratic-bg.jpg) left top no-repeat; color: #FFF; height: 106px; }
#header h1, #header h2 { display: none; }
#header #tpplogo,
#header #tpp-logolink { position: absolute; top: 0; left: 0; }
#header #tpp-logolink { left: 5px; }
#header #fraticlogo,
#header #fratic-logolink { position: absolute; top: 0; right: 0; }

#header #top-nav-wrap { position: absolute; top: 85px; left: 4px; }
#header #quicksearch, #header #top-nav { float: left; }
#header #quicksearch { border: 1px solid #FFF; background: #FFF; }
#header #quicksearch form { display: inline; }
#header #quicksearch div { float: left; height: 16px; overflow: hidden; }
#header #quicksearch div.button-wrap { background: #900; }
#header #quicksearch .input-text, #header #quicksearch .input-button, #header #quicksearch select { margin: 0; padding: 0; border: none; background: #FFF; color: #1E3778; font-size: 1em; line-height: 16px; }
* html #header #quicksearch select option { margin: 0; padding: 0; }
#header #quicksearch select { width: 100px; }
#header #quicksearch .input-text { margin: 0; padding: 2px 4px; width: 105px; }
#header #quicksearch .input-button { margin: 0; padding: 0; color: #FFF; background: #900; font-weight: bold; border: none; text-align: center; overflow: hidden; }
#header #quicksearch #searchPhrase { color: #999; }
#header #quicksearch #searchPhrase.active {	color: #1E3778; }
#header #top-nav a { color: #FFF; text-decoration: none; }
#header #top-nav a:active, #header #top-nav a:hover{ color: #7FB3E2; text-decoration: none; }
#header #top-nav ul { margin: 0; padding: 0; margin-top: 2px; margin-left: 2em; list-style-type: none; font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.02em; }
#header #top-nav li { margin: 0; padding: 0; display: inline; margin-right: 2em; }
#content-wrap { margin: 0; padding: 0; border-top: 1px solid #1E3778;background: #FFF url(../images/column-bg.gif) 230px 0px repeat-y; min-height: 490px; }
* html #content-wrap { height: 490px; }
#sidebar-l { margin: 0; padding: 0; float: left; width: 230px; background: transparent url(../images/sidebar-bg.jpg) left top repeat-x; padding-top: 70px; }
#sidebar-l .item { margin: 1.7em; padding: 0; margin-bottom: 2em; }
#sidebar-l h3 { margin: 0; padding: 0; text-transform: uppercase; color: #1E3778; font-size: 1.2em; }
#sidebar-l ul { margin: 0; padding: 0; font-size: 1.1em; line-height: 1.3em; color: #1E3778; background: transparent; }
#sidebar-l a { color: #1E3778; text-decoration: none; }
#sidebar-l a:active, #sidebar-l a:hover{ color: #900; }
html>body #sidebar-l ul { list-style-type: none; padding-left: 10px; text-indent: -10px; }
html>body #sidebar-l li { margin: 0; padding: 0; }
#sidebar-l li:before { content: "\00BB \0020"; }
* html #sidebar-l ul { list-style-type: none; }
#sidebar-l .citylist { margin: 0; padding: 0; text-indent: 0; }
#sidebar-l .citylist a { color: #2D77B6; white-space: nowrap; }
#sidebar-l .citylist a:active, #sidebar-l .tagcloud a:hover{ color: #637380; }
#sidebar-l .citylist li { margin: 0; padding: 0; margin-right: 0.5em; display: inline; color: #2D77B6; }
#sidebar-l .citylist li:before { content: ""; }
#sidebar-l .tagcloud { margin: 0; padding: 0; text-indent: 0; }
#sidebar-l .tagcloud a { color: #2D77B6; white-space: nowrap; }
#sidebar-l .tagcloud a:active, #sidebar-l .tagcloud a:hover{ color: #637380; }
#sidebar-l .tagcloud li { margin: 0; padding: 0; margin-right: 0.5em; display: inline; color: #2D77B6; }
#sidebar-l .tagcloud li:before { content: ""; }
#sidebar-l .news ul { color: #333; }
#sidebar-l .news a { text-transform: uppercase; }
#sidebar-l .info-box { margin: 0; padding: 0; margin-bottom: 1em; }
#sidebar-l .info-box h1 { margin: 0; padding: 0; background: #2D77B6 url(../images/info-box-bg.gif) left top no-repeat; height: 20px; }
#sidebar-l .info-box h1 span { display: none; }
#sidebar-l .info-box p { margin: 0; padding: 1em; font-size: 11px; line-height: 14px; background: #E8F1F9; }
#sidebar-l .info-box p a { color: #1E3778; text-decoration: underline; }
#sidebar-l .info-box p a:active, #sidebar-l .info-box p a:hover { color: #900; }
#sidebar-l .info-box .footer { margin: 0; padding: 0; padding-right: 0.5em; background: #1E3778; color: #FFF; text-align: right; height: 16px; }
#sidebar-l .info-box p.footer a { margin: 0; padding: 0; font-weight: bold; font-size: 10px; color: #FFF; text-transform: uppercase; text-decoration: none; line-height: 16px; }
#sidebar-l .socialweb { margin-top: -1em;}
#sidebar-l .socialweb h3 {display: none;}
#sidebar-l .socialweb .icons li {display: inline ;margin: 0; padding: 0;}
#sidebar-l .socialweb .icons li:before { content: ""; }
#main { margin: 0; padding: 0; float: left; width: 721px; }
#main .content-wrap { margin: 0; padding: 2em; padding-right: 0; padding-top: 33px; padding-bottom: 3em; }
#main h1 { margin: 0; padding: 0; color: #1E3778; text-transform: uppercase; font-size: 1.4em; line-height: 1.1em; padding-bottom: 0.856em; border-bottom: 1px solid #EEE; margin-bottom: 1.2em; }
#main .content { font-size: 1.2em; padding-right: 4em; }
#main .content h2 { font-size: 1.2em; color: #1E3778; }
#main .content h3 { font-size: 1.1em; color: #666; }
#main a { color: #1E3778; }
#main a:active, #main a:hover { color: #900; }
#main .content-navigation, #main .content-item { margin-bottom: 3em; }
#main .content-navigation h2 { display: none; }
#main .content-navigation ul { margin: 0; padding: 0; list-style-type: none; font-weight: bold; margin-top: 1em; }
#main .content-navigation li { margin: 0; padding: 0; line-height: 1.3em; }
#main .content-navigation a { text-decoration: none; color: #1E3778; }
#main .content-navigation a:active, #main .content-navigation a:hover { color: #900; }
#main .content-item h3 { color: #1E3778; }
#main .content-item h3 a { color: #1E3778; text-decoration: none; }
#main .content-item li { line-height: 1.3em; }
#main .content-item a { text-decoration: none; color: #1E3778; }
#main .content-item a:active, #main .content-item a:hover { color: #900; }
#main .content-item img { float: right; margin-left: 1em; }
#main .top-link { clear: both; text-align: right; color: #666; border-top: 1px solid #EEE; margin-top: 1em; padding-top: 1em; }
#main .top-link a { color: #666; text-decoration: none; }
#main .news-pager { margin-bottom: 1em; color: #999; text-align: right; }
#main .bottom { border-top: 1px solid #EEE; padding-top: 1em; }
#main .news-pager a { color: #1E3778; text-decoration: none; }
#main .news-pager a:active, #main .news-pager a:hover { color: #900; }
#main .error-wrap { padding: 0.5em 0; font-weight: bold; color: #900; }
#main fieldset { border: 1px solid #B7CCE0; padding-left: 0.5em; width: 478px; }
#main legend { color: #B7CCE0; }
#main .input-text { margin: 0; padding: 0; border: 1px solid #1E3778; font-size: 1.1em; color: #1E3778; background: #F2F6F9; }
#main .input-button { margin: 0; padding: 0; border: 1px solid #1E3778; background: #900; color: #FFF; font-weight: normal; font-size: 1em; }
#nl-email { width: 350px; }
#main #center-wrap { width: 478px; }
#main #center-wrap fieldset { width: auto; }
#main #center-wrap .submit-row { margin-top: 3em; clear: both; font-size: 1em; color: #333; position: relative; width: 100%; }
#main .submit-row p { margin: 1em 0; }
#main .submit-row a { color: #1E3778; }
#main .submit-row a:active, #main .submit-row a:hover { color: #B7CCE0; }
#main .submit-wrap { position: absolute; bottom: 0; right: 0; }
#main fieldset .data-row { margin: 0; padding: 0; margin-bottom: 0.5em; }
#main fieldset label, #main #center-wrap span { display: block; width: 30%; float: left; clear: left; color: #1E3778; }
#main fieldset label.inline, #main .data-table label { display: inline; float: none; clear: none; }
#main fieldset textarea.input-text { font-family: Arial, sans-serif; }
#main .data-table { margin: 0; padding: 0; width: 100%; border: 1px solid #B7CCE0; margin-bottom: 1em; border-collapse: collapse; }
#main .data-table td, th { margin: 0; padding: 2px 3px; border-bottom: 1px solid #B7CCE0; }
#main .data-table th { background: #B7CCE0; color: #1E3778; }
#main .data-table tr.even td { background: #F2F6F9; }
#main .highlights h1 { margin: 0; padding: 0; color: #1E3778; text-transform: uppercase; font-size: 1.4em; line-height: 1.1em; padding-bottom: 0.856em; border-bottom: none; margin-bottom: 0; }
#main .hl_item { float: left; margin: 0; padding: 0; width: 230px; padding-right:0; border-top: 1px solid #EEE; padding-top: 1.7em; margin-bottom: 1em; }
#main .hl-wrap { background: #FFF url(../images/hl-img-bg.gif) 0 17px repeat-y; }
#main .hl_item img { margin: 0; padding: 0; float: left; }
#main .hl_container h1, #main .hl_container p { margin: 0 15px 0 95px; padding: 0; font-size: 10px; }
#main .hl_container h1 { color: #1E3778; text-transform: uppercase; border: 0; }
#main .hl_container h1 a { color: #1E3778; text-decoration: none; }
#main .hl_container h1 a:active, #main .hl_container h1 a:hover { color: #900; }
#main .hl_container p, #main .hl_container a { color: #333; }
#main .hl_container a { text-decoration: none; }
#main .hl_container a:active, #main .hl_container a:hover { color: #1E3778; }
#main .hl_container a .info { color: #900; font-weight: bold; font-size: 1.1em; }
#main .info-box { float: left; margin: 0; padding: 0; width: 230px; padding-right:0; border-top: 1px solid #EEE; padding-top: 1.7em; margin-bottom: 1em; }
#main .info-box h1 { margin: 0; padding: 0; background: #2D77B6 url(../images/info-box-bg.gif) left top no-repeat; height: 20px; }
#main .info-box h1 span { display: none; }
#main .info-box p { margin: 0; padding: 1em; font-size: 11px; line-height: 14px; background: #E8F1F9; }
#main .info-box p a { color: #1E3778; text-decoration: underline; }
#main .info-box p a:active, #main .info-box p a:hover { color: #900; }
#main .info-box .footer { margin: 0; padding: 0; padding-right: 0.5em; background: #1E3778; color: #FFF; text-align: right; height: 16px; }
#main .info-box p.footer a { margin: 0; padding: 0; font-weight: bold; font-size: 10px; color: #FFF; text-transform: uppercase; text-decoration: none; line-height: 16px; }
#main .event-wrap { margin: 0; padding: 0; padding-bottom: 1em; border-bottom: 8px solid #B7CCE0; margin-bottom: 1em; }
#main .event-list { margin-bottom: 2em; }
#main .event-list table { width: 653px; margin-bottom: 0; border: 1px solid #B7CCE0; border-bottom-width: 8px; font-size: 1em; color: #999; }
#main .event-list .data-table th { color: #FFF; background: #1E3778; font-weight: normal; border: 1px solid #1E3778; border-bottom: 1px solid #B7CCE0; text-align: center; }
#main .event-list .data-table td { border: 1px solid #B7CCE0; border-top: none; border-bottom: none; margin: 0; padding: 5px 3px; vertical-align: top; }
#main .event-list .data-table tr.even td { background: #DCE6F0; }
#main .event-list .data-table tr.odd td { background: #F2F6F9; }
#main .event-list .data-table a { text-decoration: none; }
#main .event-list .data-table a:hover, #main .event-list .data-table a:active { text-decoration: none; }
#main .help_status_icon { font-size: 0.9em; margin-bottom: 1em; color: #666; }
#main .col-l, #main .col-r { margin: 0; padding: 0; float: left; }
#main .col-l { margin: 0; padding: 0; width: 433px; margin-right: 10px; }
#main .col-l h2 { margin-top: 0; text-transform: uppercase; }
#main .col-r { margin: 0; padding: 0; width: 210px; }
#main .col-r .image-box { margin: 0; padding: 0; text-align: center; background: #FFF; border: 1px solid #1E3778; background: #E8F1F9; margin-bottom: 1em; }
#main .col-r .info-box { margin: 0; padding: 0; width: 210px; background: #E8F1F9; border-bottom: 8px solid #1E3778; }
#main .col-r .info-box h1 { margin: 0; padding: 0; }
#main .col-r .info-box h1 span { display: none; }
#main .col-r .info-box ul { margin: 0; padding: 1em; list-style-type: none; }
#main .eventlist-pager { margin: 0; padding: 0; }
#main .eventlist-pager a { padding-left: 0.25em; }
#main .eventlist-pager .active, #main .eventlist-pager .cat, #main .event-list .data-table th .active { font-weight: bold; text-decoration: none; }
#main .eventlist-pager .pager-details {	padding: 0.5em; background: #B7CCE0;}
#main .eventlist-pager .pager-abc {font-size: 1.5em;text-align: justify;background: #F2F6F9;}
#main .eventlist-pager .pager-pages { margin-bottom: 0.5em;}
#main .eventlist-pager .pager-pages a { text-decoration: none;}
#main .eventlist-pager .pager-abc a { text-decoration: none; color: #B7CCE0;}
#main .eventlist-pager .pager-abc a:active,
#main .eventlist-pager .pager-abc a:hover { color: #1E3778;}
#main .eventlist-pager .pager-abc .active { background: #B7CCE0;color: #1E3778;padding: 0.5em;}
#main .eventlist-pager .pager-result { font-size: 0.866em;}
#main .event-list .data-table th a { display: inline; color: #FFF; text-decoration: underline; }
#footer { margin: 0; padding: 0.5em 1em; color: #FFF; background: #1E3778; }
#lang-nav, #meta-nav { float: left; margin-right: 1em; }
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#lang-nav ul { margin: 0; padding: 0; list-style-type: none; }
#footer li { margin: 0; padding: 0; display: inline; }
#lang-nav li { margin: 0; padding: 0; display: inline; }
#lang-nav li { margin-right: 1em; }
#lang-nav { padding-top: 3px;}
#meta-nav li { margin: 0; padding: 0; display: inline; padding-right: 0.5em; border-right: 1px solid #FFF; margin-right: 0.5em; }
#meta-nav li.last-item { border: none; }
#meta-nav a { color: #FFF; text-decoration: none; }
#meta-nav a:active, #meta-nav a:hover { color: #7FB3E2; }
.clearfloat, .clear-all { clear:both; height:0; font-size: 1px; line-height: 0px; overflow: hidden; }
#main .itunes-box {
margin: 0; padding: 0;
border-top: 8px solid #B7CCE0;
padding: 12px 6px;
margin-top: 1em;
color: #1E3778;
display: none;
}
#main .itunes-box a img {
	border: 0;
}
#main .info-conditions {
	font-size: 0.9em; color: #666;padding-left: 2em; text-indent: -1.3em;border-bottom:8px solid #B7CCE0;
}
.banner-box {
float: left;
width: 234px;
margin-right: 10px;
}
.important {
	font-size: 120%;
	font-weight: bold;
	color: #900;
}
/* ------------------------------------------- */
/* Terms and Conditions
/* ------------------------------------------- */
ol.roman {
	list-style-type:upper-roman;
}
h2.cursor {
	cursor:pointer;
}
h2.active {
	color: #666 !important;
}
div.content-item {
	width: 613px;
}
div.content-item p {
	margin: 0;
}
p#show-all {
	color: #1E3778;
	text-align: right;
	cursor: pointer;
}
/* ------------------------------------------- */