root { } body { background-color:#000000; color: #888888; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .container { width:100%; border:1px solid #d3d3d3; } .container div { width:100%; } .container .header { background-color:#d3d3d3; padding: 2px; cursor: pointer; font-weight: bold; } .container .content { display: none; padding : 5px; } .gb { color: #efca5c; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .gbr { color: #bbbbbb; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; font-style: italic; } .gbrd1 { color: #777777; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; font-style: italic; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-align: justify; } .gbrd2 { color: #aaddff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; font-style: italic; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-align: justify; } .input { color:#dddddd; background:#333333; border-radius:4px; /*padding:2px;*/ } .button { background: #bbbbbb; color: #333333; border-radius: 7px; padding: 2px; } .button:hover { background: #dddddd; } .form { color:#dddddd; background:#333333; border:1px solid; border-radius:4px; padding:2px; } .form:hover { background:#444444; } #logoimg { z-index: 2; position: absolute; top: 170px; left: 70px; text-align: center; } #logo { position:absolute; top:60px; left:130px; width:880px; height:730px; padding-top:100px; padding-left:0px; spacing-left:0px; overflow:hidden; text-align:center; background-image:url('png/corner4_1.png'); background-position-x: 70px; background-position-y: 110px; background-repeat:no-repeat; } #topbar { position:absolute; top:0px; left:0px; width:930px; height:100%; overflow:hidden; text-align:left; background-image:url('png/topbar4.png'); background-repeat:no-repeat; } #sidebar { position:absolute; z-index: 1; top:170px; left:0px; padding-left: 3px; width:220px; height:850px; overflow:hidden; text-align:left; background-image:url('png/leftbar4.png'); background-repeat:no-repeat; } #rest { min-width: 700px; min-height: 865px; position:absolute; top:0px; left:200px; padding-top: 10px; padding-bottom: 25px; padding-left: 20px; width:100%-200px; overflow:hidden; background-image:url('png/corner4.png'); background-position: 0px 170px; background-repeat:no-repeat; } #gallery { min-width: 740px; max-width: 1500px; min-height: 865px; position:absolute; top:170px; left:200px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 17px; overflow:hidden; background-image:url('png/corner4.png'); background-position: 0px 0px; background-repeat:no-repeat; } #news { text-align: center; width: 680px; padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; color: #777777; margin-left:8px; margin-top:10px; margin-bottom:30px; border: 2px solid; border-radius: 8px; border-color: #555555; background: rgba(230, 230, 230, 0.1); } #guestbookback { text-align: center; width: 680px; margin-left:5px; padding: 8px; border: 1px solid #333; border-radius: 5px; background: rgba(230, 230, 230, 0.1); } #guestbookentry { text-align: center; width: 640px; padding: 5px; padding-top: 10px; padding-bottom: 10px; color: #777777; margin-left:8px; margin-top:10px; margin-bottom:30px; border: 2px solid; border-color: #555555; background: rgba(230, 230, 230, 0.07); border-radius: 5px; } #news:hover { text-align: center; width: 680px; padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; color: #777777; margin-left:8px; margin-top:10px; margin-bottom:30px; border-color: #666666; background: rgba(230, 230, 230, 0.12); } #newslist { width: 400px; text-align: center; padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: -10px; color: #777777; margin-top:-65px; margin-bottom:10px; border: 2px solid #aaaaaa; border-radius: 8px; background: rgba(33, 33, 33, 0.75); } #newslist:hover { border: 2px solid #bbddee; /* background: rgba(33, 33, 33, 1); */ } #guestbook { width:740px; } .thumbnail { border: 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.transbox { } #thumbnail { border: 2px hidden; border-color: #333333; padding: 2px; margin: 4px; text-align: center; float: left; } a { color: #efca5c; text-shadow: 0px 0px 5px rgba(204, 221, 255, 0.5); border-color: #333333; text-decoration: none; } a:visited { color: #efca5c; text-shadow: 0px 0px 5px rgba(204, 221, 255, 0.5); text-decoration: none; } a:hover { text-shadow: 0px 0px 10px rgba(255, 255, 221, 1); color: #bbddee; text-decoration: none; } .acurrent { text-shadow: 0px 0px 10px rgba(255, 255, 221, 1); color: #bbddee; text-decoration: none; } a img { color: #666666; text-decoration: none; border: none; } a img:hover { color: #aaaaaa; border-color: #999999; } p { color: #efca5c; font-weight:bold; } .news { text-align: center; color: #aaaaaa; font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-align: justify; padding-bottom: 0px; text-spacing-bottom: 0px; margin-bottom: 0px; text-shadow: 0px 0px 10px rgba(170, 221, 255, 1) } .newsdate { text-align: center; color: #aaddff; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: justify; } h1 { font-size: 225%; color: #efca5c; font-weight:bold; border-top-style:solid; border-bottom-style:solid; border-top-width:4px; border-bottom-width:4px; border-color: #efca5c; background-color:#222229; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 0px 0px 30px rgba(152, 204, 255, 1) } h2 { font-size: 100%; color: #efca5c; font-weight:bold; } table { border-collapse: collapse; color:#c7c7cb; spacing:5px; padding:5px; } tr { border:none; border-collapse: collapse; } .tdfocal { width:80px; } .tdbig { padding:12px; } td { border:none; border-collapse: collapse; padding:2px; } td.alt { border:0px; padding:0px; padding:0px; } .lum:hover { border:none; border-collapse: collapse; background: #333333; padding:0px; } .red:hover { border:none; border-collapse: collapse; background: #442222; padding:0px; } .green:hover { border:none; border-collapse: collapse; background: #224422; padding:0px; } .blue:hover { border:none; border-collapse: collapse; background: #222244; padding:0px; } .ha:hover { border:none; border-collapse: collapse; background: #331122; padding:0px; } .o3:hover { border:none; border-collapse: collapse; background: #113333; padding:0px; } .s2:hover { border:none; border-collapse: collapse; background: #331111; padding:0px; } th { font-size: 125%; font-weight:bold; border-top-style:solid; border-bottom-style:solid; border-top-width:2px; border-bottom-width:2px; border-color: #efca5c; background-color:#223; color: #efca5c; } /***************************** ******* Start of Tabs ******** *****************************/ .shadetabs { padding: 3px 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; font: bold 12px Verdana; list-style-type: none; text-align: center; /*set to left, center, or right to align the menu as desired*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shadetabs li { position: relative; top: 1px; display: inline; margin: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shadetabs li a { text-decoration: none; position: relative; z-index: 0; padding: 3px 7px; margin-right: 3px; border: 1px solid #888888; color: #bbbbbb; background: #222633 url(shade2.png) top left repeat-x; opacity: 0.5; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shadetabs li a:visited { color: #bbbbbb; } .shadetabs li a:hover { opacity: 1; text-decoration: underline; color: #ccbb88; } .shadetabs li a.selected /*selected main tab style */ { background: #222633 url(shadeactive4.png) top left repeat-x; border-bottom: transparent; color: #efca5c; position: relative; top: 1px; opacity: 1; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .shadetabs li a.selected:hover /*selected main tab style */ { text-decoration: none; } .tabdiv { align: center; border:1px solid gray; /* width:600px; */ margin-bottom: 1px; padding: 1px; background-color: #222633; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /***************************** ******** End of Tabs ********* *****************************/ .tdhead { text-decoration: none; position: relative; /* z-index: 1; padding: 3px 7px; /* margin-right: 3px; */ border: 1px solid #778; color: #efca5c; background: #222633 url(shade2.png) top left repeat-x; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .flikdiv { background: #121212; text-align: center; margin-top: 28px; border: 1px solid #777777; align: center; padding: 6px; padding-top: 0px; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .fliktab { top: -24px; border: 1px solid #777777; border-bottom: 2px solid #121212; display: inline-block; position: relative; color: #efca5c; background: #121212 url(tabshade.png) top left /* repeat-x */ ; padding: 2px; padding-left: 12px; padding-right: 12px; margin-bottom: -20px; /* clear: both; */ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs{ padding: 3px 0px; margin-left: 0px; margin-top: -20px; margin-bottom: 0px; font: bold 12px Verdana; list-style-type: none; text-align: center; /*set to left, center, or right to align the menu as desired*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs li{ display: inline; margin: 0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs li a{ text-decoration: none; position: relative; padding: 3px 7px; margin-right: 3px; opacity: 0.5; border: 1px solid #888888; /* border-top: 0px;*/ color: #bbbbbb; background: #222633 url(shade2i.png) bottom left repeat-x; top: 203px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs li a:visited{ color: #bbbbbb; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs li a:hover{ text-decoration: underline; color: #ccbb88; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; opacity: 1; } .shade2tabs li a.selected{ /*selected main tab style */ color: #efca5c; position: relative; top: 202px; /* border-top: 0px; */ background: #222633 url(shadeactive4i.png) bottom left repeat-x; opacity: 1; border-top: transparent; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; /* border-bottom-color: white; */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .shade2tabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; color: #efca5c -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } .tabcontent2 { } .TabContDiv { height: 180px; padding: 0px z-index: 1; align: center; border:1px solid gray; margin-bottom: 1px; background-color: #222633; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } #headerbox { position: absolute; top: 70px; left: 370px; text-align: center; } #rest2 { min-width: 700px; min-height: 865px; position:absolute; top:170px; left:200px; padding-top: 26px; padding-bottom: 25px; padding-left: 20px; padding-right: 17px; /* overflow:hidden; */ background-image:url('png/corner4.png'); background-position: 0px 0px; background-repeat:no-repeat; } #equipback { text-align: center; minimum-width: 500px; minimum-height: 600px; margin-left:5px; padding: 12px; border: 1px solid #333; border-radius: 5px; background: rgba(230, 230, 230, 0.1); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } #equipmentbox { align: center; text-align: center; top: 40px; padding: 20px; padding-bottom: 50px; width: 800px; border:0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } #galbox { position: absolute; left: 450px; top: -20px; align: center; border: 1px solid; width: 400px; } .navcont{ position: relative; margin: 10px; border: 1px solid #666666; transition: border 1s; -moz-transition: border 1s; -webkit-transition: border 1s; -o-transition: border 1s; -ms-transition: border 1s; } .navcont:hover{ border: 1px solid #888888; } .testbox{ /* height:200px; width:200px;*/ background:red; /*-ms-transition: opacity 1s; -webkit-transition: opacity 1s;*/ } .testbox:hover{ /*opacity: 0.2;*/ background:blue; } .subnav{ position: relative; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; z-index: 10; } .subnav:hover{ opacity:0.1; filter:alpha(opacity=10); } .subnav2{ position: absolute; top: 0px; left: 0px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; z-index: 10; } .subnav2:hover{ opacity: 0; filter: alpha(opacity=0); } .hidden { transition: opacity 0.5s; -ms-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; border: 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity:0.5; filter:alpha(opacity=40); /* For IE8 and earlier */ } .hidden:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .hidden2 { transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity:0.5; filter:alpha(opacity=40); /* For IE8 and earlier */ } .hidden2:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .img-news { box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.7); border=2px solid; } .img-news:hover { box-shadow: 0px 0px 20px rgba(170, 221, 255, 1); border=2px solid; } .alnright { text-align: right; } .anno { position: absolute; top: 0px; left: 0px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; opacity: 1; filter: alpha(opacity=100); } .floatbox { text-size-adjust: none; padding: 14px; background-color: #222222; border:1px solid #666666; position:fixed; min-height: 30px; min-width: 180px; max-width: 50%; top: 10%; left: 10%; z-index: 20; box-shadow: 0px 0px 20px rgba(11, 11, 22, 0.9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: box-shadow 1s; -moz-transition: box-shadow 1s; -webkit-transition: box-shadow 1s; -o-transition: box-shadow 1s; -ms-transition: box-shadow 1s; } .floatbox:hover { box-shadow: 0px 0px 20px rgba(180, 170, 125, 0.9); } .ytext { text-shadow: 0px 0px 6px rgba(152, 204, 255, 0.8); color: #efca5c; } .btext { text-shadow: 0px 0px 6px rgba(152, 204, 255, 0.8); color: #aaddff; }