/* CEIR website
--------------------------*/
html{height:100%;}
body{font-size:62.5%;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;color:#444;background:url(Image/bg.gif) repeat top center;background-color:#F3F6F7;height:100%;text-align:center;margin:0;padding:0;}
h1{font-size:2em;font-family:Arial, Helvetica, Sans-Serif;color:#007EC6;margin:0;padding:0 0 0.4em;}
h1.framed{background:url(Image/h1_back.gif) no-repeat 0 0;height: 34px;padding:0.3em 0 0 0;}
h2{font-size:1.5em;font-family:Arial, Helvetica, Sans-Serif;color:#777;margin:0;padding:0 0 0.2em;}
h3{font-size:1.1em;font-family:Arial, Helvetica, Sans-Serif;color:#007EC6;margin:0;padding:0;}
p{font-size:1em;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;line-height:1.5em;color:#444;margin:0;padding:0;padding-bottom:1.2em;}
p.end{padding-bottom:1.6em;}
a{color:#0079C0;text-decoration:underline;}
a:hover{color:#E21443;text-decoration:underline;}
ul{list-style:none;margin:0;padding:0 0 1.2em 0.7em;}
ol{margin:0;padding:0 0 1.2em 2.3em;}
ul li{background:url(Image/bullet.gif) no-repeat 0 0.5em;padding:0.2em 0 0.4em 1.1em;}
ul li ul{margin:0;padding:0.4em 0 1.2em 0.7em;}
ol li{padding:0.2em 0 0.5em 0.2em;}
ul.clean li {background-image:none};
ul.pinklist li {background:url(Image/bullet_pink.gif) no-repeat 0 0.5em;}
ul.bluelist li {background:url(Image/bullet_blue.gif) no-repeat 0 0.5em;}
ul.pdf li {height: 36px;background:url(Image/pdf.gif) no-repeat 0 0;padding:1em 0 0 3.3em;}
table,tr,td{font-size: 1em;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
td.content{border-bottom: #CBCBCB 1px solid;padding:4px 4px 4px 4px;}
#wrapper{position:relative;min-height:100%;width:767px;background-color:#fff;margin: 0 auto}
/*start\*/* html #wrapper{height:100%;}/*end*/
#page{background-color:#FFF;text-align:left;margin:0 auto;width:750px;padding-top:1em;padding-bottom:4em;}
#splashpage{background: #fff url(Image/spl_content_bg.gif) no-repeat right -18em;text-align:left;margin:0 auto;width:748px;padding:1em 10px 4em 10px;}
/*start\*/* html #page{padding-bottom:4em;}/*end*/
#top{background-color:#DFE3E6;text-align:right;height:26px;width:768px;margin:0 auto}
#splash{position:relative;background:url(Image/splashbg.gif) repeat-x top left;background-color:#007EC6;text-align:left;height:350px;width:768px;margin:0 auto;}
#header{position:relative;background:url(Image/hbg.gif) repeat-x top left;background-color:#007EC6;height:87px;width:768px;margin:0 auto;}
#logo{position:absolute;left:10px;top:12px;z-index:98;border:none;}
#logo2{position:absolute;left:0;bottom:0;border:none;z-index:98;}
#map{position:absolute;right:0;top:0;z-index:97;width:450px;height:87px;background:url(Image/header_spiral.gif) no-repeat top right;}
#bigmap{position:absolute;right:0;top:0;width:500px;height:350px;background:url(Image/bigmap_ceir.gif) no-repeat top right;z-index:97;}
#footer{position:relative;font-size:0.9em;color:#0079C0;width:768px;margin:-2.5em auto 0;border-top:1px solid #DFE3E6;}
#footer a{color:#777;text-decoration:none;}
#footer a:hover{color:#0079C0;text-decoration:none;}
/*start\*/* html #footer{margin-top:-2.5em;}/*end*/
#fleft{float:left;padding:4px 0 0 8px;}
#fright{float:right;padding:4px 8px 0 0;}
#sfrm{float:right;padding:4px 4px 0 0;}
#sfrm .button{width:30px;}
#jMenu{background:url(Image/jm_menu_begin.gif) no-repeat 0 0;width:768px;margin:2px auto 0 auto;text-align:left;}
#leftmenu{float:left;width:169px;}
#mh{margin-bottom:4px;}
#rightcol{float:left;width:567px;padding-left:14px;background:url(Image/dot.gif) repeat-y left top;}
#midcol{float:left;width:371px;padding-left:14px;padding-right:23px;}
#leftcol{float:left;width:538px;padding-left:12px;background:#FFF url(Image/dot.gif) repeat-y right top;padding-right:12px;}
#smallcol{float:left;width:174px;padding-left:12px;}
#smallcol p{margin:0;padding:0.3em 0.1em 0.5em 7px;background-color:#FCFEFF;margin-top:1px;border-left:3px solid #3D98D3;}
#smallcol h3{font-size:1.5em;font-family:Arial, Helvetica, Sans-Serif;color:#E21443;text-align:right;margin:0;padding:0;}
#smallcol h4{color:#FFF;font-size:1em;background:url(Image/arrow2.gif) no-repeat 0 0;margin:1em 0 0;padding:0 0 0 7px;}
.nHLD {margin-top:12px}
.eHLD {margin-top:15px}
.eHLD ul{margin-top:8px;padding-top:5px;border:1px solid #3D98D3}
.eHLD ul li{background:none;padding:0}
ul.topmenu{float:right;margin:5px 2px 0 0;padding:0;}
ul.topmenu li{color:#C1C4C7;background:none;display:inline;margin:0;padding:0;}
ul.topmenu li a{color:#0079C0;text-decoration:none;}
ul.topmenu li a:hover{color:#E21443;text-decoration:none;}
#menu ul{margin:0;padding:0}
#menu ul li{background:none;display:inline;margin:0;padding:0}
ul.submenu{margin:0;padding:8px 15px 10px 0;}
ul.submenu li{color:#C1C4C7;font-weight:700;text-align:right;background:url(Image/bullet_menu.gif) no-repeat right 0.3em;padding:0;padding-right:8px;margin:6px 0;}
ul.submenu li a{color:#717375;text-decoration:none;padding:2px 4px}
ul.submenu li a:hover{color:#FFF;background-color:#008ACC;text-decoration:none;padding:2px 4px}
ul.submenu li a.active{color:#FFF;background-color:#008ACC;}
.submenutitle h3{font-size:1.6em;font-family:Arial, Helvetica, Sans-Serif;color:#717375;text-align:right;margin:0;padding:0 0.7em 0 0;}
.submenutitle h3 a{color:#717375;text-decoration:none}
.submenutitle h3 a:hover{color:#008ACC;text-decoration:none}
.ultitle{padding:0 0 1.2em 0.7em;margin-bottom:-0.8em;}
.excl{color:#E21443;font-weight:700;}
span.pink{color:#E21443}
span.blue{color:#0079C0}
span.gray{color:#777;font-weight:normal;}
.comment{font-size:0.9em;color:#777}
.s-events-comment{font-size:0.9em;line-height:140%;color:#777;text-align:right;background-color:#3D98D3;padding:0.1em;}
.s-events-comment a:hover{color:#777}
.s-news-comment{font-size:0.9em;line-height:140%;color:#777;text-align:right;background-color:#F8F8F8;padding:0.1em;margin-top:1px;border-left:3px solid #D6D7D7;}
.s-news-comment a{text-decoration:none;}
.search{color:#777;}
table.board td{padding:8px}
.b-wrap {float:left;width:158px;border:1px solid #D6D7D7;padding:6px}
.b-card {background-color:#FAFBFB;padding:2px;margin-top:2px;}
.b-card img{border:1px solid #89D3E4;padding:2px;margin-left:4px}
.b-card ul{clear:left;padding-left:0.4em}
.b-card ul li{font-size:0.9em;background:none;padding:0.2em 0 0.1em 0;}
.member-stitle {clear:both;font-style:italic;color:#777;}
.member-ctitle {float:left;width:114px;font-style:italic}
.member-contact {float:left;margin-bottom:6px;}
.dot{background:url(Image/dot.gif) repeat-x top left;font-size:0;height:3px;}
.line{background:url(Image/line.gif) repeat-x top left;font-size:0;height:2px;}
.fTable{font-size: 1em;color:#777;margin: 10px 0;border:1px solid #F8F8F8}
.fTitle{padding:4px 4px 8px 4px}
.fLabel{font-size: 1em;color:#777;text-align: right;white-space: nowrap;padding: 4px 10px 4px 30px;}
.fIN{vertical-align: middle;padding-right: 20px;}
form {margin:0}
input{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#444;border:1px solid #CCC;}
/*start\*/* html input{margin-top:-1px;}/*end*/
input.button{color:#FFF;background-color:#007EC6;border:1px solid #FFF;}
input.button2{color:#FFF;background-color:#007EC6;border:1px solid #CCC;}
/*start\*/* html input.button{height:16px;}/*end*/
textarea{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCC;}
select{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCC;}
input.check{border:none;cursor:pointer;}
label {display: inline;font-size: 10px;cursor: pointer;}
.error {color:#F72F08;font-weight:bold}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*.clearfix{clear:both;display:inline-table;}*/
/*start\*/* html .clearfix{display:block;font-size:0;height:1%;clear:both}
.clearfix{clear:both;display:block;}/*end*/