html, body { margin: 0; padding: 0; }
body { background: #fff; font: 74% Verdana, Arial, sans-serif; line-height: 1.5em; }

#wrapper { position: relative; left: 50%; width: 986px; margin: 0 0 0 -493px; padding: 0; background: #fff url('/~images/background_body.png') repeat-y top center; }

#container { position: relative; left: 50%; width: 960px; margin: 0 0 0 -480px; padding: 2px 0 0 0; background: #338eea; } 

#header { position: relative; width: 100%; height: 148px; margin: 0; padding: 0; background: url('/~images/background_header.png') no-repeat top center; }

#header #flags { width:120px; height:20px; position:absolute; top:10px; right:10px; }
#header #flags .flag { width:24px; height:20px; float:left; cursor:pointer; }

#header #nav { position: absolute; bottom: 0; left: 0; width: 960px; height: 28px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
#header #nav ul { position: relative; margin: 7px 0 0 0; padding: 0; color: #5da6f1; font-weight: bold; font-size: 100%; letter-spacing: 1px; }
#header #nav li { display: inline; margin: 0; padding: 0; }
#header #nav li a { height: 28px; margin: 0; padding: 9px 21px 5px 21px; color: #5da6f1; text-decoration: none; }
#header #nav li.active a { background-color: #338eea; color: #fff; }
#header #nav li a:hover { background-color: #b5cce2; color: #fff; }

#content { position: relative; left: 50%; margin: 60px 0 60px -355px; width: 710px; color: #fff; }
#content a { color: #fff; }
#content a:hover { color: #fff; text-decoration:none;}
#content h1 { margin: 0 0 0px 0; padding: 0; font-size: 155%; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
#content h2 { margin: 12px 0 0 0; padding: 0; font-size: 124%; font-weight: bold; }
#content hr {border: none; border-bottom: 1px solid #91c3f5; height: 0;}
#content img { margin: 0 0 10px 0; padding: 0; border: 1px solid #fff; }
#content p { margin: 0 0 10px 0; padding: 0; }

#content #main { padding-bottom: 10px; }

#content .block { width: 347px; color: #fff; margin: 0; padding: 0; cursor:pointer; }
#content .block:hover { background-color: #65aaf1; }
#content .block .inner { margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #91c3f5; }
#content .block .inner a { color: #fff; }
#content .block .inner a:hover { color: #fff; }
#content .block .inner h2 { margin: 0; }
#content .block .inner img { margin: 5px 2px; }
#content .block .inner p { margin: 8px 2px; }
#content .block .inner .more { margin: 0; text-align: right; }
#content .block .inner .more a { padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }

#content .floatLeft { float:left; }
#content .floatRight { float:right; }

#content .interactive { width: 278px; margin: 15px 0; padding: 0 48px 0 10px; border: 1px solid #2e75bb; font-size: 95%; letter-spacing: 1px; color: #0c81f7; background: #fff url('/~images/background_interactive_block.png') no-repeat 0 bottom; /* background: #fff url('/~images/background_interactive_block_single_state') no-repeat bottom right */ }
#content .interactive { width: 336px; voice-family: "\"}\""; voice-family: inherit; width: 278px; } /* box model hack for ie5.5 */
#content .interactive:hover { background-position: -336px bottom; /* background-image: none; */ }
#content .interactive p { padding: 9px 0 2px 0; text-align: right; }

#footer { font-size:10px; position: relative; left: 50%; width: 940px; height: 30px; margin: 0 0 0 -493px; padding: 20px 23px 0 23px; background: url('/~images/background_bottom.png') no-repeat top center; }
#footer { width: 986px; voice-family: "\"}\""; voice-family: inherit; width: 940px; } /* box model hack for ie5.5 */
#footer a { color: #80b0e0; }
#footer a:hover { text-decoration: none; }
#footer span { color: #80b0e0; }
#footer .left { float: left; }
#footer .right { float: right; }

.clearer { display: block; width: 100%; height: 1px; clear: both; overflow: hidden; }

.accessibility { display: none; }

#content #main .arrowLink a:link { color:#fff; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }
#content #main .arrowLink a:active { color:#fff; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }
#content #main .arrowLink a:visited { color:#fff; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }
#content #main .arrowLink a { color:#fff; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }
#content #main .arrowLink a:hover { color:#fff; text-decoration:none; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }


.newsItemTitle { padding: 3px 0 7px 30px; border-top:solid 1px #91c3f5; font-size: 124%; font-weight: bold; cursor:pointer; }
.newsItemTitleActive { background: #69adf2 url('/~images/arrowBottom.gif') no-repeat 8px 8px; }
.newsItemImg { width:228px; padding-bottom:20px; padding-left:30px; float:left; margin-top:5px; }
.newsItemText { width:340px; padding-bottom:20px; float:right; }

.newsItemTitleActive:hover{ background: #69adf2 url('/~images/arrowBottom.gif') no-repeat 8px 8px; }
.newsBlockActive { background:#69adf2; }
.newsItemTitleInActive:hover{ background:#69adf2 url('/~images/arrowBottom.gif') no-repeat 8px 8px; }
.newsItemTitleInActive { background:transparent url('/~images/arrowBottom.gif') no-repeat 8px 8px; }

.white{ color:#FFF; }

ul { margin: 0 0 0 17px; padding: 0; list-style: none outside url('/~images/arrow.gif'); } /* position inside workaround */
#main h2 { margin: 0; padding:0; }


#content .subMenu ul { height:19px; position: relative; margin: 0; padding-top:4px; color: #fff; font-size: 13px; background:url('/~images/submenubg.jpg') bottom repeat-x;}
#content .subMenu ul li { display: inline; margin: 0; padding: 0; }
#content .subMenu ul li a { height: 23px; margin: 0; padding: 6px 11px 2px 11px; color: #fff; text-decoration: none; background:url('/~images/submenubg.jpg') bottom repeat-x;}
#content .subMenu ul li.active a { background: none #6baef3; color: #fff; }
#content .subMenu ul li a:hover { background: none #6baef3; color: #fff; }
#content .subMenu a { color:#fff; }

#content .arrowLinkWhite a { color:#FFF; padding: 0 18px 0 0; background: transparent url('/~images/arrow.gif') no-repeat center right; }
#content .arrowLinkWhite a:link { color:#FFF; }
#content .arrowLinkWhite a:hover { text-decoration:none; }

.line{ border-top:solid 1px #91c3f5; }