/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body { background: #1e1e1e url(/images/layout/top_bgnd.png) repeat-x; font-family: sans-serif; }
a, a:visited { color: #007bb8; }
a:hover, a:active { color: #000; }

.viewport { float: left; width: 100%; background: #fff; }
.boundary { width: 950px; margin: 0px auto; }

.top { position: relative; float: left; width: 100%; height: 124px; border-bottom: #868686 4px solid; background: #888 url(/images/layout/top_bgnd.png) repeat-x; }
.top .header { position: relative; width: 950px; margin: 0 auto; }
.top .logo { float: left; width: 277px; height: 124px; margin-left: 0px; background: url(/images/layout/logo.png) no-repeat 0 11px; }
.top a { float: left; width: 100%; height: 100%; text-decoration: none; }
.content { float: left; width: 100%; min-height: 400px; background: #fff url(/images/layout/left_full_bgnd.png) repeat-y -137px 0; }
.main { float: left; width: 457px; margin: 0; padding: 10px 25px; }
.content.frontpage { background: #fff; }
.content.frontpage .main { width: 948px; padding: 10px 0; margin-left: 0px; border: 0; }
.content.folder { background: #fff url(/images/layout/left_bgnd.png) repeat-y -137px 0; }
.content.folder .main { width: 706px; padding-right: 0; }
.bottom { float: left; width: 100%; height: 287px; border-top: #868686 4px solid; background: #1e1e1e; color: #919191; font-size: 80%; }
.left { float: left; width: 218px; padding-right: 1px; }
.dim { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background: #333;}
.notify { display: none; position: fixed; left: 50%; top: 50%; width: 389px; height: auto; margin-left: -218px; margin-top: -100px; padding: 25px; border: #666 3px solid; background: #333; color: #fff; font-size: 90%; font-weight: normal; line-height: 130%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 10; }
.notify h3 { margin-bottom: 10px; color: #ffdf30; font-size: 120%; }
.notify .close { position: absolute; right: -15px; top: -15px; cursor: pointer; }

.sprites { float: left; width: 16px; height: 16px; background: url(/images/layout/sprites.png) no-repeat; }
.sprites.next,
.sprites.prev,
.sprites.arrow { width: 19px; height: 20px; margin-right: 5px; background-position: -18px 0px; }
.sprites.arrow2 { width: 18px; height: 33px; margin: 0; }
.sprites.arrow3 { width: 8px; height: 14px; margin: 0; background-position: -37px -36px; }
.sprites.facebook { width: 30px; height: 30px; margin-right: 8px; background-position: -37px 0; }
.sprites.logo { width: 27px; height: 41px; margin-right: 18px; background-position: -100px 0; }
.sprites.prev { background-position: -18px -20px; }
.sprites.ticker { width: 10px; height: 11px; background-color: transparent; background-position: -10px -40px; }
.sprites.ticker.active { width: 10px; height: 11px; background-color: transparent; background-position: 0 -40px; }
.sprites.play { width: 6px; height: 11px; margin-right: 6px; background-color: transparent; background-position: -28px -40px; }
.sprites.pause { width: 9px; height: 11px; margin-right: 5px; background-color: transparent; background-position: -20px -40px; }
.sprites.close { width: 28px; height: 28px; background-position: -45px -30px; }
.sprites.send { width: 78px; height: 20px; background-position: -73px -41px; }

.box { float: left; width: 168px; height: auto; margin-bottom: 25px; padding: 15px; background: #333; color: white; text-transform: uppercase; font-size: 80%; }
.box .title { float: left; line-height: 125%; }
.box form { float: right; width: 166px; margin-top: 10px; margin-right: 0px; padding: 2px; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box .arrow { float: right; margin: 0px; border: 0; cursor: pointer; -webkit-appearance: none; }
.box .textbox { float: left; width: 142px; height: 18px; border: 0; background: #fff; }
.box.news h2 { float: left; margin: 0 15px 0 14px; color: #333333; line-height: 33px; }
.box.info form { background: transparent; }
.box.info .textbox { width: 156px; margin-bottom: 10px; padding: 3px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box.info .missing { background: #ffdf30; }
.box.info .submit { float: right; margin: 0; margin-right: -3px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.box.info .formDescription { float: left; width: 100%; color: #c3c3c3; text-transform: none; padding: 15px 0 5px; }


.frontpage .main { background: #fff; }
.frontpage .folders { float: left; margin-top: 15px; border: #eff0ef 1px solid; }
.frontpage .folder { position: relative; float: left; width: 205px; height: 135px; padding: 20px 15px; background: #f8f8f8 url(/images/layout/box_bgnd.png) repeat-x; font-size: 95%; border-left: #fff 1px solid; border-right: #d0d0d0 1px solid; }
.frontpage .folder h2 { margin-bottom: 4px; color: #333333; text-transform: uppercase; }
.frontpage .folder .summary { padding: 10px 0px; font-size: 80%; line-height: 150%; }
.frontpage .folder a,
.frontpage .folder a:visited { position: absolute; left: 15px; bottom: 15px; float: left; height: 20px; line-height: 20px; font-size: 80%; color: gray; text-decoration: none; }
.frontpage .folder a:hover,
.frontpage .folder a:active { color: #000; }
.frontpage .folders .folder:first-child { border-left: 0; }
.frontpage .folders .folder:last-child { border-right: 0; }

.frontpage .box { width: 468px; height: 60px; margin-top: 20px; margin-bottom: 0px; padding: 0; }
.frontpage .box .title { padding: 25px 15px; line-height: 100%; }
.frontpage .box form { height: 20px; margin-top: 18px; margin-right: 15px; }
.frontpage .box + .box { margin-left: 12px; }
.frontpage .box.news { width: 946px; height: 33px; margin: 15px 0; border: #d1d1d1 1px solid; background: #fff; }
.frontpage .box.news h2 { float: left; margin: 0 15px 0 14px; color: #333333; line-height: 33px; }

.frontpage .box .textbox { position: absolute; background: transparent; -webkit-appearance: none; }


.top .tools { position: absolute; right: 0px; top: 10px; }
.top .tools a,
.top .tools a:visited { float: left; width: auto; padding: 0 10px; color: #8a8b8b; text-decoration: none; font-size: 80%; }
.top .tools a.active,
.top .tools a:hover,
.top .tools a:active{ color: #fff; }

.top .menu { position: absolute; right: 0px; top: 76px; }
.top .menu a,
.top .menu a:visited { float: left; width: auto; padding: 0 10px; border-left: #808080 1px dotted; color: white; line-height: 20px; text-decoration: none; text-transform: uppercase; font-size: 90%; }
.top .menu a:first-child { border: 0; }
.top .menu a.active,
.top .menu a:hover,
.top .menu a:active { color: #ffdf30; }

.left .menu { padding-top: 5px; }
.left .menu a,
.left .menu a:visited { float: right; width: 215px; height: 40px; padding-left: 10px; line-height: 40px; border-bottom: #c6c6c6 1px solid; color: #333333; text-decoration: none; }
.left .menu a:hover,
.left .menu a:active, 
.left .menu a.active { background: #a4a4a4; color: white; }


hr { clear: both; margin-bottom: 30px; border: 0px; border-bottom: #919191 1px solid; }

.bottom .footer { width: 950px; height: 227px; margin: 0 auto; padding: 40px 0px 20px; background: #1e1e1e; }
.bottom span { display: block; float: left; }
.bottom .contact { float: left; margin-right: 45px; font-size: 110%; line-height: 120%; }
.bottom .maps { float: left; height: 45px; padding-right: 45px; border-right: #919191 1px dotted; color: white; font-size: 110%; line-height: 120%; }
.bottom .follow { float: left; height: 45px; padding-left: 30px; padding-right: 40px; border-right: #919191 1px dotted; color: white; font-size: 110%; }
.bottom .copyright { float: left; width: 300px; padding-left: 40px; font-size: 85%; line-height: 120%; }

.bottom a,
.bottom a:visited { display: block; float: left; clear: both; padding-top: 4px; color: #919191; text-decoration: none; }
.bottom .maps a,
.bottom .maps a:visited { border-bottom: #ffdf30 1px solid; }
.bottom .follow a,
.bottom .follow a:visited { line-height: 26px; }
.bottom .follow span { text-transform: uppercase; }

.bottom .menu { float: left; width: 100%; margin-bottom: 20px; }
.bottom .menu div { float: left; padding-right: 40px; }
.bottom .menu span { display: block; float: left; clear: both; }
.bottom .menu div > a,
.bottom .menu div > a:visited { padding-bottom: 8px; color: white; text-transform: uppercase; font-size: 110%; }
.bottom .menu a:hover,
.bottom .menu a:active,
.bottom .menu a.active { color: #fff; }



.page { color: #6b6b6b; font-size: 78%; line-height: 135%; }
.page h1 { margin-top: 10px; margin-bottom: 10px; color: #333333; font-size: 160%; text-transform: uppercase; }
.page .text { float: left; width: 100%; clear: both; }
.page form { float: left; clear: both; margin-top: 2ex; width: 100%; }
.page .boxed { float: left; padding: 15px; border: #d7d7d7 1px solid; background: url(/images/layout/box_bgnd.png) repeat-x left bottom; font-size: 120%; font-weight: bold; line-height: 140%; }
.page .boxed .more { float: right; min-width: 72px; margin-top: 10px; padding: 0 3px; background: #333; height: 20px; line-height: 20px; white-space: nowrap; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.page .boxed span { float: right; margin-left: 5px; margin-top: 3px; }
.page .boxed a, 
.page .boxed a:visited { padding-left: 1px; color: #fff; text-decoration: none; font-size: 75%; }
.page.contact .more { display: none; }
.page.contact .formElementTitle { margin-top: 5px; font-weight: bold; }
.page.contact .formInputTextBox,
.page.contact .formInputTextArea { width: 70% !important; border: #d8d8d8 1px solid; background: #fafafa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.page.contact .formInputTextArea { width: 455px !important; }
.page.contact .button { width: 86px; height: 28px; margin-top: 10px; border: #333 5px solid; background-position: -74px -42px; cursor: pointer; }
.page .formStatusMessage,
.page .formMailSent { display: none; }
.page .formForceField { color: #ffdf30; }
.page .formForceFieldOK { color: #cccccc; }

.page .list { float: left; width: 706px; }
.page .list .article { position: relative; float: left; clear: both; width: 100%; padding-bottom: 12px; margin-bottom: 12px; border-bottom: #c6c6c6 1px solid; }
.page .list .article .image { float: left; width: 345px; min-height: 100px; margin-right: 24px; overflow: hidden; }
.page .list .article .info { float: left; width: 337px; }
.page .list .article table { width: 100%; font-size: 140%; }
.page .list .article th { width: 100px; padding: 5px 0; border-bottom: #c6c6c6 1px solid; color: #333333; text-align: left; }
.page .list .article td { padding: 5px 0; border-bottom: #c6c6c6 1px solid; color: #7e7e7e; }
.page .list .article tr:first-child th,
.page .list .article tr:first-child td { padding-top: 0; } 
.page .list .article .text { float: left; width: 100%; margin-top: 10px; margin-bottom: 35px; }
.page .list .article:last-child { border-bottom: 0; }

.page .list .more a,
.page .list .more a:visited { position: absolute; left: 369px; bottom: 15px; color: #6b6b6b; line-height: 20px; font-weight: bold; text-decoration: none; }
.page .list .more a:hover,
.page .list .more a:active { text-decoration: underline; }
.page .list .more span { text-decoration: none; }

.formHide { display: none; }

.right { float: left; width: 200px; margin-left: 24px; margin-top: 24px; }
.right h2 { margin-bottom: 15px; color: #333333; font-size: 110%; }
.right h3 { color: #7e7e7e; margin-bottom: 22px; padding: 5px 0; border: #c6c6c6 1px solid; border-left: 0; border-right: 0; }
.right .article { position: relative; float: left; clear: both; width: 198px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: #c6c6c6 1px solid; color: #6b6b6b; font-size: 90%; }
.right .article:last-child { border: 0; }
.right .article h2 { margin-bottom: 5px; }
.right .article .abstract { float: left; width: 100%; margin-bottom: 15px; color: #333; font-size: 90%; }
.right .article .image { float: left; margin-top: 15px; }
.right .article .text { float: left; width: 100%; font-size: 90%; line-height: 130%; }
.right .person .image { width: 196px; margin-top: 0; margin-bottom: 15px; border: #c6c6c6 1px solid; overflow: hidden; }

.right .paragraph { float: left; clear: both; width: 100%; margin-bottom: 30px; color: #666666; line-height: 140%; font-size: 75%; }
.right .paragraph h2 { margin-bottom: 10px; font-size: 120%; text-transform: uppercase; }

.right .more a,
.right .more a:visited { float: left; clear: both; margin-top: 15px; color: #6b6b6b; line-height: 21px; font-size: 85%; font-weight: normal; text-decoration: none; }
.right .more a:hover,
.right .more a:active { text-decoration: underline; }


.carousel { list-style-type: none; margin-top: 0px; padding-left: 0px; }
.carousel > li { float: left; width: 948px; height: 340px; margin-bottom: 10px; }

.page_slider { position: relative; float: left; width: 948px; height: 340px; margin: 0; padding: 0; overflow: hidden; background: black; }
.image_slider { position: relative; float: left; width: 464px; height: 380px; margin: 0 0 15px; padding: 0; overflow: hidden; background: white; }

.tickerbox { position: relative; float: left; width: 700px; height: 33px; margin-left: 15px; padding: 0; overflow: hidden; }
.ticker { list-style-type: none; margin-top: 0px; padding-left: 0px; }
.ticker > li { float: left; width: 700px; height: 33px; line-height: 33px; background: #fff; }
.ticker a, 
.ticker a:visited { color: #858383; text-decoration: none; text-transform: none; }
.ticker a:hover, 
.ticker a:active { text-decoration: underline; }

.navigation { float: right; margin-bottom: 10px; }
.navigation .tickbox,
.navigation .prev { float: left; cursor: pointer; }
.navigation .next { cursor: pointer; }
.navigation ul { list-style-type: none; }
.navigation li { float: left; width: 18px; height 20px; margin-right: 4px; background-color: #808080; color: white; font-weight: bold; line-height: 20px; text-align: center; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.navigation li.active { background-color: #333; color: #ffdf30; }

.frontpage .navigation { float: left; width: 100%; height: 24px; margin-bottom: 0px; overflow: hidden; background: #333333; }
.frontpage .navigation .tickbox { float: right; margin-top: 7px; margin-right: 10px; list-style-type: none; }
.frontpage .navigation li { padding-top: 15px !important; }