@import url(navigation.css);

/* common */
body, html{ padding:0px; margin:0px;}
body { font-family: sans-serif; font-size:11px; color:#686868; background: #ffffff url('../images/mainBackground.gif') no-repeat center top; }
input, select, textarea{ color:#B59E7B; font-family:Arial, Verdana, sans-serif; font-size:10px; background: #FFF; border: 0px;}
form { display:inline; padding:0; margin:0; }
a {text-decoration: none; color: #2FAFC8; }
a img{ border:0px none; }
h4 { font-size:13px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }

/**/
.b {border: 1px solid red;}

/**/
.topmsg{}
.innermsg{ clear: both; width: 348px; margin: 1px 0 0 0; }
.error { width: 263px; color:#FF0000; background: none; overflow: visible; height: auto; padding: 0 0 3px 1px; }
.success { color:#006633}
/**/
.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}
.hauto{height:auto;}
/**/
.pointer, .cursor{ cursor: pointer; }
.blackTxt {color: #000000; font-size: 10px; margin: 0;}
/**/

/**/
.spacer { clear: both; margin: 10px 0 0 0; }
/**/

.pagination { float: left; padding: 5px; margin:10px 0 0 0; width:575px; background-color:#c9c9c9; }
.pagination b, .pagination span { font-weight: bold; margin:0 5px 0 0; padding:0 4px; background: #fff; color: #c9c9c9; }
.pagination a { font-weight: bold; margin:0 5px 0 0; padding:0 4px; background: #fff; color: #767676; }
.pagination a.left { margin:0 20px 0 0; }
.pagination a.right { margin:0 5px 0 20px; }

/* overlay */
#messageOverlay{ background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
        position:absolute; z-index:90; top:0; left:0; width:100%; text-align:center; height:500px; }
#messageContainer{position:absolute; z-index:100; top:150px; left:0; width:100%; text-align:center;}
/* end overlay */

.usererror{float:left; height:19px; color:#fe0000; text-transform:uppercase; font-weight:bold; font-size:10px; position:absolute; z-index:1000;}
.usererror .arrow{background:url('/images/arr_error.gif'); height:19px; width:10px; float:left;}
.usererror .label{height:17px; line-height:17px; padding:0 6px; float:left; border:1px solid #c41117; background:#fff;}

.uerror { position: absolute; background: #FFF; border: 1px solid red; z-index: 1000; height: 17px; font-weight: bold; font-family: Arial;}

/* page content min heigth  */
.content { clear:both; width: 990px; height:auto; background: #fff; margin:0px auto; padding: 0px 0 0 0; font-family: Arial, Verdana, sans-serif; font-weight: normal; font-size: 11px;} /* all */
html>body .content { height:auto; background: #fff; } /* others */


/* error/confirmation pop-up */
.errormessage { background: url('../images/form_bg.gif') repeat-x #F1F1F1 ; text-align: center; padding:10px; width:400px; margin:0 auto; color: #313131; border:1px solid #000; }
.errormessage b { float: left; width: 400px; padding: 10px 0 10px 0; }
.errormessage a.action { color: #313131; font-weight: bold; padding: 0 3px 0 3px;  }
/* end error/confirmation pop-up */

/* footer */
.footer { margin: 0px auto; clear: both; color: #AFAEAE; text-align: left; padding: 5px 0 5px 0px; font-size: 11px; border-top: 1px solid #ededed; }
.footer .logo { float: left; padding: 0 5px 0 5px;}
.footer .copyright { float: right; font-size: 9px; font-weight: bold; padding: 10px 40px 0 0; }
.footer .left { float: left; width: 74px; height: 100px; background: url('../images/footer_hand.jpg') 28px 13px no-repeat; }

/* default template styles */
.header { margin: 0px auto; width: 993px; height: 126px; background: url('../images/header_bg.jpg') no-repeat #FFF; padding: 23px 0 10px 0; }
.page { /*float: left;*/ width: 993px; padding: 0; background: #FFF; min-height: 500px; height:auto !important; height:500px;}
.content a.logo { float: left; width: 112px; height: 68px; margin: 0px 0 0 74px; background: url('../images/logo.gif') 0px 0px no-repeat; }
.top { width: 950px; margin: 0 auto; height: 11px; padding: 11px 0 0 0; clear: both; }

.headimages { margin: 0 auto; width: 841px; border: 5px solid #000; height: 181px; }
.headimages .image { float: left; width: 277px; height: 181px; }
.headimages .right { border-right: 5px solid #000; }

.usermenu { float: left; width: 250px; font-size: 11px; color: #686868; padding: 89px 0 0 96px; }
.usermenu a { text-decoration: underline; color: #686868; font-size: 11px; margin: 0 0 0 10px;}
/* end default template styles */

/* static page & faq content */
.text { padding: 0px 30px 45px 30px; margin: 0 auto;color: #340100; background: #FFFFFF; font-family: Verdana; font-size: 11px;  }
.text h4 { margin: 0; padding: 18px 0 0 0; font-size: 11px; font-family: Tahoma; text-transform: uppercase; }
.text h3 { margin: 0;padding: 18px 0 10px 0; font-size: 11px; font-family: Tahoma; text-transform: uppercase; }
.text .answer { font-size: 11px; }
/* end static page & faq content */

/* homepage */
.hp { clear: both; }
.hp .left { float: left; background: #FFF; width: 479px; padding: 0 0 0 20px;}
.hp .left .program { width: 479px; height: 255px; }
.hp .left .program .content { background-image: url('../images/hp_program_girl.jpg'); background-repeat: no-repeat; background-color: #FFFFFF; height: 249px; width: 479px; }
.hp .left .program .content h2 { color: #50a5bf; font-size: 20px; font-weight: bold; padding: 20px 26px 0 210px; margin: 0px; line-height: 1; }
.hp .left .program .content div { padding: 10px 26px 0 230px; color: #949494; font-size: 11px; text-align: justify; }
.hp .left .program .content p { padding: 0 0 10px 0; margin: 0; }
.hp .left .program .content a.link { display: block; margin: 0; color: #ffffff; font-weight: bold; font-size: 10px; background: url('../images/hp_program_button.jpg'); width: 149px; height: 15px; text-align: center; padding: 1px 0 0 0;}
.hp .left .program .content .flash_header { position: absolute; top: 391px; _top: 394px; background: url('../images/hp_flash_header.gif') no-repeat; width: 163px; height: 19px; margin: 0 0 0 18px; padding: 4px 0 0 0; text-align: center; color: #FFF; font-weight: bold; font-size: 14px;  }
.hp .left .program .content .flash_header .up { text-transform: uppercase; }
.hp .left .program .content .mayors_club_home { height:88px; overflow:hidden; padding:0; }
.hp .left .presentation { background: url('../images/hp_flash.jpg') #e4eff1;  height: 260px; width: 479px; }
.hp .left .presentation span { color: #000; }
.hp .left .presentation span a { color: #017ca4; }

.hp .right { float: left; width: 494px; }
.hp .right .news { float: right; width: 448px; height: 249px; padding: 6px 21px 0 25px; background: url('../images/hp_right_bg.gif') no-repeat; }
.hp .right .news .programnews { background: #F8F8F8; margin: 20px 0 0 0px; padding: 0px 0 0 0px; width: 250px; height: 225px; float: left; }
.hp .right .news .programnews .header { background: #FFF; padding: 6px 0 3px 0px; height: 24px; width: 249px; color: #fda137; }
.hp .right .news .programnews .header h2 { float: left; width: 190px; color: #fda137; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 1px 0 0 7px; margin: 0px; line-height: 1; }
.hp .right .news .programnews .header a.rss {  float: left; padding: 0 0 0 3px; margin:0px; }
.hp .right .news .programnews .item {clear: both; padding: 10px 0 0 10px; width: 236px; font-size: 10px; }
.hp .right .news .programnews .item img { float: left; padding: 0 9px 0 0; }
.hp .right .news .programnews .item .newsimagetext { float: left; padding: 0px; max-height: 54px; width: 105px; overflow: hidden; }
.hp .right .news .programnews .item .newstext { float: left; padding: 0px; max-height: 42px; width: 230px; overflow: hidden; }
.hp .right .news .programnews .item a { color: #42b0d2; }
.hp .right .news .programnews a.link { display: block;  background: url('../images/hp_news_button_big.jpg') no-repeat; width: 156px; height: 15px; text-align: center; margin: 10px 0 0 44px; font-size: 10px; color: #fff; }
.hp .right .news .programnews div.shortDescription {width: 100px; padding-right: 10px;}
.hp .right .news .programnews div.shortDescription span.newsimagetext {float: none;}
.hp .right .news .programnews div.withoutImage {width: auto;}
.hp .right .news .programnews a.linkShort {background-image: url('../images/press_accueil_lire_la_suit_short.gif'); width: 73px; float: none;  margin-left: 0px; padding-top: 2px; height: 13px; float: right;}

.hp .right .news .citynews { background: #F8F8F8; margin: 20px 0px 0 2px; padding: 0px 0px 0 0px; width: 194px; height: 225px; float: right; }
.hp .right .news .citynews .header { background: #FFF; padding: 6px 0 3px 0px; height: 24px; width: 194px; color: #fda137; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .right .news .citynews .header h2 { float: left; width: 150px; color: #fda137; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 1px 0 0 7px; margin: 0px; line-height: 1; }
.hp .right .news .citynews .header a.rss {  float: left; padding: 0 0 0 0px; margin:0px; }
.hp .right .news .citynews .item { clear: both; padding: 10px 5px 0 10px; width: 178px; font-size: 10px; background: #f8f8f8; }
.hp .right .news .citynews .item .newstext { float: left; padding: 0px; width: 178px; overflow: hidden;  max-height: 27px; height:auto !important; height:27px;}
.hp .right .news .citynews .item a { color: #42b0d2; }
.hp .right .news .citynews .item b { color: #fda137; text-transform: uppercase; font-family: Verdana, Tahoma, Helvetica; font-weight: bold; }
.hp .right .news .citynews .item b a { color: #fda137; }
.hp .right .news .citynews .item span.town { color: #fda137; text-transform: lowercase; }
.hp .right .news .citynews a.link { display: block;  background: url('../images/hp_news_button.jpg') no-repeat; width: 144px; height: 15px; text-align: center; margin: 0px 0px 0 22px;  font-size: 10px; color: #fff; }
.hp .right .news .citynews div.linkcontainer { clear: both; width: 188px; background: #f8f8f8; padding: 10px 0 5px 0; margin: 0px; border: 0px; }

.hp .right .tv { float: left; width: 254px; height: 259px;  padding: 0 0 0 22px;}
.hp .right .tv .header { background: url('../images/hp_tv_header.jpg') 0px 0px no-repeat #d3e273; height: 40px; width: 254px; padding: 0; }
.hp .right .tv .header h2 { color: #b3d8d9; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 6px 0 0 6px; margin: 0px; line-height: 1; }
.hp .right .tv .header span { color: #FFF; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.hp .right .tv .header span.lower { font-size: 11px; }
.hp .right .tv .header a.dailymotion { position: relative; top: 4px; left: 3px; padding: 0; }
.hp .right .tv .content { width: 254px; height: 186px; display: block; background: #d3e273; }
.hp .right .tv .footer { text-align: center; background: url('../images/hp_tv_footer.jpg') 0px 11px #d3e273 no-repeat; height: 30px; width: 254px; padding: 3px 0 0 0; font-size: 11px; color: #FFF; font-weight: bold; border: 0px; }
.hp .right .tv .footer span { padding: 0 1px 0 5px; color: #64c6cd; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .right .tv .footer span.tvsign { background: none; padding: 0; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.hp .right .tv .footer a { color: #FFF; }

.hp .right .map { float: left; width: 196px; height: 235px; padding: 0 0 0 3px;}
.hp .right .map .header { float: left; background: url('../images/hp_map_header.jpg') 0px 0 #f3f6e9 no-repeat; height: 22px; width: 191px; padding: 12px 0 0 5px; text-align: center; color: #c89a73; font-weight: bold; font-size: 15px; }
.hp .right .map a { clear: both; width: 195px; height: 225px; background: url('../images/hp_map.jpg') 0 6px no-repeat #f3f6e9; display: block; }
/* end homepage */


.contents { float:left; }
.contents .rightcontent { margin:20px 0 0 0; }
.contents .block-left { float:left; width:26px; height:260px; background: url('../images/extranet_forum_left.gif') no-repeat; }
.contents .block-right { float:left; width:26px; height:260px; background: url('../images/extranet_forum_right.gif') no-repeat; }
.contents .block-middle { float:left; width:938px; min-height:215px; padding:35px 0 0 0; background: url('../images/extranet_forum_middle.gif') repeat-x; }
.contents .block-middle-small { float:left; width:558px; min-height:215px; padding:35px 0 0 0; background: url('../images/extranet_forum_middle.gif') repeat-x; }
.contents h2 { margin:10px 0 0 0; padding:0 0 0 20px; color:#2fafc8; font-size:18px; font-weight:bold; text-transform:uppercase; }
.contents .items { padding:0px; }
.contents .items h3 { margin-top:0px; color:#7b7b7b; font-size:15px; font-weight:bold; text-transform:uppercase; }
.contents .items .image { float:left; width:230px; }
.contents .items .paragraphs { float:left; width:700px; text-align:justify; }
.contents .items .paragraphs-small { float:left; width:325px; text-align:justify; }
.contents .items .paragraphs-noimage { float:left; width:930px; text-align:justify; }
.contents .items .paragraphs-small-noimage { float:left; width:555px; text-align:justify; }
.contents .items .paragraph { padding:5px 15px; margin:0 0 10px 0; }
.contents .items .paragraph a { float:right; margin:0 0 10px 0; font-size:11px; color:#737373; font-weight:bold; text-decoration:underline; }
.contents .items .paragraph a:hover { text-decoration:none; }
.contents .items .paragraph a.button { display: block; padding: 1px 0 0 0; color: #ffffff; font-weight: bold; font-size: 10px; background: url('../images/blue_button.png'); width: 149px; height: 15px; text-align: center; text-decoration:none; behavior: url('../js/common/iepngfix.htc'); }
.contents .items .rss_block { float:left; width:660px; padding:20px; margin:0 0 20px 0; color:#465a65; font-size:12px; }
.contents .items .rss_block a { color:#465a65; }
.contents .items .flux_rss_icon { display: block; float:left; padding:5px 0 0 40px; background: url('../images/flux_rss_icon.png') no-repeat; height: 21px; behavior: url('../js/common/iepngfix.htc'); }
.contents .items .dark { background-color:#e2e2e2; }
.contents .items .light { background-color:#f2f2f2; }

.pave { float:left; padding: 0 0 0 10px; }
.pave .rightcontent { margin:20px 0 0 0; }
.pave .block-left { float:left; width:24px; height:260px; background: url('../images/extranet_forum_left.gif') no-repeat; }
.pave .block-right { float:left; width:26px; height:260px; background: url('../images/extranet_forum_right.gif') -2px top no-repeat; }
.pave .block-middle { float:left; width:288px; min-height:300px; padding:35px 0 0 0px; background: url('../images/extranet_forum_middle.gif') repeat-x; }
.pave .block-separator { float:left; width:25px; height:260px; background: url('../images/block_separator.gif') no-repeat; }
.pave h2 { margin:10px 0 0 0; padding:0 0 0 20px; color:#2fafc8; font-size:18px; font-weight:bold; text-transform:uppercase; }
.pave h3 { margin:0px; padding: 0 0 5px 0; color:#2fafc8; font-size:18px; font-weight:bold; }
.pave .items { position:relative; padding:0px; }
.pave .items .pave_text { width:245px; height:245px; padding:20px; }
.pave .items .text-content { height:225px; overflow:hidden; margin:5px 0; }
.pave .items .half-content { /*height:90px; overflow:hidden;*/ margin:5px 0; }
.pave .items a.image-button { position:absolute; top:130px; left:65px; display: block; padding: 1px 0 0 0; color: #ffffff; font-weight: bold; font-size: 10px; background: url('../images/blue_button.png'); width: 149px; height: 15px; text-align: center; text-decoration:none; behavior: url('../js/common/iepngfix.htc'); }
.pave .items a.button { margin:0 auto; display: block; padding: 1px 0 0 0; color: #ffffff; font-weight: bold; font-size: 10px; background: url('../images/blue_button.png'); width: 149px; height: 15px; text-align: center; text-decoration:none; behavior: url('../js/common/iepngfix.htc'); }
.pave .items a { margin:0; font-size:11px; color:#737373; font-weight:bold; text-decoration:underline; }
.pave .items a:hover { text-decoration:none; }
.pave .content-block .image { text-align:center; }

/* contact us page*/
.contact .left { width: 649px; float: left; height: 400px; padding: 0px 0 0 3px; }
.contact .left .contactform { width: 630px; float: left; margin: 0px 0 0 0; padding: 10px 0px 2px 17px; background: #e2e2e2; border: 1px solid #e2e2e2; }
.contact .left .contactform label { float: left; width: 85px; padding: 1px 0 11px 0; }
.contact .left .contactform input { float: left; width: 515px; border: 1px solid #cecece; height: 13px; padding: 1px 2px 1px 2px; color: #686868; }
.contact .left .contactform .formleft { width: 310px; float: left; }
.contact .left .contactform .formright { width: 257px; float: right; }
.contact .left .contactform .formleft label { float: left; width: 85px; padding: 1px 0 11px 0; }
.contact .left .contactform .formright label { float: left; width: 65px; padding: 1px 0 11px 0; }
.contact .left .contactform .formleft input,
.contact .left .contactform .formright input { float: left; width: 162px; border: 1px solid #cecece; height: 13px; padding: 1px 2px 1px 2px; }
.contact .left .contactform input.button { float: left; width: 95px; height: 16px; background: url('../images/contact_send_button.gif') 0px 1px no-repeat; padding: 0 0 2px 0; margin: 2px 10px 12px 0; color: #fff; font-weight: bold; text-align: center; border: 0px; cursor:pointer; }
.contact .left .contacttext { width: 630px; float: left; padding: 3px 0 12px 3px; }
.contact .left .contacttext p { padding: 0px; margin: 0px; }
.contact .left .contacttext br { line-height: 6px; }
.contact .left .contactmessage { float: left; padding: 10px 0 7px 18px; }
.contact .left .contactmessage label { float: left; width: 85px; padding: 1px 0 7px 0; }
.contact .left .contactmessage textarea { border: 1px solid #cecece; width: 598px; height: 107px; padding: 2px 2px 2px 2px; color: #686868; }
.contact .right { width: 267px; float: right; height: 370px; background: url('../images/contact_us_image.jpg') no-repeat; padding: 0 3px 0 0; }
.contact .center .contactform { width: 919px; float: left; margin: 2px 0 0 0; padding: 10px 0px 2px 17px; background: #e2e2e2; border: 1px solid #e2e2e2; }
.contact .center .contactform label { float: left; width: 85px; padding: 1px 0 11px 0; }
.contact .center .contactform input { float: left; width: 515px; border: 1px solid #cecece; height: 13px; padding: 1px 2px 1px 2px; color: #686868; }
.contact .center .contactform .formleft { width: 510px; float: left; }
.contact .center .contactform .formright { width: 257px; float: right; }
.contact .center .contactform .formleft label { float: left; width: 85px; padding: 1px 0 11px 0; }
.contact .center .contactform .formright label { float: left; width: 65px; padding: 1px 0 11px 0; }
.contact .center .contactform .formleft textarea { float: left; width: 400px; border: 1px solid #cecece; height: 100px; padding: 1px 2px 1px 2px; color: #686868; }
.contact .center .contactform .formleft input,
.contact .center .contactform .formright input { float: left; width: 162px; border: 1px solid #cecece; height: 13px; padding: 1px 2px 1px 2px; color: #686868; }
.contact .center .contactform .formleft select { border: 1px solid #cecece; padding: 0px 0px 0px 2px; color: #686868;  }
.contact .center .contactform label.radio { text-align: right; width: 75px; padding: 0 10px 0 0; }
.contact .center .contactform input.button { float: left; width: 95px; height: 16px; background: url('../images/contact_send_button.gif') 0px 1px no-repeat; padding: 0 0 2px 0; margin: 8px 10px 18px 0; color: #fff; font-weight: bold; text-align: center; border: 0px; }
.contact .center .contactform input.radio { float: left; width: 15px; height: 16px; padding: 0 0 2px 0; margin: 1px 10px 1px 0; border: 0px; background: transparent;}
.contact .center .contacttext { width: 935px; float: left; padding: 15px 0 20px 15px; }
.contact .center .contactmessage { float: left; padding: 10px 0 7px 18px; }
.contact .center .contactmessage label { float: left; width: 85px; padding: 1px 0 7px 0; }
.contact .center .contactmessage label select { border: 1px solid #cecece; padding: 1px 2px 1px 2px; color: #686868;  }

.contact .center .dark { background: #e2e2e2; border: 1px solid #e2e2e2; }
.contact .center .light { background: #ffffff; border: 1px solid #ffffff; }

.contact h2 { float: left; width: 400px; color: #7b7b7b; font-size: 16px; font-weight: bold; font-family: Arial; padding: 0px 0 0 2px; margin: 0px; text-transform: uppercase;  }




/* become member page */
.becomemember .right { width: 629px; float: right; padding: 0px 0 0 3px; }
.becomemember .right .dark { background: #e2e2e2; padding: 5px 0 5px 10px; }
.becomemember .right .light { background: #fff; padding: 5px 0 5px 10px; }
.becomemember .left { width: 300px; float: left; height: 300px; background: url('../images/become_member_image2.jpg') no-repeat; padding: 0 3px 0 0; }


/* static pages */
.content .pagetitle { background: url('../images/page_header_bg.jpg') repeat-x; width: 990px; height: 74px; padding: 0 0 20px 0; }
.content .pagetitle h2 { float: left; width: 400px; color: #fda137; font-size: 16px; font-weight: bold; font-family: Arial; padding: 28px 0 0 12px; margin: 0px; text-transform: uppercase;  }
.content .pagetitle .bg { background: url('../images/page_header_default.jpg'); background-position: right; background-repeat: no-repeat; width: 555px; height: 74px; float: right; }

.content .leftcontent { float: left; width: 605px; padding: 0px; margin: 0px; overflow: hidden;}
.content .leftcontent-wide { width: auto; }
.content .leftcontent .pagetext { float: left; width: 545px; padding: 0px 30px 0 30px; margin: 0px; font-size: 12px; text-align: justify; }
.content .leftcontent .pagetext-wide { width:auto; padding: 0px 30px 0 30px; }
.content .leftcontent .pagetext p { margin: 0px; padding: 0 0 10px 0;}
.content .leftcontent .searchCatsCont {padding: 0px 10px;}
.content .leftcontent .search { float: left; margin: 0 10px 10px 0; padding: 18px 23px 20px 23px; width: 204px; height: 45px; background: #f8f8f8; overflow: hidden;}
.content .leftcontent .search #position_container { float: left; width: 300px; }
.content .leftcontent .search label,
.content .leftcontent .categories label { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 230px; color: #5e8ab1; padding: 0 0 1px 2px; }
.content .leftcontent .search h4,
.content .leftcontent .categories h4{ display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 230px; color: #a3a3a3; padding: 0 0 1px 0px; margin: 0 0 3px 0;}
.content .leftcontent .search input { width: 168px; height: 12px; border: 1px solid #cdcdcd; background: #FFF; padding: 1px 2px 2px 2px; color: #a1a1a1; }
.content .leftcontent .search input.searchbutton { width: 14px; height: 13px; border: 0px; background: url('../images/footer_search_submit.gif');}
.content .leftcontent .search input.okbutton { padding: 1px 2px 2px 2px;  width: 18px; height: 16px; border: 0px; background: url('../images/footer_ok_submit.gif');}
.content .leftcontent .search_options { width:540px;}
.content .leftcontent .search_options span { padding: 1px 10px 0 2px; }
.content .leftcontent .search_options .checkbox { float:left; width:auto;}
.content .leftcontent .search_category { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 565px; color: #fda137; padding: 2px 10px; margin: 0 0 3px 0; background-color:#f8f8f8; }
.content .leftcontent .cityinfo { float:left; width:320px; padding:10px; margin:0 0 20px 0; background-color:#e2e2e2; font-size:12px; line-height:18px; }
.content .leftcontent .cityinfo a { color:#686868; }
.content .leftcontent .citysign { width:200px; float:right; text-align:center; }
.content .leftcontent .block-left { float:left; width:26px; height:260px; background: url('../images/extranet_forum_left.gif') no-repeat; }
.content .leftcontent .block-right { float:left; width:26px; height:260px; background: url('../images/extranet_forum_right.gif') no-repeat; }
.content .leftcontent .block-middle { float:left; width:553px; min-height:215px; padding:35px 0 0 0; background: url('../images/extranet_forum_middle.gif') repeat-x; }
.content .leftcontent .citytext { float: left; padding: 0px; margin: 0px; font-size: 12px; text-align: justify; }

.content .leftcontent .categories { float: right; margin: 0 0px 10px 0px; padding: 18px 23px 20px 23px; width: 274px; height: 30px; background: #f8f8f8; overflow: hidden;}
.content .leftcontent .categories select { width: 278px; height: 17px; border: 1px solid #cdcdcd; background: #FFF; padding: 0px 2px 0px 2px; color: #a1a1a1; }

.content .leftcontent .news { float: left; width: 585px; padding: 0px 10px 0 10px; margin: 0 0px 0 0px;  }
.content .leftcontent .news .delimiter { border-top: 1px dashed #d8d6d7; width: 585px; height: 10px; padding: 0 0 0px 0;}
.content .leftcontent .news .topnews {}
.content .leftcontent .news .topnews { background: #f8f8f8; }
.content .leftcontent .news .image { float:left; padding:0 10px 0 0; }
.content .leftcontent .news .newsitem { padding: 10px 20px 10px 20px; }
.content .leftcontent .news .newsitem .news_body { }
.content .leftcontent .news .newsitem .news_body .title { width: 465px; float: left; }
.content .leftcontent .news .newsitem .news_body .title h3 { margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.content .leftcontent .news .newsitem .news_body .title h4 { margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #a8a8a8;  padding: 0 0 5px 0;}
.content .leftcontent .news .newsitem .news_body .date { width: 48px; float: right; height: 17px; font-weight: bold; background: url('../images/page_date_icon.gif') 12px 0 no-repeat; padding: 23px 0 0px 0;}
.content .leftcontent .news .newsitem .news_body a.more { color: #FFF; float: left; text-align: center; padding: 0px 0 5px 0; margin: 0px 0 0 0; background: url('../images/page_news_more.gif') no-repeat; width: 73px; height: 16px; }

.content .cityrightcol { padding:20px 0 0 0;  }
.content .rightcontent { float: right; width: 380px; }
.content .rightcontent .tv #tvcontent { position:relative; }
.content .rightcontent .tv .header { background: url('../images/page_tv_header.gif') no-repeat; height: 36px; width: 351px; padding: 0; }
.content .rightcontent .tv .header h2 { color: #879148; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 0 0 16px; margin: 0px; line-height: 1; }
.content .rightcontent .tv .header span { color: #FFF; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.content .rightcontent .tv .header span.lower { font-size: 11px; }
.content .rightcontent .tv .header a.dailymotion { position: relative; top: 4px; left: 3px; padding: 0; }
.content .rightcontent .tv .header a.rss { position: relative; top: 4px; left: 3px; padding: 0; margin:0 0 0 120px; }
.content .rightcontent .tv .content { width: 336px; /*height: 320px;*/ display: block; background: #d3e273; padding: 3px 6px 0 9px; }
.content .rightcontent .tv .footer { text-align: center; text-transform: uppercase; background: url('../images/page_tv_footer.gif') no-repeat; height: 31px; width: 351px; padding: 7px 0 0 0; font-size: 11px; color: #FFF; font-weight: bold; border: 0px; }
.content .rightcontent .tv .footer span { padding: 0 1px 0 5px; color: #879148; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.content .rightcontent .tv .footer span.tv { background: none; padding: 0; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.content .rightcontent .tv .footer a { color: #FFF; }
.content .rightcontent .tv .daily_video_wall { position: absolute; top: 0px; left: 0px; width: 333px; height: 103px; }
.content .rightcontent .tv .daily_video_player { position: absolute; top: 103px; left: 0px; border: 1px solid #808080; background-color: #000000; width: 333px; height: 213px; overflow: hidden; }
.content .rightcontent .tv .daily_play_button { position: absolute; display: block; top: 174px; left: 124px; width: 85px; height: 85px; background: url('../images/play_overlay.png') no-repeat; visibility: hidden; behavior: url('../js/common/iepngfix.htc'); }

.content .rightcontent .gallery { background: #c7c5e2; width: 351px; margin: 0 0 0 14px; padding: 10px 0 10px 0; }
.content .rightcontent .gallery .header { width: 351px; background: #c7c5e2; font-size: 14px; font-weight: bold; text-transform: none; color: #7d7b9e; padding: 5px 0 0 0px; height: 25px; }
.content .rightcontent .gallery .header h2 { color: #7d7b9e; font-size: 14px; font-weight: bold; text-transform: none; padding: 4px 0 0 16px; margin: 0px; line-height: 1; }
.content .rightcontent .gallery .content { width: 333px; background: #c7c5e2; margin: 0px auto; padding: 0px;}

.content .rightcontent .news { background: #f8f8f8; width: 351px; margin: 0px 0 0 14px; padding: 0 0 10px 0; }
.content .rightcontent .news .header { width: 351px; background: #f8f8f8; font-size: 14px; font-weight: bold; text-transform: none; color: #fcac4e; padding: 5px 0 0 0px; height: 25px; }
.content .rightcontent .news .header h2 { float: left; width: 270px; color: #fda137; font-size: 14px; font-weight: bold; text-transform: none; padding: 8px 0 0 7px; margin: 0px; line-height: 1; }
.content .rightcontent .news .header a.rss {  float: left; padding: 0 0 0 13px; margin:0px; }
.content .rightcontent .news .item { width: 290px; background: #f8f8f8; margin: 0px auto; padding: 5px 10px 5px 43px; font-size: 11px; }
.content .rightcontent .news .item h4 { clear: both; width: 290px; margin: 0px auto; padding: 0 0 7px 0; font-size: 11px; text-transform: uppercase; color: #3f3f3f; }
.content .rightcontent .news .item .date { clear: both; color: #fda137; float: left; padding: 5px 0 5px 0; }
.content .rightcontent .news .item a.more { color: #FFF; float: right; text-align: center; padding: 0px 0 5px 0; margin: 5px 0 0 0; background: url('../images/page_news_more.gif') no-repeat; width: 73px; height: 16px; }

.content .rightcontent a.all { color: #FFF; float: right; text-align: center; padding: 0px 20px 10px 0; margin: 5px 0 0 0; background: url('../images/page_news_all.gif') no-repeat; width: 342px; height: 16px; }

.content .rightcontent .contact { display: block; background: url('../images/page_contact_bg.gif') repeat-x; width: 351px; height: 67px; text-align: center; margin: 10px 0 5px 12px; font-size: 10px; color: #fff; }
.content .rightcontent .contact .logo { float: left; width: 272px; background: url('../images/page_contact_baloons.gif') no-repeat; font-size: 12px; font-weight: bold; text-transform: none; color: #7d7b9e; margin: 0 ;padding: 23px 0 0 70px; height: 51px; }
.content .rightcontent .contact .logo a { color: #8ca52f; } 
.content .rightcontent .contact .right { float: right; width: 9px; height: 65px; background: url('../images/page_contact_right.gif') no-repeat; padding: 5px 0 0 0px; margin: 0px; }

.content .rightcontent .freeblock { background: #e4eff1; width: 351px; margin: 10px 0 10px 14px; padding: 0 0 3px 0; }
.content .rightcontent .freeblock .header { width: 351px; background: #e4eff1; font-size: 14px; font-weight: bold; text-transform: none; color: #2fafc8; padding: 5px 0 0 0px; height: 25px; }
.content .rightcontent .freeblock .header h2 { float: left; width: 270px; color: #2fafc8; font-size: 14px; font-weight: bold; text-transform: none; padding: 8px 0 0 12px; margin: 0px; line-height: 1; }
.content .rightcontent .freeblock .header a.rss {  float: left; padding: 0 0 0 13px; margin:0px; }
.content .rightcontent .freeblock .item { width: 324px; background: #e4eff1; margin: 0px auto; padding: 5px 10px 5px 12px; font-size: 11px; }
.content .rightcontent .freeblock .item h4 { clear: both; width: 290px; margin: 0px auto; padding: 0 0 7px 0; font-size: 11px; text-transform: uppercase; color: #3f3f3f; }
.content .rightcontent .freeblock .item a.more { color: #FFF; float: right; text-align: center; padding: 0px 0 5px 0; margin: 5px 0 0 0; background: url('../images/page_news_more.gif') no-repeat; width: 73px; height: 16px; }


/* end static pages */

/* FAQ page */

.content .category_name { display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 935px; color: #fda137; padding: 2px 10px; margin: 10px 0 0px 15px; background-color:#f8f8f8; }
.content .faq_question { display: block; font-size: 11px; font-weight: bold; font-style:italic; color: #838383; padding: 10px 0 3px 25px;  width: 915px;  }
.content .faq_answer { display: block; font-size: 11px; color: #838383; padding: 2px 0 1px 40px; width: 915px; }
.content .faq_answer p { margin:0; }
/* end FAQ page */

/* Modal window */
#modal_window { color:#FFF; font-family:Arial,Helvetica,sans-serif; margin:0 auto; overflow:auto; padding:10px 10px 20px 12px; width:355px;}
#modal_window .header { width: 355px; height: 9px; background: url('../images/modal_top.gif'); padding: 0px; border: 0px; }
#modal_window .footer { width: 355px; height: 9px;  background: url('../images/modal_bottom.gif'); padding: 0px; border: 0px;}
#modal_window .content { background: #fcd5a7; width: 355px; padding: 0px; border-top: 1px solid #fcd5a7; }
#modal_window input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; width: 290px; height: 16px; padding: 2px 0 0 2px; margin: 5px 30px 0 0;}
#modal_window textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; width: 290px; height: 100px; padding: 2px 0 0 2px; }
#modal_window label { float: left; color: #FDA137; font-size: 11px; font-family: Verdana, Arial, sans-serif; padding: 0 0 0 17px; }
#modal_window category_title { background: none; }
#modal_window h1.category_title { width: 300px; background: none; text-align: left; font-family: Arial, Verdana, sans-serif; text-indent: 0px; color: #FDA137; padding: 0px 0 10px 5px; height: 15px; margin: 0px 0 0 5px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#modal_window a.popin_x_button { float: right; background:transparent url(../images/popin_x_button.gif) no-repeat; display:block; height:10px; width:10px; padding: 0px 10px 0 0; margin: 2px 0 0 0; }
#modal_window .button {height: 20px; float: right; padding: 10px 10px 0 0; width: 345px; background: #fcd5a7; }
#modal_window .button a { color: #FEFEFE; width: 73px; height: 16px; text-align: center; float: right; padding: 0 0 0 0; background: url('../images/modal_more.gif');  }
#modal_window label.err { padding: 0px; margin: 0px; }
#modal_window .content .innermsg { padding: 0 0 0 16px; margin: 0px; }
#modal_window .content .error { background: #fcd5a7; color:#FF0000; color:#FF0000; float:left; height:auto; overflow:visible; text-align:left; width:339px; } 
#modal_window #popup_message { text-align: left; padding:12px 14px 12px 14px; color: #FDA137; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
#modal_window #popup_message a { color: #FEFEFE; }

/* Blue skin for modal window */
#modal_window .blue .header { background: url('../images/modal_top_blue.gif'); }
#modal_window .blue .footer { background: url('../images/modal_bottom_blue.gif'); }
#modal_window .blue .content { background: #e2e2e2; border-top: 1px solid #e2e2e2; }
#modal_window .blue input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .blue textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .blue label { color: #FDA137; }
#modal_window .blue h1.category_title { color: #0E87AC; }
#modal_window .blue a.popin_x_button { background:transparent url('../images/modal_x_button_blue.gif') no-repeat; }
#modal_window .blue .button { background: #e2e2e2; }
#modal_window .blue .button a { color: #FEFEFE; background: url('../images/modal_more_blue.gif');  }
#modal_window .blue .content .error { background: #e2e2e2; color:#FF0000; } 
#modal_window .blue #popup_message { color: #0E87AC; }

/* Orange skin for modal window */
#modal_window .orange .header { background: url('../images/modal_top_orange.gif'); }
#modal_window .orange .footer { background: url('../images/modal_bottom_orange.gif'); }
#modal_window .orange .content { background: #fcd5a7; border-top: 1px solid #fcd5a7; }
#modal_window .orange input.email { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .orange textarea { border: 1px solid #CDCDCD; background: #FFF; color: #A1A1A1; }
#modal_window .orange label { color: #FDA137; }
#modal_window .orange h1.category_title { color: #FDA137; }
#modal_window .orange a.popin_x_button { background:transparent url('../images/modal_x_button_orange.gif') no-repeat; }
#modal_window .orange .button { background: #fcd5a7; }
#modal_window .orange .button a { color: #FEFEFE; background: url('../images/modal_more_orange.gif');  }
#modal_window .orange .content .error { background: #fcd5a7; color:#FF0000; } 
#modal_window .orange #popup_message { color: #FDA137; }

#modal_a{ width:310px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:#141414; padding:10px 10px 20px 12px; border:1px solid #6d6d6d; }
#modal_a #popup_message { text-align: left; padding:20px 0 20px 0; color: #8a8a8a; font-size: 11px; font-family: Verdana, Arial, sans-serif; }
#modal_a .close{height:20px;padding:5px 0px 0 0; margin:0;}
#modal_a .send{height:20px;padding:5px 8px 0 0; margin:0;}
#modal_a .buttons {float:right; padding:20px 0 0 0; margin: 0 auto;}
#modal_a a.popin_x_button { float: right; background:transparent url(../images/popin_x_button.gif) no-repeat; display:block; height:11px; width:11px; }
#modal_a category_title { background: none; }
#modal_a h1.category_title { background: none; text-align: left; font-family: Arial, Verdana, sans-serif; text-indent: 0px; color: #FFF; padding: 20px 0 10px 5px; height: 15px; margin: 10px 0 0 5px; font-size: 12px; font-weight: normal; text-transform: uppercase;}
/* Modal window */

/* FlickShow styles */
/* WRAPPER
************************************************************************************************ */
div.fs { background: #E8E8E8 !important; }
/* WRAPPER - LOADING
************************************************************************************************ */
div.fs div.fsLoading { 
	background: #E8E8E8 url("../images/flickrshow/al.gif") 50% 50% no-repeat!important;
	z-index: 500;
}
div.fsLoaded-0 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-1 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-2 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-3 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-4 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-5 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-6 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-7 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-8 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-9 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
div.fsLoaded-10 div.fsLoading 	{ background-image: url("../images/flickrshow/al.gif") !important; }
/* WRAPPER - SLIDER
************************************************************************************************ */
div.fs div.fsSlider { background: #C7C5E2 url("../images/flickrshow/sl.gif") !important; }
div.fs div.fsSliderH { 
	background: #9e9ad0 !important; 
	cursor: pointer;
}
/* WRAPPER - BUTTONS
************************************************************************************************ */
div.fs ol.fsButtons { background: #E8E8E8; }
div.fs ol.fsButtons li {
	background: #E8E8E8 50% 50% no-repeat;
	overflow: hidden;
	text-indent: -999px;
	z-index: 300;
}
div.fs ol.fsButtons li.fsButtonA { background-image: url("../images/flickrshow/ip.gif") !important; }
div.fs ol.fsButtons li.fsButtonB { background-image: url("../images/flickrshow/ir.gif") !important; }
div.fs ol.fsButtons li.fsButtonC { background-image: url("../images/flickrshow/il.gif") !important; }
div.fsPlaying ol.fsButtons li.fsButtonA { background-image: url("../images/flickrshow/is.gif") !important; }
/* WRAPPER - IMAGES
************************************************************************************************ */
div.fs ol.fsImages { background: #D1D1D1; }
div.fs ol.fsImages li h2 {
	color: #7D7B9E !important;
	font-family: "Lucida Grande", "Helvetica", "Arial", Sans-serif;
	font-weight: normal;
  font-size: 10px;
	overflow: hidden;
	z-index: 200;  
}