/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*/////////////////////////////////
globals
/////////////////////////////////*/

body { background-color: white; font: 12px Helvetica,Arial,sans-serif; line-height: 15px; color: #666; text-align: center; }
a { color: #666; }
a:hover { color: #999;}
table { width: 100%; font: 12px Helvetica,Arial,sans-serif; line-height: 15px; margin-bottom: 15px; }
table td { padding-right: 20px; vertical-align: top;}
strong { font-weight: bold; }
em { font-style: italic; }

.left { float: left;}
.right { float: right; }
.invisible { visibility: hidden;}
.h30 { height: 30px;}
.h90 { height: 90px;}
div.clearfix { float: none; clear: both; }

div#container { background: white url('/media/static/img/background.gif') no-repeat; height: 730px; width: 1000px; padding-top: 1px; text-align: left; margin: 20px auto 1px; position: relative; }
div#content { margin: 20px 50px 25px 50px; padding-top: 1px; background-repeat: no-repeat; width: 900px; height: 600px; }
div#content_inner { width: 520px; height: 400px; margin: 35px 30px; padding-top: 1px; position: relative; overflow: hidden;}

/*/////////////////////////////////
menu
/////////////////////////////////*/

div#menu { height: 90px; width: 100%; background-color: white;}
div#menu ul { float: left; margin-left: 30px; margin-top: 38px; }
div#menu ul li { float: left; margin-right: 18px;}
div#menu ul li a { display: block; height: 22px; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
div#menu ul li a:hover { background-position:  0 -23px;}
div#menu ul li a span { display: none;}
div#menu img.logo { float: right; margin-right: 30px; margin-top: 10px; }

div#footer { text-align: center;}
div#footer img { float: none; clear: both; margin-bottom: 25px;}


ul#submenu { position: absolute; bottom: 30px; left: 375px; }
ul#submenu li { float: none; display: block; clear: both;}
ul#submenu li a { display: block; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
ul#submenu li a:hover { background-position:  0 100%; }
ul#submenu li a span { display: none;}
div#submenu_inline { margin-left: 40px;}
div#submenu_inline a { float: left; display: block; margin-right: 10px; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
div#submenu_inline a:hover { background-position:  0 100%; }
div#submenu_inline a span { display: none;}

/*/////////////////////////////////
content
/////////////////////////////////*/

div#content_inner img.title { margin: 25px 0 25px 25px;}
div#content_inner h1.first img.title { margin-top: 0;}
div.text_content { width: 320px; height: 300px; margin: 0 0 25px 25px; padding-right: 25px; overflow: auto;}
div.text_content p { margin-bottom: 15px;}

div.download_files { height: 340px; width: 420px;}
ul.download_files { margin: 0 0 25px 25px; }
ul.download_files a { font-weight: bold; text-decoration: none; padding-right: 5px; }

a#link_facebook { position: absolute; left: 70px; top: 40px;}
a#link_myspace { position: absolute; left: 120px; top: 40px;}


/*/////////////////////////////////
js scrollpane
/////////////////////////////////*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin-right: 0;}

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; background: #999 url() repeat-y 3px 0; height: 100%;}
.jScrollPaneDrag { position: absolute; background: #ccc url() repeat-y; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; background: #ccc url() repeat-y left; top: 0; left: 0; height: 1px; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; background: #ccc url() repeat-y left; height: 1px; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowUp:hover { /*background-color: #f60;*/}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover { /*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}