@charset "utf-8";
@import 'fonts/roboto/stylesheet.css';
/* CSS Document */

/* Title, Designer, Date - Global Styles (global_styles.css), ACalifano, EWeisgerber 2/4/10 */

/* Resets and Overrides ------------------------------------------------------- */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body {
	line-height: 1;
	style="background-repeat: no-repeat;
    background: rgb(170,170,170);
	background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(247,247,247,1) 41%);
	background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(247,247,247,1) 41%);
	background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(247,247,247,1) 41%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#f7f7f7',GradientType=0 );"
}
del {
	text-decoration: line-through;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Links and Type ----------------------------------------------------------- */
#skipToContent p a:link, #skipToContent p a:hover, #skipToContent p a:visited, #skipToContent p a:active {
	font: 0.1em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}

#skipToContent a:focus {
	font-size: 16px;
	background-color: red;
}


h1 {
	font: normal 1.45em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.028em;
	padding: 0px 0px 10px;
}
h2 {
	font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.028em;
	padding: 0px 0px 10px;
}
h3 {
	font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.028em;
	padding: 0px 0px 5px;
}
#navRepeatContainer a:link, #navRepeatContainer a:visited {
	color: #FFF;
	text-decoration: none;
	
	
}
#navRepeatContainer a:hover {
	color: #FFF;
	text-decoration: underline;
	
	
}
#navRepeatCol1 ul, #navRepeatCol2 ul, #navRepeatCol3 ul, #navRepeatCol4 ul {
	color: #FFF;
	font: 0.72em Verdana, Arial, Helvetica, sans-serif;
	
	line-height: 10px;
	list-style: none;
	margin: 0px;
	padding: 0px 5px 10px;
}
#navRepeatCol1 ul li, #navRepeatCol2 ul li, #navRepeatCol3 ul li, #navRepeatCol4 ul li {
	margin: 5px 0px 7px;
}
#navRepeatSeperator a:link {
	color: #FFF;
	text-decoration: none;
}
#navRepeatSeperator a:visited {
	color: #FFF;
	text-decoration: none;
}
#navRepeatSeperator a:hover {
	color: #FFF;
	text-decoration: underline;
}
#navHeader {
	font: 1.1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 45px;
	margin: -10px 0px 5px;
}
.navRepeatHeader {
	font-size: 1.4em;
	
}
#oscBreadcrumb {
	color: #FFFFFF;
	font: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: -1px 0px 0px;
	background-color: #003;
}
#oscBreadcrumb a:link, #oscBreadcrumb a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#oscBreadcrumb a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.strong, #textContainer p.strong {
	font-weight: bold;
}
.em {
	font-style: italic;
	width: 97%;
}
#footer p {
	color: #FFF;
	padding: 10px 0px 10px;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	
}
#footer ul {
	color: #000000;
	display: inline;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	
	margin-left: 0px;
	padding-left: 0px;
}
#footer ul li, #footer ul li a:link, #footer ul li a:visited {
	display: inline;
	color: #FFF;
	
	margin: 0px 0px 0px;
	padding: 0px 1px 0px;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
	
}

.flashError {
	font: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 20px;
	margin: 0px;
}
/* Main Layout -------------------------------------------------------------- */
body {
	background: #bfbfbf url(../images/global/body_background_top_gradient.gif) repeat-x;
	margin-top: 0px;
}
#skipToContent {
	width: 906px;
	min-height: 5px;
	margin: 0 auto;
	position:fixed;
}
#content {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#dropshdw {
	background: url(../images/global/page_dropshdw.png) repeat-y;
	margin: 0 auto;
	width: 934px;
}


#navRepeatSeperator {
	clear: both;
	height: 190px;
	min-height:190px !important;
	max-height:194px !important;
	padding-top: 10px;
	width: 906px;
	color: #FFF;
	
	background:url("/images/osc_homepage/bottom_nav_bgd_sub.png") !important;
}
	
#oscBreadcrumb {
	height: 13px;
	margin: 0px;
	padding: 4px 4px 0px;
	width: 898px;
}



#oscFiller {
	float:left;
	height: 6px;
	margin: 2px;
	
	width: 898px;
	
}



#pagebottom {
	background: url(../images/nav/nav-background.png) repeat-x;
	clear: both;
	height: 17px;
	width: 906px;
}
#seperator /*dropshadow after flash element */ {
	background-image: url(../images/global/seperator_graphic.jpg);
	height: 24px;
	width: 906px;
	clear: both;
}
#wrapper {
	background: #bbbbbb url(../images/global/wrapper_background_top_gradient.gif) repeat-x;
	margin: 0px auto;
	padding: 0px 2px 0px;
	width: 906px;
}
/* Secondary Layout Structures ---------------------------------------------- */

#navRepeatCol1, #navRepeatCol2, #navRepeatCol3, #navRepeatCol4 {
	float: left;
	margin-top: 5px;
	padding-left: 22px;
	width: 200px;
	color: #FFF;
	line-height: 14px;
	font-size:14px;
	
}
/* Form Elements ------------------------------------------------------------ */




/* Miscellaneous ------------------------------------------------------------ */
.navIndent {
	padding: 0px 15px 0px;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
/* Email Sign-up and YouTube buttons for OSCHome, RetireHome, and OUFHome. */
.oscEmail {
	
	margin-left: 3px;
	color: #FFF;
	
	
}
.oscTwitter {
	
	margin-left: 3px;
	color: #FFF;
}

.oscFacebook {
	
	margin-left: 3px;
	color: #FFF;
}

.oscYoutube {
	margin-left: 3px;
	color: #FFF;
}
.oufEmail {
	float: left;
	margin-right: 20px;
	margin-left: 85px;
	margin-top: 15px;
}
.oufYoutube {
	float: left;
	margin-top: 15px;
}

.retireEmail {
	margin-bottom:17px;
	margin-left: 2px;
}
.retireYoutube {
	margin-left: 2px;
}
.flashError img{
	padding: 10px 0px 0px;
	margin: 0px;
	display: block;
}

.surround  {
	margin-right: auto;
	margin-left: auto;
	width:820px;
}

.surround-header  {
	background-color: #69C;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
}


.surround_header_spry  {
	background-color: #339CBB;
	padding-left:8px;
	padding-top:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	height: 31px;
}

.surround_header_spry_cr  {
	background-color: #C0AC6F;
	padding-left: 8px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	height: 31px;
}

.surround_box_spry  {
	font-family: Arial, Helvetica, sans-serif;
	border: 4px solid #339CBB;
	padding: 10px;
	margin: 0px;
	height: auto;
	width: auto;
	overflow: auto;
}

.surround_box_spry_cr  {
	font-family: Arial, Helvetica, sans-serif;
	border: 4px solid #C0AC6f;
	padding: 10px;
	margin: 0px;
	height: auto;
	width: auto;
	overflow: auto;
}

#surround_clean {
	font-family: Arial, Helvetica, sans-serif;
	border: 4px solid #C0AC6f;
	margin: 0px;
	height: auto;
	width: auto;
}

.surround_box_spry_crgr  {
	font-family: Arial, Helvetica, sans-serif;
	border: 4px solid #339CBB;
	height: auto;
	width: auto;
}

.surround-box  {
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #69C;
	padding: 10px;
	margin: 0px;
	height: auto;
	width: auto;
	overflow: auto;
}

#medBox {
	float: left;
	margin-top: 2px;
	padding-left: 8px;
	font-size:14px;	
}



/*
New design styles fall 2014 
*/
#footer_nd p {
	color: #FFF;
	padding: 10px 0px 10px;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	
}
#footer_nd ul {
	color: #000000;
	display: inline;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	
	margin-left: 0px;
	padding-left: 0px;
}
#footer_nd ul li, #footer_nd ul li a:link, #footer_nd ul li a:visited {
	display: inline;
	color: #FFF;
	
	margin: 0px 0px 0px;
	padding: 0px 1px 0px;
	text-decoration:none;
}

#footer_nd ul li a:hover {
	text-decoration:underline;
	
}

#top_banner_nd {
	color: #000000;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	float:right; 
	margin-right:40px;
}

#top_banner_nd #top_banner_nd a:link, #top_banner_nd a:visited, #top_banner_nd a {
	display: inline;
	color: #FFF;
	text-decoration:none;
	letter-spacing: 1px;
}

#modal_links_nd {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#modal_links_nd #modal_links_nd a:link, #modal_links_nd a:visited, #modal_links_nd a {
	display: inline;
	color: #07C;
	text-decoration:none;
}

#modal_content {
	line-height:13px; 
	font-size:12px;
}

#top_banner_nd a:hover {
	text-decoration:underline;
	letter-spacing: 1px;	
}

#navRepeatSeperator_nd {
	clear: both;
	height: 190px;
	min-height:190px !important;
	max-height:194px !important;
	padding-top: 10px;
	width: 906px;
	color: #FFF;
	background-color:#000;
	width:818px; 
	margin-bottom:15px; 
	margin-left:44px;
}

#navRepeatContainer_nd a:link, #navRepeatContainer_nd a:visited {
	color: #FFF;
	text-decoration: none;
}
#navRepeatContainer_nd a:hover {
	color: #FFF;
	text-decoration: underline;
}
#navRepeatCol1_nd ul, #navRepeatCol2_nd ul, #navRepeatCol3_nd ul, #navRepeatCol4_nd ul {
	color: #FFF;
	font: 0.72em Verdana, Arial, Helvetica, sans-serif;	
	line-height: 10px;
	list-style: none;
	margin: 0px;
	padding: 0px 5px 10px;
}
#navRepeatCol1_nd ul li, #navRepeatCol2_nd ul li, #navRepeatCol3_nd ul li, #navRepeatCol4_nd ul li {
	margin: 5px 0px 7px;
}
#navRepeatSeperator_nd a:link {
	color: #FFF;
	text-decoration: none;
}
#navRepeatSeperator_nd a:visited {
	color: #FFF;
	text-decoration: none;
}
#navRepeatSeperator_nd a:hover {
	color: #FFF;
	text-decoration: underline;
}
#navHeader_nd {
	font: 1.1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 45px;
	margin: -10px 0px 5px;
}
.navRepeatHeader_nd {
	font-size: 1.4em;
	
}
.bottomdropshadow {
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/global/bottom_dropshadow.png);
	height: 10px;
}

.upper_most_banner_nd {
	width:906px; 
	height:22px; 
	background-color:#000; 
	color:#FFF; font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	padding-top:10px;

}

/*
translate modal popup 
*/

#modal {
	color: #000;
	left:65%;
	margin: 100px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:-3%;
	visibility: hidden;
	width:50%;
	wmode:Opaque;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	z-index: 500;
}
#modal h2 {
	font-size: 1.6em;
}
#modal p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 5px 0px 10px;
}
#modal ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 40px 10px;
}
#modal ul li {
	line-height: normal;
	padding: 0px 0px 5px;
	list-style: disc;
}

/* Make the modal appear when targeted */
#modal:target {
	opacity: 1;
	top:3%;
	visibility: visible;
}
#modal .header, #modal .footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
#modal .footer {
	border:none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
}
#modal h2 {
	margin:0;
}
#modal .btn {
	float:right;
}
#modal .copy, #modal .header, #modal .footer {
	padding: 15px;
}
.modal-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal .copy {
	background: #fff;
}

#modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}

/*
 end translate modal popup 
*/

.upper_most_banner_nd {
	width:906px; 
	height:22px; 
	background-color:#000; 
	color:#FFF; font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	padding-top:10px;

}

#banner_seal_nd {
	float:right; 
	margin-right:44px; 
	margin-top:12px;
}

#banner_text_name_nd {
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif; font-size:17px; 
	margin-left:44px; 
	margin-bottom:10px; 
	padding-top:30px; 
	letter-spacing:1px;	

}

#ouf_banner_text_name_nd {
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif; font-size:17px; 
	margin-left:44px; 
	margin-bottom:10px; 
	padding-top:30px; 
	letter-spacing:1px;	
}

#banner_text_office_nd {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-left:44px;
	letter-spacing:1px;	
}

/*
New design styles fall 2014 
*/
#footer_nd {
	clear: both;
	height: 40px;
	padding-top: 15px;
	text-align: center;
	width: 906px;
}

#navigation_nd {
	width: 906px;
	height: 31px;
    background-color:#000;
}

#navigation_nd ul {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	margin-left:20px;
}

#navigation_nd a:link, #navigation_nd a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#navigation_nd a:hover {
	color: #999999;
	text-decoration: underline;
}

#searchBox_fp_nd {

	height: 31px;
	float: right;
	margin-right: 65px;
	margin-top:-32px;
	background-position: right;
	background-repeat: no-repeat;
	color: #000;
}

.search_field_nd {
	float:left;
	margin: 6px -1px 0px 55px;
	padding: 2px 0px 0px 0px;
	border: 0;
	width:115px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
	background:url(/images/osc_homepage/search.png);
}

.search_field_fp_nd {
	float:left;
	margin: 6px -1px 0px 55px;
	padding: 2px 0px 0px 0px;
	border: 0;
	width:138px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
	background:url(/images/osc_homepage/search2.png);

}

#dropshdw #wrapper #content #sidebarContainer #linksBox #subNavContainer p {
	font-weight: normal;
}

.apply_button { padding:20px; background-color:#9FC; 	
}

#new_socialmedia_nd {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:7px;	
}



/* New styles for wave osc banner Q4 2015 */

#banner_seal_wv {
	float:left; 
	margin-left:43.5px; 
	margin-top:16px;
	margin-bottom: 3px;	
}

.upper_most_banner_wv {
	background-color:transparent; 
	font-family:Arial Narrow, Arial, sans-serif;
	font-size:9px;
    padding-top:8px;
	height:24px;
}

#head_text_wv {
	float:right; 
	margin-right:206px;	
}

#banner_text_name_wv {
	color:#fff; 
	display:inline;
	font-family: 'RobotoCondensed', san-serif;;
	font-size:16px; 
	font-weight:100;
	margin-left:44px; 
	margin-bottom:10px; 
	padding-top:30px;
	letter-spacing:.1em;
	
}

#banner_text_name_wv a {
	text-decoration: none;	
	font-family: 'RobotoCondensed', san-serif;
	color:#fff;
}

#banner_text_office_wv {
	font-size:3em; 
	font-family: 'RobotoRegular', san-serif;
	text-transform:uppercase;
}

#banner_text_office_wv a {
	font-size:.99em; 
	font-weight:100;
	font-family: 'RobotoCondensed', san-serif;
	color:#fff;
	margin-left:44px;
	letter-spacing:-.025em;
	text-decoration: none;	
}

#title_sect_wv {
	float:left; 
	color:#FFFFFF; 
	font-family: 'RobotoCondensed', san-serif;
	font-weight: 100; 
	letter-spacing:.1em;	
	display: block;
    width: 100%;
    margin: 4px; 0px 0px 0px;
    padding-left: 44px;
}

#title_wv {
	color:#F1BA29;
	font-family:'RobotoCondensed', san-serif;
 
	font-size:10pt;
}

#name_wv {
	font-size:12pt; 
	font-family: Arial Narrow, Arial, sans-serif;
	font-weight:100;
	letter-spacing:.1em;
}

.main_container_wv {
	width:906px; 
	background-color:#041b43;	
}

#top_banner_wv {
	color: #000000;
	font-size: 9px; 
	font-family: Arial, Helvetica, sans-serif;
	float:right; 
	margin-right:30px;
	letter-spacing:.1em;
}

#top_banner_wv a{
	color: #fff;
	text-decoration:none;
}

#top_banner_wv a:hover {
	color: #fff;
	text-decoration:underline;
}

.navigation_seperator_wv {
	color:#B1ADAD;
	padding: 0px 2px 0px;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial;
}
.searchbg_wv {
	border: 0px;
	display: none;
}
.searchbg_fp_wv {
	border: 0px;
	display: none;
}
.search_button_wv {
	width:23px;
	float: right;
	position: absolute;
	margin: 6px 0px 0px 0px;
}

#searchBox_fp_wv {
	height: 31px;
	float: right;
	margin-right: 65px;
	margin-top: -32px;
	background-position: right;
	background-repeat: no-repeat;
	color: #000;
}
.search_field_wv {
	float: left;
	margin: 6px -1px 0px 55px;
	padding: 2px 0px 0px 0px;
	border: 0;
	width: 115px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
	background: url(/images/osc_homepage/search.png);
}
.search_field_fp_wv {
	float: left;
	padding: 1px 3px 1px 3px;
	border: 1px solid #413c48;
	width: 130px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color:#709db9;
}

#navigation_wv {
	width: 906px;
	height: 31px;
    background-color:#005FA8;
}

#navigation_wv ul {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	margin-left:20px;
}
#navigation_wv a:link, #navigation_wv a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#navigation_wv a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}