@charset "UTF-8";
/* CSS Document */


/* ------------------ RESET -------------------*/

html {font-size: 62.5%;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;color:#fff;font-family:'trebuchet ms',verdana,arial,helvetica,sans-serif;}

body {line-height: 1;background:#000;}

ol, ul {list-style: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

a {text-decoration:none;color:#ededed;margin:0;padding:0;}
a:hover {color:#fff;}

p, h4 {font-size:1.1em;line-height:14px;font-weight:normal;color:#000;margin:0;padding:0 0 14px 0;}
h4 {font-weight:bold;padding:0;}



/* ------------------ LAYOUT -------------------*/

.container {text-align:center;margin:0 auto;width:960px;}
#mid, #mid_back, #mid_front, #header, #secondary_nav, #content, #footer {width:100%;}
#mid, #mid_back, #mid_front, #header, #primary_nav, .clear, #secondary_nav, #content, #footer, p {text-align:left;}

#header {height:76px;}
#header img {float:right;margin:0;padding:15px 0 0 0;}
#mid_back {height:480px;min-height:480px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;background-color:#000000;}
#mid_back_fifty {height:480px;min-height:480px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;background-color:#000000;}
#mid_back_sixty {height:480px;min-height:480px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;background-color:#000000;}
#mid_front {position:absolute;height:480px;min-height:480px;background-color:none;margin-top:-480px;}
#mid {height:480px;min-height:480px;background-color:none;}
.split {background:#292929 url(../images/bg/split_bg.gif) repeat-x 0 356px;}
.full {background:#292929;}
#primary_nav {margin:0 0 0 173px;height:44px;}
div#primary_nav li {float:left;line-height:18px;margin-right:14px;padding:10px 0 0 0;font-size:1.4em;}
div#primary_nav a {width:180px;display:block;border-bottom:1px solid #ccc;color:#ccc;}
div#primary_nav a:hover, div#primary_nav li.current a {font-weight:bold;color:#fff;border-bottom:1px solid #fff;}
.clear {clear:both;}
#secondary_nav {width:169px;float:left;}
#secondary_nav li {float:none;line-height:14px;padding:2px 0 4px 0;font-size:1.25em;font-weight:bold;}
#secondary_nav li li {font-size:1em;margin:0 0 0 10px;font-weight:normal;}
div#secondary_nav a {color:#ccc;text-decoration:none;}
div#secondary_nav a:hover, div#secondary_nav li.current a, div#secondary_nav li li.current a {color:#fff;}
#content {float:left;width:762px;height:436px;display:inline;margin:0 0 0 4px;}
#footer {height:50px;}
#footer p {color:#fff;}
#footer_left {display:inline;float:left;margin:0 0 0 173px;padding:6px 0 0 0;}
#footer_right {float:right;text-align:right;margin:0 25px 0 0;padding:6px 0 0 0;display:inline;}


/* ------------------ BACKGROUNDS -------------------*/

body.jum {background:#000000 url(../images/bg/jum_full_wash.jpg;) no-repeat 50% 0;}
body.jum #mid.split, body.jum #mid.full {background:url(../images/bg/jum_full.jpg) no-repeat 50% -76px;}
body.oci {background:#000000 url(../images/bg/oci_full_wash.jpg;) no-repeat 50% -70px;}
body.oci #mid.split, body.oci #mid.full {background:url(../images/bg/oci_full.jpg) no-repeat 50% -146px;}

img.bg {
left:0;
position:absolute;
top:0;
width:100%;
z-index:-9999;
}


/* ------------------ OVERLAY -------------------*/

#overlay_content {width:762px;height:410px;margin:0;padding:0;background:#fff;}
div#left {float:left;width:194px;height:410px;margin:0;padding:0;position:relative;}
div#left_text {position:absolute;bottom:0px;width:194px;}
div#left_text p, div#left_text h4 {margin:0 0 0 24px;padding:14px 0 0 0;}
div#right {float:right;width:566px;height:404px;margin:0;padding:0;}
#image {height:384px;}
div#more {float:right;margin:0;padding:0;height:26px;}
div#more a {vertical-align:bottom;line-height:0;display:block;}
div#left_text p.previous {padding:0;margin:0;line-height:14px;}
p.previous a {background:url(../images/buttons/btn_prev_overlay.gif) no-repeat -4px 9px;padding:14px 0 6px 24px;display:block;color:#000;font-weight:bold;}
#left_text a {color:#000;}
#left_text a:hover {text-decoration:underline;}


/* ------------------ 3_COL -------------------*/

.three_col_left, .three_col_mid, .three_col_right {float:left;width:240px;margin-right:14px;height:280px;min-height:282px;position:relative;}
.three_col_mid {width:180px;}
.three_col_right {margin:0;width:450px;display:inline;float:right;}
.low_text {bottom:0;position:absolute;}
div.three_col_left p, div.three_col_mid p, div.three_col_right p {color:#fff;padding:0 0 10px 0	;line-height:18px;font-size:1.25em;}


/* ------------------ 2_COL -------------------*/

.two_col_left, .two_col_right {float:left;width:374px;margin-right:14px;}
.two_col_right {margin-right:0;}
.two_col_left p, .two_col_right p {font-size:1.1em;color:#ffffff;font-weight:normal;}
.two_col_left h3, .two_col_right h3, .two_col_left h4, .two_col_right h4 {color:#ffffff;font-size:1.2em;padding-bottom:12px;}
.two_col_left h4, .two_col_right h4 {color:#ffffff;font-size:1.1em;padding-bottom:0;}


input {height:12px;}
input#button {background:#fff;border:1px solid #666;width:60px;height:22px;color:#333;margin-top:6px;}

html {overflow-x: hidden;overflow-y: hidden;} 
