body { padding: 0; margin: 0; background-color: #fff; } .typetext { background-color: #fff; border:solid 1px #e31f2e; color: #000; height: 28px; padding-left:10px; border-radius: 5px; box-shadow: none; } .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; text-align: left; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 13px; background: #fff; border-style: solid; border-color: #e81a2e; } .close { background: #b2b2b2; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #e81a2e; } input[type=radio] { display:none; cursor: pointer; } input[type=radio] + label:before { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align:middle; margin-right: 8px; background-color: #e81a2e; box-shadow: inset 0px 0px 0px rgba(0, 0, 0, .3); border-radius: 8px; cursor: pointer; } input[type=radio]:checked + label:before { content: "\2022"; color:white; background-color: #e81a2e; font-size:1.8em; text-align:center; line-height:14px; text-shadow:0px 0px 0px #eee; cursor: pointer; } select { border: 1px solid #e81a2e; border-radius: 5px; font-family: Noto Sans, Arial; font-size: 15px; } #bg { width: 100%; height: 100%; background-color: #fff; } #body { width: 100%; background-color: #fff; } #page { display: block; overflow:auto; height:auto; background-color: #fff; } #img { margin: 5px; padding: 5px; border: 1px solid #e31f2e; height: auto; width: auto; float: left; text-align: center; } #img img { display: inline; margin: 5px; border: 1px solid #ffffff; } #img a:hover img { border:1px solid #e31f2e; } #desc { text-align: center; font-weight: normal; font-size: 10px; width: 200px; margin: 5px; } #post { width: 940px; padding: 10px; margin: 10px 30px; display: block; border-top-style: solid; border-color: #e31f2e; border-width: 2px; overflow:auto; height:auto; background-color: #fff; } #page a:link { color: #e31f2e; text-decoration: none; } #page a:visited { color: #e31f2e; text-decoration: none; } #page a:hover { color: #e31f2e; text-decoration: underline; } #error a:link { color: #e31f2e; text-decoration: none; } #error a:visited { color: #e31f2e; text-decoration: none; } #error a:hover { color: #e31f2e; text-decoration: underline; } #header { margin: 0 auto; height: auto; width: 1250px; background-color: #fff; } #top { float: left; background-color: #fff; width: 1030px; height: auto; padding: 10px 0px; } #language { float: left; text-align: left; background-color: #fff; width: 375px; height: 57px; } #banner { float: left; width: 250px; text-align: center; margin: 2px; background: #e81a2e; font-family: Noto Sans, Arial; font-size: 22px; font-weight: bold; color: #fff; padding: 20px 25px 25px 20px; border:none !important; -webkit-border-radius: 13; -moz-border-radius: 13; border-radius: 13px; cursor: pointer; } #languagemenu { margin: 0 auto; padding: 10px 0px 0px 0px; text-align: left; } #languagemenu li { font-family: Noto Sans; font-size: 18px; display: inline; margin-right: -4px; position: relative; padding: 0px 15px; background: #fff; cursor: pointer; } #languagemenu #curent { color: #939598; font-style: italic; text-decoration: none; } #languagemenu a:link { color: #e31f2e; text-decoration: none; } #languagemenu a:visited { color: #e31f2e; text-decoration: none; } #languagemenu a:hover { color: #939598; font-style: italic; text-decoration: none; } #functions { float: right; background-color: #fff; } #buttons { float: right; width: 250px; } #signin{ float: left; background-color: #fff; margin: 0; padding: 0px; width: auto; height: auto; } #tfheader{ float: left; margin: 0; padding:0px; background: #fff url('../img/text.jpg'); height: 52px; width: 211px; } #tfnewsearch{ float: right; margin: 0; padding:0px; } .tftextinput4{ margin: 0; padding: 5px 0px 7px 0px; font-family: Noto Sans; font-size: 22px; font-weight: bold; font-style: italic; color:#939598; background-repeat: no-repeat; border:0px solid #0076a3; border-right:0px; border-top-left-radius: 0px 0px; border-bottom-left-radius: 0px 0px; } .tfbutton4 { margin: 0; padding: 0; width:49px; height:57px; font-family: Noto Sans; font-size:14px; font-weight:bold; outline: none; cursor: pointer; text-align: center; text-decoration: none; color: #ffffff; border: solid 0px #0076a3; border-right:0px; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px; background: #d9d9d9 url('../img/search.jpg'); } .tfbutton5 { float: right; margin: 2px; background: #d9d9d9; font-family: Noto Sans, Arial; font-size: 22px; font-weight: bold; font-style: italic; color: #fff; padding: 9px 20px 9px 20px; border:none !important; -webkit-border-radius: 13; -moz-border-radius: 13; border-radius: 13px; cursor: pointer; } .tfbutton6 { float: right; margin: 2px; background: #e81a2e; font-family: Noto Sans, Arial; font-size: 22px; font-weight: bold; font-style: italic; color: #fff; padding: 9px 20px 9px 20px; border:none !important; -webkit-border-radius: 13; -moz-border-radius: 13; border-radius: 13px; cursor: pointer; } #member { float: right; } #login { float: right; } .member { float: right; margin: 2px; background: #e81a2e; font-family: Noto Sans, Arial; font-size: 22px; font-weight: bold; color: #fff; padding: 9px 20px 9px 20px; border:none !important; -webkit-border-radius: 13; -moz-border-radius: 13; border-radius: 13px; cursor: pointer; } .button2 { margin: 2px; background: #e81a2e; font-family: Noto Sans, Arial; font-size: 22px; font-weight: bold; color: #fff; padding: 9px 20px 9px 20px; border:none !important; -webkit-border-radius: 13; -moz-border-radius: 13; border-radius: 13px; cursor: pointer; } /* Fixes submit button height problem in Firefox */ .tfbutton4::-moz-focus-inner { border: 0; } .tfclear{ clear:both; } #navigation { float: left; background-color: #fff; text-align:center; width: 1030px; height: 440px; border: 0px; overflow-y: hidden; } #nav { text-align: center; display: inline; margin: 0 auto; padding: 15px 4px 17px 0; z-index: 1; } #nav li { font-family: Noto Sans; font-size: 23px; font-weight: bolder; display: inline-block; margin-right: -5px; position: relative; padding: 20px 24px; background: #fff; background-image: url("../img/navline.jpg"); background-repeat: repeat-x; cursor: pointer; } #nav li:hover { } #nav li ul { font-size: 15px; color: #fff; position: absolute; top: 48px; left: 0; width: 150px; display: block; opacity: 0; } #nav li ul li { font-size: 18px; background: #e31f2e; display: block; border-top: 1px solid #fb626e; border-left: 0px solid #939598; border-right: 0px solid #939598; border-bottom: 1px solid #c40b19; position:relative; -webkit-border-radius: 0px 0px 0px 0px; padding: 10px; color: fff; z-index: 100; } #nav li ul li:hover { background: #c40b19; color: #fff; } #nav li:hover ul { padding: 20px 0px; display: block; opacity: 1; visibility: visible; } #nav a:link { color: #e31f2e; text-decoration: none; } #nav a:visited { color: #e31f2e; text-decoration: none; } #nav a:hover { color: #939598; text-decoration: none; } #nav ul a:link { color: #fff; text-decoration: none; } #nav ul a:hover { color:#fff; text-decoration: none; } #nav ul a:visited { color: #fff; text-decoration: none; } #logo { vertical-align: middle; } #rotator { float: left; width: 1030px; max-height: 235px; margin: 0 auto; overflow: hidden; } #rotator img { max-height: 235px; margin: 0 auto; overflow: hidden; } #page { margin: 0 auto; padding: 0; width: 1250px; } h1 { font-family: Raleway; font-size: 25px; color: #939598; } h2 { font-family: Noto Sans, Arial; font-weight: bold; font-size: 25px; color: #e31f2e; } h3 { font-family: Noto Sans, Arial; font-style: italic; font-size: 20px; color: #b2b2b2; } #content { font-family: Noto Sans, Arial; font-size: 20px; float: left; width: 1030px; padding: 40px 0 0px 0; } #error { margin: 0 auto; padding: 0; font-family: Noto Sans, Arial; font-size: 20px; width: 970px; } #main { float: left; width: 970px; padding: 0 30px; } #main2 { float: left; width: 1030px; height:auto; padding: 0 30px; margin: 0; } #left { margin: 0 auto; padding: 0; font-family: Noto Sans, Arial; font-size: 20px; float: left; width: 294px; padding: 0 20px 0 30px; background-image: url("../img/who_bg.jpg"); background-repeat: no-repeat; } #right { font-family: Noto Sans, Arial; font-size: 20px; float: right; width: 293px; padding: 0 30px 0 20px; background-color: #fff; } #middle { font-family: Noto Sans, Arial; font-size: 20px; display: inline-block; width: 303px; padding: 0 20px 0 20px; background-image: url("../img/who_bg.jpg"); background-repeat: no-repeat; } #people1 { margin: 0 auto; padding: 0; font-family: Noto Sans, Arial; font-size: 20px; float: left; width: 294px; height:auto; padding: 0 20px 0 30px; } #people3 { font-family: Noto Sans, Arial; font-size: 20px; float: right; width: 293px; height:auto; padding: 0 30px 0 20px; background-color: #fff; } #people2 { font-family: Noto Sans, Arial; font-size: 20px; display: inline-block; width: 300px; height:auto; padding: 0 20px 0 20px; } #twitter { float: right; width: 220px; height: 500px; vertical-align: middle; background-color: #fff; } #footer { background-color: #b2b2b2; font-family: Noto Sans, Arial; font-size: 20px; padding: 0; height: 290px; width: 100%; } #wrapper3 { background-color: #b2b2b2; width: 1250px; height: 230px; margin: 0px auto; } #contact { background-color: #b2b2b2; width: 100%; height: 230px; } #container1 { background-color: #b2b2b2; float: left; padding: 35px; width: 200px; } #container2 { float: left; background-color: #b2b2b2; vertical-align: text-bottom; padding: 35px; width: 200px; } #container3 { float: left; background-color: #b2b2b2; vertical-align: text-bottom; padding: 35px; width: 200px; } #container4 { float: left; background-color: #b2b2b2; vertical-align: text-bottom; padding: 35px; width: 170px; } #contact a:link { color: #fff; text-decoration: none; } #contact a:visited { color: #fff; text-decoration: none; } #contact a:hover { color: #fff; text-decoration: underline; } #language2 { float: left; font-size: 16px; background-color: #b2b2b2; text-align: right; padding: 35px 0; width: 200px; } #language2 a:link { color: #000; text-decoration: none; } #language2 a:visited { color: #000; text-decoration: none; } #language2 a:hover { color: #fff; text-decoration: none; font-style: italic; } #login a:link { color: #fff; text-decoration: none; font-style: italic; } #login a:visited { color: #fff; text-decoration: none; font-style: italic; } #login a:hover { color: #fff; text-decoration: none; font-style: italic; } #member a:link { color: #fff; text-decoration: none; font-style: normal; } #member a:visited { color: #fff; text-decoration: none; font-style: normal; } #member a:hover { color: #fff; text-decoration: none; font-style: normal; } #links { margin: 0px auto; background-color: #b2b2b2; padding: 20px; font-size: 14px; text-align: center; } #links a:link { color: #fff; text-decoration: none; } #links a:visited { color: #fff; text-decoration: none; } #links a:hover { color: #fff; text-decoration: underline; }