body { margin: 0; padding: 0; text-align: center; background: #4171A4 url(/img/main-bkg2.gif) repeat-y top center; font: normal x-small arial, helvetica; color: #666 }
h1 { font-size: 110%; margin: 0.5em 0; font-weight:bold }
h2 { font-size: 130%; margin: 0.5em 0; font-weight:bold; color: #4A7BAD }
h3 { font-size: 150%; margin: 0.5em 0 }
h4 { font-size: 160%; margin: 0.5em 0 }
p { font-size: 110%; margin: 1em 0; text-align: justify }
img { border: 0 }
label { font-weight: bold; color: #4A7BAD }
form { margin: 0 }
hr { border: 0; height: 1px; color: #E1E1E1; background-color: #E1E1E1; clear: both }
h1 a { text-decoration: none; color: #444 }
h1 a:hover { text-decoration: underline; color: #EB6339 }

#hdr { width: 962px; padding: 10px 10px 8px 20px; margin: auto; text-align: left; overflow: hidden }
#addto { float: right; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75 }

.focus h1 {margin:0; padding:0}
.focus p {padding:0; margin:0}
.focus img {margin:3px 5px 5px 0}

#lft h1 {text-align:left; width:217px; margin:5px 0 0 0; padding:0}
#top { width: 981px; padding-left: 2px; margin: auto; text-align: left }
#top img { float: right }
#mnu a { font-family: verdana, arial, helvetica; display: block; width: 219px; height: 33px; background: #FFF url(img/menu-bkg1.gif) no-repeat bottom right; text-align: right; padding: 0 40px 0 5px; margin: 0 0 1px 5px; font-size: 16px; color: #999; line-height: 33px; text-decoration: none }
#mnu a:hover { display: block; width: 219px; height: 33px; background: #FFF url(img/menu-bkg1-2.gif) no-repeat bottom right; margin-bottom: 1px; color: #315E95 }
#cnt { width: 982px; padding-top: 20px; text-align: left; margin: auto; overflow: hidden  }
#lft { float: left; width: 245px; margin-left: 10px;}
#rgt { float: left; margin-left: 20px; width: 690px }
#ftr { width: 954px; margin: 10px auto; border-top: 10px solid #A7CFF9; overflow: hidden  }
#ftd { float: left; width: 446px }
#ftd h1 {text-align:left; margin-left:0; padding:0}
#ftd h2 a {text-decoration: none; color: #4A7BAD }
#submnu { margin-bottom: 2em }

#ftd h1 { font-size: 1.6em }
#ftd i {color:#000}
#ftd span {color:#17477F}
#submnu h3 { margin: 0 0 0.5em 0 }

.fld1, .fld2 { color: #DB5329; font-weight: bold; font-size: 90%; padding: 0.3em 5px }
.fld1 { width: 140px }
.fld2 { width: 198px }
.btn { text-align: right }
.btn input { font-size: 100%; color: #333; padding: 1px 0 }

.news, .qual { padding-top: 10px }
.qual p {text-align:center}
.blog  p, .news p { margin-top:5px }
.more { text-align: right; font-weight: bold; font-size: 110%; margin: 0 0 20px 0 }
.more a { text-decoration: none; color: #4A7BAD }
.more a:hover { text-decoration: underline; color: #EB6339 }

.fimg { float: left; margin: 7px 5px 5px 0px }
.lmnu1, .lmnu2, .lmnu3 { display: block }
.lmnu1 { font-size: 160%; font-weight: bold; padding-left: 0 }
.lmnu2 { font-size: 140%; font-weight: bold; padding-left: 20px }
.lmnu3 { font-size: 120%; font-weight: normal; padding-left: 40px }


.lcol, .ccol, .rcol { float: left; background: #FFF; width: 213px }
.rcol, .ccol { margin-left: 20px }
.lcol h3 a, .ccol h3 a, .rcol h3 a { text-decoration: none; color: #13457D; margin: 0.5em 0 0 0}
.lcol h3 a:hover, .ccol h3 a:hover, .rcol h3 a:hover { text-decoration: underline; color: #EB6339 }

.strap { margin-top: 0 }
.strap a { text-decoration: none; color: #666}
.strap a:hover { text-decoration: underline; color: #000 }

.clr, .clrl, .clrr { font-size: 0; line-height: 0 }
.clr { clear: both }
.clrl { clear: left }
.clrr { clear: right }

.artmnu { display: block; text-decoration: none; color: #13457D; padding: 0.5em 0; border-top: 1px solid #EEE }
.artmnu:hover { text-decoration: underline }
.fl { float: left; text-align: left }
.fr { float: right; text-align: right }

#Menu { margin-bottom: 20px }
#Menu ul {margin:0 0 0 10px; padding:5px;}
#Menu li {font-weight:bold; font-size:1.2em; list-style:none; margin:5px 0 0 0; border-bottom:1px solid #CCC; padding-bottom:5px}
#Menu li li {font-weight:normal; font-size:1.0em; list-style:none; margin:0 0 0 10px; border-bottom:none}
#Menu a {color:#6B99C9; text-decoration:none;}
#Menu li a {background-image:url(/img/arrow.gif); background-postion:top left; background-repeat:no-repeat; padding-left:15px}
#Menu li li a {background-image:url(/img/arrowsub.gif); background-postion:top left; background-repeat:no-repeat; padding-left:10px;}
#Menu a:hover {color:#2D5B8B}
#Menu h4 {color:#2D5B8B}

.imghdr {border:1px solid #2D5B8B}
.imgcontright {border:1px solid #2D5B8B; margin:0 0 5px 10px}
.imgcontleft {border:1px solid #2D5B8B; margin:0 10px 5px 0}

fieldset {padding:0 0 0 10px; border:1px solid #2D5B8B}
legend {color:#2D5B8B; font-size:1.2em; font-weight:bold; margin-bottom:10px;}
#mainform label {display:block; float:left; padding:4px 10px 0 0; width:130px; text-align:right;}
#mainform p {clear:left; margin:0; padding: 0 0 10px 0;}
#mainform p textarea {width:250px; height:70px}
#mainform input, select, textarea {font-size:12px; font-family:arial}

.main1, .main2 { float: left; background: #FFF; width: 213px }
.main1 img, .main2 img {border:1px solid #2D5B8B;}
.main2 { margin-left: 10px }
.main1 h3 a, .main2 h3 a { text-decoration: none; color: #13457D; margin: 0.5em 0 0 0}
.main1 h3 a:hover, .main2 h3 a:hover { text-decoration: underline; color: #EB6339 }

#content {margin-left:20px; width:720px}