/******* YUI BASE *****/
h1,h2,h3 { /* Top & bottom margin based on font size. */ margin:  12px 0;}
h1,h2,h3,h4,h5,h6,strong,dt { /* Bringing boldness back to headers and the strong element. */ font-weight: bold;}
optgroup { font-weight:normal; }
abbr,acronym { /* Indicating to users that more info is available. */ border-bottom: 1px dotted #000; cursor: help; }
em { /* Bringing italics back to the em element. */ font-style: italic; }
del { /* Striking deleted phrases. */ text-decoration: line-through; }
blockquote,ul,ol,dl { /* Giving blockquotes and lists room to breath. */ margin: 12px; }
ol,ul,dl { /* Bringing lists on to the page with breathing room. */ margin-left: 25px; }
ol li { /* Giving OL's LIs generated numbers. */ list-style: decimal outside; }
ul li { /* Giving UL's LIs generated disc markers. */ list-style: disc outside; }
dl dd { /* Giving UL's LIs generated numbers. */ margin-left: 12px; }
sup { /* to preserve line-height and selector appearance */ vertical-align: super; }
sub { /* to preserve line-height and selector appearance */ vertical-align: sub; }
p, fieldset, table, pre { /* So things don't run into each other. */ margin-bottom: 12px; }
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:1px; } /* Opera requires 1px of passing to render with contemporary native chrome */





body { background-color: #2a1213; background-image:url('images/back_1.jpg'); background-repeat:repeat-x; color: white; font-family:"Trebuchet MS";}
h1 { font-size:167%; letter-spacing: 1px; margin-bottom: 7px;}
h2 { font-size:123.1%; letter-spacing: 1px; margin-top: 4px;}
h3 { font-size:110%; letter-spacing: 1px; font-weight: normal;}
h2 a, h1 a { color: inherit; font-size: inherit; border: none;}
p { margin-bottom: 6px;}
a { color: white; text-decoration: none; border: none;}
.legend { font-size: 11px; color: gray; line-height: 100%;}
select { color: black; border: 0; font-size:9pt; margin: 1px;} /*input[type="text"] */
a:hover { color: silver;}
#doc4 #ft a { border-bottom:1px solid #444;}
a img { border: none;}
fieldset { border: 1px solid #d3d3d3; margin-bottom: 1em; margin-top: 0.3em; margin-left: 0.3em; margin-right: 0.3em; padding: 0.5em; background-color: #FBFBFB;}
fieldset legend { font-size:110%; padding-left: 0.5em; padding-right: 0.5em; color: navy;}
.linkbox { border: 0; padding: 0.3em; cursor: pointer; height: 1.2em; width: 1em; margin: 0.3em; display: inline-block; text-align: center; vertical-align: middle; background-color: #BFDADB; *display:inline;}
.fakelink { color: #663; text-decoration: underline; cursor: pointer; }
.fakelink:hover { color: black; text-decoration: none; cursor: pointer; }
DIV.show { display: block;}
DIV.hide { display: none;}





/******* LAYOUT *****/
#doc4 { width: 974px; }
#doc4 #hd { height: 197px; background-image:url('images/header_back.jpg');}
#doc4 #ft { height: 130px; padding-left: 260px; padding-top: 26px; font-size: 85%; background-image:url('images/footer_back_top.jpg'); background-repeat:no-repeat; background-position:top right;}
.yui-t3 .yui-b { float:left; width: 260px; }
.yui-t3 #yui-main .yui-b { margin-left:260px; width: 714px;}




.yui-g .content{ background-color: white; background-image:url('images/main_back_top.jpg'); background-repeat:no-repeat; color: black; line-height: 170%; border-left: 1px solid black; border-right: 1px solid black; padding: 12px; min-height: 650px;}
.yui-g .content a { color: #663; text-decoration: none; border-bottom: 1px solid #331; }
.yui-g .content a:hover { color: black; border-bottom: none ; }
.yui-g .content h1{ color: #5c8585; text-shadow: #bbb 2px 2px 1px;}
.yui-g .content h2, .yui-g .content h3{ margin-bottom: 8px; color: #5c8585;}




#main_navigation { width: 400px;  position:relative; left: 12px; top: 0px; background-color: black; opacity: 0.8;}
#main_navigation table{ width: 100%; margin-top: 5px;}
#main_navigation table td{ width: 33%; height: 30px; padding-left: 10px; vertical-align: top; }
#main_navigation table td.rline{ border-right: 1px solid #222;}
#doc4 #hd #title{ float: right; font-size:240%; letter-spacing: -0.02em; position:relative; right: 12px; top: 60px; text-align: right; text-shadow: #000 2px 2px 0px;}




#banners{ position: absolute; top: 118px; width: 974px; height: 83px;}
#banners .link{ float: left; position: relative; top: 1em; margin-left: 227px; width: 200px; height: 60px;}
#banners .banner{ float: right; position: relative; top: 13px; right: 13px;}
#banners .search{ position: relative; margin-left: 13px; margin-top: 13px; float: left;}
#banners .search .form{ background:transparent url(images/top-search.gif) no-repeat scroll left top; height:22px; width: 22px; line-height:22px; position:relative;}
#banners .search input{ border:0 none; font-size:9pt; height:16px; left:20px; padding:4px 2px; position:absolute; top:0; width:125px; background:transparent url(images/top-search.gif) repeat-x scroll 0 -30px;}




/*** YUI tabview */
.yui-navset li{ list-style: none; padding-top: 3px;}
.yui-navset ul{ margin: 0;}
.yui-navset .yui-content { border:1px solid #ccc;}
.yui-navset .yui-content div{ padding: 6px;}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {background-color:#fff;}
.yui-navset .yui-nav li a {background:#e5e5e5 url(images/round_4px_trans_gray.gif) no-repeat;}
.yui-navset .yui-nav li a em { background:transparent url(images/round_4px_trans_gray.gif) no-repeat top right; padding: 6px;}
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* top oriented */
.yui-navset-top .yui-nav li a {border-bottom:1px solid #ccc;} /* for overlap, based on content border-width */
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom: 8px;; } /* adjust height */
.yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { margin-left:4px; /* based on border-radius */ padding-right:8px; /* based on border-radius (2x left to balance margin) */ padding-left:4px;}/* top & bottom oriented */
div.yui-content .yui-content-tab{ padding: 9px;}




/*** LISTER ******************/
table.lister { table-layout: auto; border: 0; border-spacing: 0px; border-collapse: collapse; color: black; width: 99%; max-width:53.55em; *width:49em;}
table.lister td { padding: 0.3em 0.5em 0.3em 0.5em; vertical-align: top; border-bottom: 1px dotted #BFDADB;}
table.tight td { padding: 0.2em; line-height: 110%;}
table.lister tr.header{ background-color: white; font-weight: bold; border-bottom: 3px solid #BFDADB; background-repeat:repeat-x; height: 25px; color: navy;}
table.lister tr.header td { border: 0; border-bottom: 3px solid #BFDADB; }
table.lister tr.odd { background-color: white;}
table.lister tr.even{ background-color: white;}
table.lister tr.odd:hover,table.lister tr.even:hover,table.lister tr.hover { background-color: #E0EDED;}
#lister input{ font-size: 80%; }
.listerFilter{ border: 1px double #C4D5E6; margin-bottom: 0.5em; margin-top: 0.5em; background-color: #eaeaea; width: 600px;}




.news .title {margin-bottom: 8px; color: #993; font-size: 140%; }
.news .intro { font-style: italic; font-size: 105%; margin-bottom: 13px;}
.news .body { padding-left: 1em; text-align: left; margin-bottom: 25px; }
.news .timestamp { color: gray; font-size: 80%; font-style: italic; }
.news .category { color: #333; font-size: 90%; }
.news .author { color: gray;font-size: 90%;font-style: italic;font-weight: bold; }




#gallery {}
#gallery .set {width: 120px; height: 120px; padding 2px; margin: 3px; float: left;}
#gallery a {border: 0; }
#gallery img {border: 0;}




#tabs { width: 260px; font-family: "Trebuchet MS", Arial; }
#tabs .tab { color: white; width: inherit; }
#tabs p { margin-top: 0px; margin-bottom: 3px; }
#tabs h1 { font-size: 20px;margin-top: 0px; margin-bottom: 3px;}

.tabheader { background-image:url(images/tabs.jpg); background-repeat:no-repeat; }
.tabheader:hover { color: black; cursor: pointer; }

#tabs .tab.collapsed#tab1 .tabheader { height: 73px; background-position: -8px -7px; }
#tabs .tab.collapsed#tab2 .tabheader{ height: 66px; background-position: -8px -80px;}
#tabs .tab.collapsed#tab3 .tabheader{ height: 66px; background-position: -8px -146px;}
#tabs .tab.collapsed#tab4 .tabheader{ height: 66px; background-position: -8px -212px;}
#tabs .tab.collapsed#tab5 .tabheader{ height: 66px; background-position: -8px -278px;}

#tabs .tab.expanded#tab1 .tabheader { height: 75px; background-position: -278px -7px; cursor: auto;}
#tabs .tab.expanded#tab2 .tabheader { height: 68px; background-position: -278px -90px; cursor: auto;}
#tabs .tab.expanded#tab3 .tabheader { height: 68px; background-position: -278px -166px; cursor: auto;}
#tabs .tab.expanded#tab4 .tabheader { height: 68px; background-position: -278px -242px; cursor: auto;}
#tabs .tab.expanded#tab5 .tabheader { height: 68px; background-position: -278px -318px; cursor: auto;}

#tabs .tab.afterexpanded#tab2 .tabheader { height: 73px; background-position: -548px -7px; }
#tabs .tab.afterexpanded#tab3 .tabheader { height: 73px; background-position: -548px -89px;}
#tabs .tab.afterexpanded#tab4 .tabheader { height: 73px; background-position: -548px -175px; }
#tabs .tab.afterexpanded#tab5 .tabheader { height: 73px; background-position: -278px -311px; }

#tabs .tabheader .title { font-size: 24px; padding-top: 24px; margin-left: 10px; }
#tabs .afterexpanded .tabheader .title { padding-top: 31px; }
#tabs #tab1 .tabheader .title { padding-top: 31px; }

#tabs .tab .content { line-height: 150%; overflow:hidden; color: black; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; border-left: 1px solid black; border-bottom: 1px solid #2a1213; font-size: 13px;}
#tabs .tab.expanded .content {display: block; }
#tabs .tab.collapsed .content, #tabs .tab.afterexpanded .content {display: none; }
#tabs a[rel="external"] {background:url(images/external.png) 99% 40% no-repeat; padding-right: 15px;}

#tab1.tab .content { background-color: #ce199d; color:white; }
#tab2.tab .content { background-color: #f7970f; color:#444; }
#tab3.tab .content { background-color: #61e11a; }
#tab4.tab .content { background-color: #e7de07; }
#tab5.tab .content { background-color: #85c1df; }

#tabs a:link  {color: black; text-decoration: none; }
#tabs a:visited {color: black; }
#tabs a:hover {color: white; }

#tab1 a:link {color: white; text-decoration: none; }
#tab1 a:visited {color: white; }
#tab1 a:hover {color: black; }

#tab2 a:link {color: #444; text-decoration: none; }
#tab2 a:visited {color: #444; }
#tab2 a:hover {color: white; }

#tabs .competitions { padding-top: 6px; }
#tabs .competitions li { margin-bottom: 2px; list-style: none; }
#tabs .competitions ul {margin: 0;}