/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0px; font-size: 12px; text-align: center; font-family: Georgia, utopia, serif; ; background-image: url(/images/layout/bg.jpg); background-repeat: repeat-x; background-color:#E7FFEE; color:#000; }
/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h2 { font-size:21px; }
h3 { font-size:13px; font-weight:normal; }
p { line-height:150%; }
ul li { list-style:none; }
a { color:#277EAB; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; display:block; }
.clear { clear:both; }
.wrap { margin:0 auto; text-align:left; width:967px; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.float { float:left; }
.floatRight { float:right; }

/* = HEADER
---------------------------------------------------------------------------------------------------*/
.header { width: 967px; }
.header .left { float: left; margin: 0 0 20px 0; }
.header .right { float: right; background-image: url(/images/layout/h3.jpg); width: 327px; height: 218px; padding: 110px 80px 0 30px; }
.right h1 { font-size: 22px; font-weight: normal; margin: 0 0 10px 0; }
.right h2 { font-size: 15px; font-weight: normal; }

/* = SECTION LEFT SIDE
---------------------------------------------------------------------------------------------------*/
.sectionLeft { width: 203px; margin: 0 10px 0 0; float: left; }
.sectionLeft .boxTop { width: 203px; margin: 0 0 0 2px; height: 41px; background-image: url(/images/layout/lefttop.jpg); }
.sectionLeft .boxText { width: 170px; margin: 0 0 0 2px; padding: 15px 15px 0 15px; background-image: url(/images/layout/lefttext.jpg); clear: both; }
.sectionLeft .boxBottom { width: 203px; height: 42px; background-image: url(/images/layout/leftbottom.jpg); }
.boxText h1 { font-size: 18px; font-weight: bold; margin: 0; color: #1D816B; padding: 0 0 20px 0; }

.picture img { padding: 0 0 0 1px; }
.picture { border: 1px solid #4EC5AD; background-color: #E7FFEE; margin: 0 0 15px 0; padding: 5px; }
.picture a { font-size: 14px; font-weight: bold; color: #000; padding: 0; margin: 0; text-decoration: none; }
.picture a:hover { text-decoration: underline; }

.boxText h2 { font-size: 14px; font-weight: normal; margin: 5px 0 0 10px; }
.boxText h3 { font-size: 14px; font-weight: normal; margin: 2px 0 5px 10px; color: #000; padding: 0; }
.button { width: 128px; height: 22px; padding: 5px 0 0 13px; color: #fff; background-image: url(/images/layout/button.gif); }
.button a { font-size: 14px; color: #fff; text-decoration: none; }
.button a:hover { text-decoration: underline; }
.button2 { width: 107px; height: 22px; padding: 5px 0 0 13px; color: #fff; background-image: url(/images/layout/button2.jpg); }
.button2 a { font-size: 14px; color: #fff; text-decoration: none; }
.button2 a:hover { text-decoration: underline; }
.boxTextBottom .button3 { width: 420px; height: 22px; padding: 5px 0 0 10px; margin: 0 0 0 150px; color: #fff; background-image: url(/images/layout/button3.jpg); }
.boxTextBottom .button3 a { font-size: 13px; color: #fff; font-weight: normal; text-decoration: none; }
.boxTextBottom .button3 a:hover { text-decoration: underline; }
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { float: left; position: relative; padding: 0 0 20px 0; }
ul li a { margin: 0 0 5px 0; text-decoration: none; float: left; display: block; line-height: 20px; padding: 0 20px 0 0; color: #000; font-size: 18px; font-weight: normal; }
ul li a:hover { text-decoration: underline; }
.active { color: #1D816B; margin: 0 0 5px 0; text-decoration: none; float: left; display: block; line-height: 20px; padding: 0 30px 0 0; font-size: 18px; font-weight: normal; }
.active:hover { text-decoration: none; }
.topList { margin: 0 0 8px 0; }
.topListLink {  line-height: 30px; }
.topListLink a { font-size: 14px; color: #000; font-weight: normal; }
.topListLink a:hover { text-decoration: none; }

/* = SECTION MIDDLE SIDE
---------------------------------------------------------------------------------------------------*/

.sectionRight { width: 754px; float: left; }
* html .sectionRight { margin-right:-3px; }

.leftSide { float: left; width: 544px; margin: 0 0 0 7px; }
* html .leftSide { display: inline; margin-right:-3px; }

.leftSide .boxTopMiddle { width: 510px; height: 55px; padding: 50px 0 0 20px; background-image: url(/images/layout/middletop.jpg); font-size: 22px; color: #fff; font-weight: normal; }
.leftSide .boxTextMiddle { width: 530px; padding: 10px 0 0 8px; background-image: url(/images/layout/middletext.jpg); background-repeat: repeat-y; }
.leftSide .boxBottomMiddle { width: 530px; height: 58px; margin: 0 0 10px 0; background-image: url(/images/layout/middlebottom.jpg); }
.newsBox { float: left; margin: 0 10px 0 10px; width: 150px; }
* html .newsBox { display: inline; }

.newsBox h2 { font-size: 12px; font-weight: bold; margin: 0; color: #58C9B1; }
.newsBox a { font-size: 15px; font-weight: bold; margin: 0; color: #000; text-decoration: underline; }
.newsBox a:hover { text-decoration: none; }
.boxTextMiddle img { padding: 5px; margin: 0 5px 10px 0; float: left; border: 1px solid #4EC5AD; background-color: #E7FFEE; }
.newsBox p { font-size: 14px; }
/* = SECTION MIDDLE RIGHT
---------------------------------------------------------------------------------------------------*/

.rightSide { float: right; width: 203px; }
.rightSide .boxTopRight { width: 203px; height: 41px; background-image: url(/images/layout/righttop.jpg); }
.rightSide .boxTextRight { width: 170px; margin: 0 0 0 3px; padding: 15px 15px 0 15px; display: inline-block; background-image: url(/images/layout/righttext.jpg); clear: both; }
.rightSide .boxBottomRight { width: 203px; height: 42px; margin: 0 0 0 2px; background-image: url(/images/layout/rightbottom.jpg); }
.boxTextRight h1 { font-size: 18px; font-weight: bold; margin: 0; color: #1D816B; padding: 0 0 17px 0; }
.boxTextRight h2 { font-size: 14px; font-weight: bold; margin: 5px 0 0 10px; color: #000; padding: 0; }
.boxTextRight h3 { font-size: 14px; font-weight: normal; margin: 0 0 10px 10px; color: #000; padding: 0; }
.categories { display: block; background-image: url(/images/layout/bullet.jpg); background-repeat: no-repeat; padding: 0 0 0 15px; margin: 0 0 10px 0; }
.categories a { font-size: 14px; font-weight: bold; margin: 0; color: #000; text-decoration: none; }
.categories a:hover { text-decoration: underline; }

/* = SECTION MIDDLE BOTTOM
---------------------------------------------------------------------------------------------------*/

.middleSide { float: left; width: 745px; margin: 0 0 0 8px; }
* html .middleSide { margin-left:4px; margin-right:-8px; }

.middleSide .boxTopBottom { width: 725px; height: 60px; padding: 60px 0 0 20px; background-image: url(/images/layout/bottomtop.jpg); font-size: 22px; color: #fff; font-weight: normal; }
.middleSide .boxTextBottom { width: 730px; padding: 10px 5px 0 10px; background-image: url(/images/layout/bottomtext.jpg); background-repeat: repeat-y; }
.middleSide .boxBottomBottom { width: 744px; height: 54px; margin: 0 0 20px 0; background-image: url(/images/layout/bottombottom.jpg); }
.boxTextBottom a { font-size: 12px; color: #000; font-weight: normal; text-decoration: none; padding: 0 20px 0 0; }
.boxTextBottom a:hover { text-decoration: underline; }
.boxTextBottom a:hover { text-decoration: none; }

.boxTextBottom .textBottomLink { width: 720px; margin: 0 0 5px 0; float: left; }
.middleSide .boxTextBottom2 { width: 729px; padding: 10px 0 0 15px; background-image: url(/images/layout/bottomtext.jpg); background-repeat: repeat-y; }
.boxTextBottom2 .boxTextBottomBox { float: left; width: 350px; margin: 0 5px 0 5px; font-size: 14px; }
.boxTextBottomBox .line { width: 350px; line-height:140%; }
.line a { font-size: 13px; color: #000; display: block; float: left; font-weight: bold; text-decoration: none; }
.line a:hover { text-decoration: underline; }

.totalPicture { float: right; font-size: 13px; color: #000; }
.boxTextBottom p { margin: 25px 0 0 0 ; }
.textBottomLink h2 { float: left; font-size: 13px; color: #4EC5AD; font-weight: normal; margin: 0 10px 0 0; }
.boxTextBottom a { text-decoration: none; }
.boxTextBottom a:hover { text-decoration: underline; }
.textBottomLink a { font-size: 13px; color: #000; display: block; float: left; font-weight: bold; text-decoration: none; margin: 0 5px 0 0; padding: 0; }
.textBottomLink a:hover { text-decoration: underline; }

.boxTextBottom .picture img { padding: 0 0 0 1px; }
.boxTextBottom .picture { border: 1px solid #4EC5AD; background-color: #E7FFEE; margin: 0 9px 15px 4px; padding: 5px; float: left; }
.boxTextBottom .picture a { font-size: 14px; font-weight: bold; color: #000; padding: 0; margin: 4px 0 0 0; text-decoration: none; }
.boxTextBottom .picture a:hover { text-decoration: underline; }
.boxTextBottom .picture h3 { margin: 0 0 4px 0; font-size: 14px; font-weight: normal; }
.boxTextBottom .pictureText { padding: 0 0 0 8px; }

.boxTextBottomBox a { font-size: 14px; margin: 0px; padding: 0px; font-weight: bold; }

/* = BOTTOM PAGE
---------------------------------------------------------------------------------------------------*/
.bottom { float: left; width: 964px; height: 318px; }
.bottom img { float: left; }
.bottom .b1 { width: 482px; height: 159px; float: left; font-size: 14px; background-image: url(/images/layout/b1.jpg); background-repeat: no-repeat; }
.b1Text { width: 437px; height: 141px; padding: 18px 0 0 45px; }
.b1 h1 { font-size: 21px; font-weight: normal; }
.b1 a { text-decoration: none; color: #000; }
.b1 a:hover { text-decoration: underline; }
.bottom p { margin: 0 0 10px 0; }

/* = MISC
---------------------------------------------------------------------------------------------------*/
.jmbfoot { font-size: 0pt; font-family: Verdana; text-align: center; color: #e8ffef}
.jmblink { font-size: 0pt; font-family: Verdana; color: #e8ffef}