html, body{
	margin: 0; padding: 0;
	color: #000; background: #fff
}
html {padding: 20px;}
body {font: 100% arial, sans-serif; min-width: 850px; max-width: 1190px; background: #fff;}
ul {margin: 0; padding: 0;}
img {border: 0}




#table {border-collapse: collapse; border: 0; margin: 0; padding: 0}
#td {border: 0; margin: 0; padding: 0}

table {border-collapse: collapse;  margin: 0; padding: 0}
td { margin: 0; padding: 0}

table.brd, table.brd td {border-collapse: collapse; border: 1px solid #000; margin: 4; padding: 2}
.base td  {padding: 1px; border: 1px solid #ccc;}

a {color: #235298}
a:hover {color: #8A0F0F}
a:visited {color: #7A2781}
h1 {font: normal 2.5em arial, sans-serif;}
h2 {font: normal 1.2em arial, sans-serif;}
h3 {font: bold 1em arial, sans-serif; padding-bottom: .5em;}




#head {width: 100%; background: #fff;}
	#logo {width: 25%; background: #AC3517;}
	#logo img {margin: 16px 18px}
	#stuff {width: 75%; padding: 0;}
		#cdate {float: left; font-size: .75em; margin: 0; padding: .3em 22px .3em;}
		#login {float: right; font-size: .75em; color: #114798; margin: 0; padding: .3em 10px .3em 18px; background: url(../i/nw.gif) 0 50% no-repeat;}

#topn {background: #8C2628; vertical-align: top}
#topn div {float: left; width: 33%; margin: 15px auto auto}
#topn div img {float: left; margin: 0 10px 10px 23px}
#topn a {color: #DCB4B5; font-size: .8em}
#topn a:hover {color: #f2dedf}

#content {width: 100%; background: #fff; vertical-align: top}

#lc {width: 25%; vertical-align: top}
#rc {width: 75%; padding: 0 0 1.3em}
#menu {background: #F5EDD4; list-style-type: none; color: #000; padding: .5em 0 1em; min-width: 226px}
#menu li {margin: .65em 20px}
#menu a {font: bold 1em arial, sans-serif; color: #000;}
#menu a.cur, #menu span {font: bold 1em arial, sans-serif; color: #AC3517;}
#menu a:hover {color: #EB3337}
#menu li ul {list-style-type: none; font-size: .9em; padding-bottom: .5em}
#menu li ul li {margin: .65em 4px; padding-left: 12px; background: url(../i/smbg.gif) 0 .6em no-repeat}
#menu li ul a {font-weight: normal;}
#menu li ul span {color: #8C2628; font-weight: normal}
	
#subscribe {background: #D5EAF1; padding: 10px; margin: 20px 0}
#subscribe h3 {padding: 0; font-size: .9em}
#subscribe table {margin: 0 0 .25em; width: 100%;}
#subscribe input {padding: 3px 2px}
#subscribe #query {width: 100%}
	#ssub {position: relative; top: -1px; margin-left: 10px; width: 30px; height: 2em; background: #D4D0C8 url(../i/ssub.gif) 50% 50% no-repeat}
#subscribe .needValue {color: #999;}
#subscribe a {font-size: .8em; color: #235298}

.date {margin: 1.3em 0 .3em 23px; color: #666; font-size: .75em}
#lrc {padding-top: 1.3em}
#lrc p {margin: 0 14px auto 23px;}
#rc h2#maintheme {position: relative; width: 242px; height: 30px; margin: 0 23px 0; font-size: 1.4em; padding: 0 4px 0 0}
#rc h2#maintheme div {position: absolute; top: 0; left: 0; background: url(../i/maintheme.gif) no-repeat; width: 242px; height: 30px;}
#rc h2#maintheme span {font-weight: normal}
#rrc {width: 40%;}
#hotnews {margin: 1.3em 0 0; background: #F5EDD4; padding: 10px; border-bottom: 1px solid #DBD3BA; overflow: hidden}
#hotnews img {float: left; margin: 0 13px 10px 0}
#hotnews h3 {color: #A31A1A; padding-bottom: .3em}
#hotnews p {font-size: .95em; padding-left: 94px;}

#events {margin: 15px 0 0; padding: 10px;}
	#h3events {position: relative; width: 230px; height: 22px; margin: 0 0 .5em; color: #c30; font-size: 1.1em; font-weight: normal}
	#h3events div {position: absolute; top: 0; left: 0; background: url(../i/events.gif) no-repeat; width: 230px; height: 22px;}
#events p {margin: 0 0 1em; font-size: .9em}
#events a.old {font-size: .9em}

#rc, #rc tr {vertical-align: top}

.next {margin: 1em 0 1em 23px;}
.next a {padding: .2em 0 .2em 20px; background: url(../i/time.gif) 0 50% no-repeat;}

#smenu {list-style-type: none; margin-bottom: 2em}
#smenu li {margin: .8em 0; padding: 0 0 0 16px; background: url(../i/ulbg.gif) 0 .6em no-repeat;}
#smenu li a {font-weight: bold}

.hr {height: 6px; font-size: 1%; background: #ddd; border: 0; margin: 16px 0 2em 23px; }

#news td {width: 33%; font-size: .9em}
#news h2, #news .date, #news p {margin-left: 23px}
#rc #news h2 {margin: 1em 0 .8em 23px; font: normal 1.4em arial, sans-serif }
#news	.c1 h2, #news .c1 h2 a {color: #8A0F0F}
#news	.c2 h2, #news .c2 h2 a {color: #000}
#news	.c3 h2, #news .c3 h2 a {color: #363}
#news	.c1 p, #news .c2 p, #news .c3 p {margin: 0 0 1em 23px;}
#news	.c3 .date {margin: 1.1em 0 .2em 23px; color: #000; font-size: 1em}
#news	.c3 .date a {color: #000}
#news	.c3 p {font-size: .85em;}
#news .c1 .wow, #news .c2 .wow {color: #900; font-weight: bold}

#rc h2 {margin: .8em 0 .8em 23px;}
#pmar td {width: 33%; font-size: .9em}
#pmar .pos {margin-left: 23px}
#pmar .pos div {margin: .5em 0}
#pmar .pos a {font-weight: bold; color: #000; text-decoration: none}
#pmar .pos p {color: #666; font-size: .8em}

#bmenu {overflow: hidden; height: 1%; background: #EDE5CC; list-style-type: none; margin: 1em 0; padding: .33em}
#bmenu li {float: left; font-size: .9em; padding: .33em 22px .33em 5px}
#bmenu li a {color: #000}
#bmenu li a:hover {color: #EB3337}
#bmenu li span {color: #AC3517}

#footer {width: 100%;}
#footer tr {vertical-align: top}
#footer .c1 {width: 40%; font-size: .9em}
#footer .c1 div {margin: 0 10px;}
	.copy {margin: 0 0 .5em 0;}
	.addr {font-size: .8em}
#footer .c2 {width: 26%; font-size: .9em}
#footer .c3 {width: 34%; text-align: right;}

.bb {margin: 1.5em auto; text-align: center;}
	
#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#auth {
	display: none;
	position: absolute; z-index: 100;
	top: 50%; left: 50%;
	width: 424px; height: 250px;
	margin: -125px 0 0 -212px;
	background: url(../i/auth.png) no-repeat;
}
#auth label {font-size: .9em}
#auth div {margin: 0 60px 0 30px;}
#auth table {width: 99%;}
#auth table td {padding: 6px 0}
#auth table .c1 {width: 60px}
#auth input {width: 100%; padding: 3px 2px;}
#auth input#apass {letter-spacing: 2px} 
#aclose {
	width: 13px; height: 13px;
	float: right;
	margin: 16px;
	background: url(../i/close.gif) no-repeat;
}
#auth h2 {margin: .9em 20px .2em 0; font-weight: normal; font-size: 1.6em}
#auth input#asub {width: auto; margin: 0 10px 0 0; padding: 1px 2px}
#auth input#abclose {width: auto;  padding: 1px 2px}
#auth a {font-size: .9em}

#path {background: #E9E9E9; padding: 1em 23px; font: normal .7em tahoma, sans-serif; color: #666}
#path a {color: #666;}

#rc h1 {margin: .4em 23px;}
#rc h1.news {font-size: 1.6em; margin: .2em 23px .4em;}
#rc .text {margin: 0 23px}
#rc .text .date {margin: 0;}
#rc .text h2 {color: #8C2628; margin: 1.5em 0 1em; clear: left;}
#rc .text p {margin: 1em 0;}
#rc .text ul {margin: 1em 0; list-style-type: none;}
#rc .text ol {margin: 1em 0; list-style-position: inside}

#rc .text .multiselect ul li{margin: 0 0; padding-left: 12px; background: #ddd}

#rc .text ul li {margin: .65em 4px; padding-left: 12px; background: url(../i/smbg.gif) 0 .6em no-repeat}
#rc .text ol li {margin: .65em 4px; padding-left: 12px;}



#rc .news {margin-right: 220px}
#rc .news p {font-size: .9em; margin: .2em 0 1.5em}

.toprint {float: right; margin: 1.5em 0 .5em 10px; padding: 0 23px 0 24px; font-size: .8em; background: url(../i/toprint.gif) 0 50% no-repeat}
.black {color: #000; margin-top: 1.8em;}

#newsarch {width: 200px; float: right; background: #F5EDD4; padding: .5em 0 .75em}
#newsarch	form {margin: 0 10px;}
#newsarch h3 {margin: 0 10px; font-size: .9em}
	#nsub {position: relative; top: -1px; width: 26px; padding: 0; background: #D4D0C8 url(../i/nsub.gif) 50% 50% no-repeat}
select {font-size: .95em}
option {padding: 0 3px 0;}

.banright {clear: right; float: right; margin: 2em 0}

.photo {clear: right; float: right; width: 290px; color: #666; font-size: .8em; margin-bottom: 1.5em}
.photo div {margin: 0 0 0 17px}
.photo img {margin: 0 10px .5em 0}

#phlist {margin-left: 13px}
#phlist h2 {margin-left: 10px}
#phlist div {background: #4C4C4C; overflow: hidden; width: 100%; padding-bottom: 12px}
#phlist div a {float: left; border: 1px solid #4C4C4C; margin: 12px 0 0 10px;}
#phlist div a:hover {border: 1px solid #E3C991}

.msearch, .jsearch {width: 100%}
.jsearch {margin-top: .5em}
.msearch .c1 div, .jsearch .c1 div {position: relative}
.msearch .c2, .jsearch .c2 {width: 68px;}
	#mquery, #jquery {width: 100%; padding-left: 5px;}
.msearch input, .jsearch input {padding: 3px 2px}
#msub, #jsub {float: right; position: relative; top: -1px; padding: 2px;}
.text label {font: bold .85em arial, sans-serif}
.msearch .c1 select {position: absolute; top: 1.7em; left: 0; width: 101.75%; border: 1px solid #000; display: none}

.membs {margin: 2em 0}
.membs td {width: 30%; padding-right: 20px}
.membs td a {font-size: .75em}
#rc .membs ul li {background: none; padding-left: 0}
#rc .member {font-size: 1.5em; margin: .8em 23px .7em}
.memcard {width: 100%}
.memcard .sep {width: 20px; border: 0}
.memcard td {padding: .7em 2em .7em 0; border-bottom: 1px solid #ccc; font-size: .9em; vertical-align: middle}
.memcard .logo {width: 36%; text-align: center; border: 1px solid #ccc}
.memcard .logo img {margin: 16px}
.memcard td.nbrd {border: 0; vertical-align: top;}
#rc .memcard td.nbrd h3 {font: bold 1em arial, sans-serif; color: #000; margin: 1.5em 0 .8em 0}
#rc .memcard ul {margin-bottom: 3em}
#rc .memcard ul li {margin-bottom: 1em}
#rc .memcard td.nbrd h4 {font: normal .9em arial, sans-serif; color: #AC3517; margin: .5em 0 0 0}
#rc .memcard td.nbrd p {margin-top: .4em}

#rc .text #m3 {font-size: .85em; margin: 0 0 3Em; padding: 0}
#rc .text #m3 li {background: none; margin: .65em 0; padding: 0;}
#rc .text #m3 li a {color: #235298}
#rc .text #m3 li a:hover {color: #8A0F0F}
#rc .text #m3 li span {color: #AC3517}

.person img {float: left; margin: 0 12px 6px 0}
.person h3 {padding: 0}
#rc .text .person p {font-size: .9em; margin: .5em 0}
#rc .text .person p.who {margin: .2em 0 1em}
#rc .text .person p.phone {margin: 1.5em 0 .5em}

.file {padding: 1em 0 .25em 32px; background: url(../i/file.gif) 0 .9em no-repeat}
.doc { background: url(../i/doc.gif) 0 .9em no-repeat}
.xls { background: url(../i/xls.gif) 0 .9em no-repeat}
.zip { background: url(../i/zip.gif) 0 .9em no-repeat}
.rtf { background: url(../i/rtf.gif) 0 .9em no-repeat}
.pdf { background: url(../i/pdf.gif) 0 .9em no-repeat}
.html { background: url(../i/html.gif) 0 .9em no-repeat}

.exemple {margin-top: .25em; font-size: .8em; color: #999}

.jsw {text-decoration: none; border-bottom: 1px dashed #235298}
.jsw:hover {border-bottom: 1px dashed #8A0F0F}
.jobs {width: 100%}
.jobs td {width: 50%}
.jobs td div.jitem {margin-right: 20px; margin-bottom: 2em}
.jobs td div.date {color: #000; font-size: .75em}
#rc .jobs td div.jitem p {font-size: .75em; margin: 0 0 .5em}
#rc .jobs td div.jitem p span {color: #AC3517}

.list {width: 100%; margin-bottom: 1.5em}
.list tr:hover, .list tr.over {background: #eee}
.list tr.title:hover, .list tr.title {background: none}
.list th, .list td {padding: .5em 8px; font-size: .75em}
.list th {text-align: left; font-weight: normal; color: #333; border-bottom: 3px solid #D8D7D4}
.list td {padding: .75em 8px;}

.nav {border-top: 1px solid #D8D7D4; font-size: .9em; padding: .9em 8px .5em}
.nav span, .pager span {color: #999}
.pager {padding: .25em 8px; font-size: .9em;}

#specSearch {width: 91%; margin: 0 0 1em 23px;}
#specSearch td {padding: .3em 4px .4em 0;}
#specSearch label {white-space: nowrap; font-size: .8em}
#specSearch .qu {width: 100%}
#specSearch .qu select, #specSearch .qu input {width: 100%; padding-left: 2px;}
#specSearch .qu input {width: 98%}
#specSearch .qu input {padding-bottom: 1px}
.su input {position: relative; top: -1px; padding: 0 4px}

.tform label {font-weight: normal; position: relative; top: -2px}
.tform div {margin: .5em 0}
.tform input {margin: 0 4px 0 0; padding: 0}
.question {font-weight: bold; font-size: .9em}
.tform div.click {margin: 1em 0 0;}
.yep {float: left; color: #393; font-weight: bold}
.nop {float: left; color: #c00; font-weight: bold}
.nx {font-size: .9em; padding: .6em 0 0 100px}
#tsub {padding: .1em 10px; font: bold .9em arial, sans-serif}

#fauth, #freg {margin-bottom: 2.5em}

.tauth, .freg {width: 70%; margin-bottom: .75em}
.tauth .c2, .freg .c2 {width: 100%}
.tauth td, .freg td {padding: .4em 10px .4em 0; vertical-align: middle}
.tauth input, .freg input {width: 100%; padding: 2px}
.tauth label, .freg label {font-weight: normal; font-size: .8em}
.freg td {padding: .4em 10px .4em 0; vertical-align: top}
.freg label {float: left; margin: .4em 10px .4em 0; white-space: nowrap}
.freg span {font-size: .8em; color: #666}
#tasub, #rsub {font: bold .9em arial, sans-serif; padding: 2px 5px;}

.text h3 {margin-top: 2em}
.text .bpimg {width: 160px; float: right; text-align: center}
#.text .bpimg img {margin: 0 auto 20px}
.text .bpimg {margin: 0 auto 20px}
.text .bp {font-size: .75em; line-height: 1.6em}

#jobform {}
#jobform div {clear: both; margin: .6em 0; width: 400px; overflow: hidden}
#jobform input, #jobform select {width: 260px; float: left; font-size: 1.1em; padding-left: 3px}
#jobform select {width: 268px; font-size: 1em}
#jobform label {font-weight: normal; font-size: .8em; width: 120px; float: left; line-height: 1.8em}
label.requied {color: #a80003}
#jobform input#rage {width: 40px}
#jobform input#vtp {width: 20px}
#jobform input.rad {width: auto; float: left; margin: .3em 6px 0 0;}
#jobform input#rmon, #jobform input#rtmon, #jobform input#vmon, #jobform input#vtmon {width: 100px}
#jobform input#cname {width: 260px}
#jobform label.loff {width: 160px; text-align: right; padding-right: 10px}
#jobform div.off {width: 600px}
#jobform div.textarea {margin-top: 3em}
#jobform textarea {width: 384px;}
#jobform div.textarea label {width: 400px; display: block; float: none; line-height: 1.3em}

#jobform #rsub, #jobform #vsub  {width: auto; padding: .1em 10px; font: normal 1em arial, sans-serif}

.small
{
	
	font-size:small;
   
}
.smallb
{
	font-weight: bold;
	font-size:small;
	color: #fff
   
}