/* STRUCTURE */

body {
background:#000;
width:770px;
margin:0 auto;
}

div#main-cont {
position:relative;
background:#000;
width:770px;
margin:0 auto;
}

div#hdr {
width:770px;
height:100px;
text-align:center;
background:#000 url(../img/hdr.gif) 46px 8px no-repeat;
}

div#menu-h-cont {
position:absolute;
top:90px;
left:60px;
width:auto;
text-align:center;
border:0;
margin:0 auto;
padding:0;
}

div#menu-v-cont {
position:absolute;
top:40px;
left:-61px;
width:130px;
text-align:center;
}

div#page-content {
position:absolute;
top:130px;
left:130px;
right:30px;
width:600px;
background:#0f314e;
border:1px solid #ffffe4;
padding:20px;
}

h1 {
width:600px;
text-align:center;
font-family:Times,"Times New Roman",serif;
font-weight:700;
font-size:36px;
color:#ffffe4;
border:1px solid #ffffe4;
margin:20px 0;
padding:10px 0 15px;
}

h1 span {
font-size:25px;
}

div#info {
width:600px;
background:#0F314E;
}



/* CONTENT */

div.item {
background:#525252;
width:560px;
font-family:Times,"Times New Roman",serif;
font-size:16px;
color:#ffffe4;
text-align:center;
border:1px solid #ffffe4;
margin:25px 0;
padding:20px;
}

div.item span.title {
font-weight:700;
font-size:20px;
color:#0e2d45;
background:#ffffe4;
margin:0 0 20px;
}

div.item-part {
font-size:16px;
color:#ffffe4;
margin-top:20px;
}

div.part-title {
font-weight:700;
font-size:20px;
margin:0 0 20px;
}

div.video {
text-align:center;
margin:20px 0;
}

div.video-title {
font-weight:700;
font-size:20px;
margin:0 0 5px;
}

.idoc {
width:580px;
height:500px;
color:#000;
margin:0 auto;
}

#top {
font-weight:700;
font-size:20px;
color:#ffffe4;
text-align:center;
}

.rtop {
font-weight:700;
font-size:20px;
color:#ffffe4;
position:absolute;
top:0;
left:626px;
}




/* IMAGES */

img.menu, img.brdr {
border:1px solid #ffffff;
}

img.nob {
border:none;
}

img.hidden {
display:none;
}




/* POSITIONING */

.center {
text-align:center
}



/* THUMBNAILS */

div.tmb_cont {
width:500px;
height:100px;
background:#000;
margin:10px auto 0 auto;
}

ul.tmb {
list-style-type:none;
}

ul.tmb li {
width:80px;
height:80px;
margin:10px;
float:left;
}

ul.tmb li.half {
width:40px;
height:80px;
margin:5px;
float:left;
}




/* HORIZONTAL MENU */

div#menu-h-cont {

}

ul#menu-h {
margin-right:200px;
}

ul,ul#menu-h,ul#menu-h li,ul#menu-h li a {
display:block;
list-style:none;
border:0;
z-index:500;
margin:0;
padding:0;
}

ul#menu-h,ul#menu-h li,ul.sub-h,ul.sub-h li {
font-weight:700;
font-style:normal;
font-size:12px;
font-family:Verdana, Tahoma, Arial, sans-serif;
list-style:none;
float:left;
}

ul#menu-h li,ul.sub-h,ul.sub-h li {
border:1px solid #ffffcf;
background:#000;
font-weight:700;
font-style:normal;
font-size:12px;
font-family:Verdana, Tahoma, Arial, sans-serif;
list-style:none;
float:left;
}

ul#menu-h {
width:770px;
margin:0;
}

ul.sub-h li {
width:100px;
}

ul#menu-h li {
position:relative;
padding:1px;
}

ul.sub-h {
position:absolute;
top:36px;
left:-2px;
width:104px;
text-align:left;
}

ul.sub-h2 {
position:absolute;
top:-1px;
left:100px;
width:auto;
}

ul#menu-h li a {
border:1px solid #ffffcf;
text-decoration:none;
color:#600;
font-weight:700;
width:auto;
padding:2px;
}

ul#menu-h a:link,ul#menu-h a:active,ul#menu-h a:visited {
color:#ffffcf;
}

ul#menu-h a:hover {
background:#ffffcf;
color:#000;
border-color:#fbf2ce;
}



/* menu-h HOVERS - HIDE OR DISPLAY */

ul ul,ul#menu-h li:hover ul ul {
display:none;
}

ul#menu-h li:hover ul,ul#menu-h ul li:hover ul {
display:block;
}

span.hnav {
position:relative;
top:6px;
}






/* 	VERTICAL MENU */

ul#menu-v,ul#menu-v li,a {
display:block;
border:0;
z-index:0;
margin:0;
padding:0;
}

ul#menu-v,ul#menu-v.sublevel {
width:128px;
border:1px solid #ffffcf;
background:#000;
color:#ffffcf;
font-weight:700;
font-style:normal;
font-size:12px;
font-family:Verdana, Tahoma, Arial, sans-serif;
list-style:none;
}

ul#menu-v.sublevel {
position:absolute;
top:-1px;
left:128px;
width:128px;
}

ul#menu-v li {
position:relative;
padding:1px;
}

ul#menu-v li.t {
font-size:11px;
}

ul#menu-v li.hdr {
font-size:15px;
font-style:italic;
}

ul#menu-v li.this {
font-size:14px;
background:#CA6D17;
color:#ffffcf;
}

ul#menu-v li a,ul#menu-v a.submenu {
border:1px solid #fff;
text-decoration:none;
color:#000;
font-weight:700;
width:auto;
padding:2px;
}

ul#menu-v a:link,ul#menu-v a:active,ul#menu-v a:visited {
color:#ffffcf;
}

ul#menu-v a:hover {
background:#ffffcf;
color:#000;
border-color:#fbf2ce;
}


/* MENU HOVERS - HIDE OR DISPLAY */

ul#menu-v li:hover ul ul {
display:none;
}

ul#menu-v li:hover ul,ul#menu-v li:hover li:hover ul {
display:block;
}






/* LINKS */

a:link,a:visited {
color:#ffffcf;
}

a:active,a:hover {
color:#fff;
}

a.top:link,a.top:visited {
color:#ffffcf;
text-decoration:none;
}

a.top:active,a.top:hover {
color:#fff;
text-decoration:none;
}

a.red:link,a.red:visited {
color:#a00;
}

a.red:active,a.red:hover {
color:#a33;
}

a.blue:link,a.blue:visited {
color:#0f314e;
text-decoration:none;
}

a.blue:active,a.blue:hover {
color:#0e2d45;
text-decoration:none;
}