/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
.class1 A:link {text-decoration: none; color: #ffffff;}
.class1 A:visited {text-decoration: none; color: #ffffff;}
.class1 A:active {text-decoration: none; color: #ffffff;}
.class1 A:hover {text-decoration: underline; color: #ffffff;}

.class2 A:link {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:visited {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:active {text-decoration: none; color: #ffcc33; font-size: 25px}
.class2 A:hover {text-decoration: none; color: #ffcc33; font-size: 30px }

.hidden A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden2 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden2 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden3 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden3 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden4 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden4 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden5 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden5 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden6 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden6 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden7 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden7 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

pre {font-family: "Times New Roman", serif; font-weight: bold; }
/* Main layout blocks */
body { background:#302718 url(../images/backround.jpg) top center no-repeat fixed }
div { position:relative }
div.header { width:100%; height:268px; background:url(../images/osbanner3.png); z-index:2 }
div.header div { margin:0 auto; width:870px }
div.wrapper { margin:-100px auto 100px auto; width:620px; height:2000px; background:url(../images/wrapper.png); z-index:1 }
div.footer { width:100%; height:101px; background:url(../images/footer.png); top:10px; z-index:2 }
div.footer div { margin:0 auto; width:620px }

/* Precise stuff */
h1 { text-indent:-9999px; background:url(../images/logotm.png); width:587px; height:425px; position:absolute; top:-80px; left:125px; z-index:3}
h2 { text-indent:-9999px; background:url(../images/backdrop.png); width:800px; height:1500px; position:relative; top:-250px; right:-300px; z-index:-1}
h6 { text-indent:-9999px; background:url(../images/text.gif); width:334px; height:86px; position:absolute; top:100px; right:50px; z-index:3}

ul.nav {  width:380px; height:30px; padding:16px 0 0 0; position:absolute; top:180px; right:250px; text-align:center; z-index:4 }
ul.nav li { font:14px/14px Georgia, 'Times New Roman', Times, serif; color:#000000; display:inline }
ul.nav li a { color:#000000; text-decoration:none }
ul.nav li a:hover { color:#000000 }

/*footer move*/
ul.fnav {  width:500px; height:30px; padding:16px 0 0 0; position:absolute; top:39px; right:75px; text-align:center; z-index:2 }
ul.fnav li { font:14px/14px Georgia, 'Times New Roman', Times, serif; color:#ffcc33; display:inline }
ul.fnav li a { color:#ffcc33; text-decoration:none }
ul.fnav li a:hover { color:#ffcc33 }



h5 { display:block; text-indent:-9999px; background:url(../images/tab.png); width:407px; height:97px; position:absolute; top:-17px; right:-180px; z-index:1}
h4 { text-indent:-9999px; background:url(../images/owlborder.png); width:400px; height:600px; position:absolute; top:325px; left:130px; z-index:2}

#contentfield {
position:absolute;
left:350px; 
top:445px; 
width:706px;
height:1;
z-index:1;
background-color:transparent;
}  
 
#specialstyle2 div {
margin: 5px;
padding: 5px;
border: 1px solid #ffcc33;
height: 800px;
width: 600px;
background: #000;
color: #ffcc33;
float: left;
clear: right;
position:absolute; 
top:0px; 
left:275px; 
z-index:2