@charset "utf-8";
/* CSS Document */
/*bootstrap overrides*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, img, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
    font-size: 100%;
}

html {
	font-size:16px;
}
body {
  font-family: Arial, Helvetica, sans-serif; 
  /*JP changed default font stack to match branding*/
  /*JP font-size: 14px; allowing SP to define body fonts*/
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#docResponsiveWrapper #columnSecondary,
#docResponsiveWrapper #columnTertiary,
#docResponsiveWrapper #auxContent,
#docResponsiveWrapper #tabsPageinner #columnSecondary,
#docResponsiveWrapper #contentPage2 #columnSecondary,
#docResponsiveWrapper #contentPage1 #columnTertiary,
#docResponsiveWrapper #welcome5 #auxContentWrapper,
#docResponsiveWrapper #sectionHome1 #columnSecondary {
	margin: 0 0 0 0em;
}
/*end bootstrap overrides*/
#docResponsive{
	line-height: 1.8em;
	margin: 0 auto;
}
#UCDskipToMain{
	display: none;
}
a#UCDmainContent {
    display: none;
    height: 1px;
    overflow: hidden;
    width: 1px;
}
.s4-ca{
	margin: 0;
	margin-left: 0px;
}
#hdResponsive{
	min-height: 9em;
}
#hdResponsive h1 {
    display: none !important;
    visibility: hidden !important;
}
.logoWrapperR{
	float: none;
}
.logoWrapperR img{	
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.searchWrapperResponsive{
	float: right;
}
#searchLabel{
	display: none;
}
#navWrapper {
       z-index:50;
       position:relative;
}
.container-fluid .container {
    margin: 0 auto;

}




/*ajax quick links*/

#gateway {
		background: transparent;
		border-top: 5px solid #cfb87c;
		height:2.5em;
		font-family: Arial,sans-serif;
		margin: 0;
		padding: 0;
		width:100%;
		z-index: 3000;
		display: block;
	}
.fluidGateWay{
	  margin-right: 0px;
	  margin-left: 0px;}
.fluidGateWay #gateway {
	border-top: 0px solid #cfb87c;
}
.fluidGateWayLimit{
  margin: 0 auto;
}
.fluidGateWay,
.gateway {
    border-top: 5px solid #cfb87c;
    background-color: #fff;
    
}
.fluidGateWay .gateway{
display: block;
border-top: 0px solid #cfb87c;
}
.gateContent{
		display: none;
	}
.gateWayContent{
	max-width: 1200px;
    margin: 0 auto;

}
#gateButton {
		font-family: verdana, Arial, Helvetica, sans-serif;
		right: 30px;
		top:2px;
		cursor:pointer;
		float: right;
		background:transparent url(/Style%20Library/DDCthemes/images/shared/icons/QLtab.png) no-repeat scroll left top;
		padding: 3px 35px 12px 45px;
		color: #333;
		font-weight: bold;
		font-size: 12px;
}
#gateButton:hover{
	text-decoration: none;
}	
.gatewayTrigger {
 
}
#quickMega{
	margin: 0;
}	
	.gateContent{
		background: #fff none repeat scroll 0 0;
		border-bottom: 5px solid #fff;
		width:100%;
		margin: 0;
		padding: 0;
		position: static;
		z-index: 300;
		color:#444;
		height: auto;
		min-height: 100px;
		float: left;
	}
	.megaInner {
		padding:15px;
	}

	.megaInner h4 {
		border-bottom: 1px solid #ddd;
		font-size: 20px;
		font-weight: 300;
		padding-bottom: 10px;
	
	}
	.megaInner ul{
 
}
	.megaInner li {
		padding:5px;
	}
	
	.megaInner li:hover{
		background-color:#eee;
		cursor:pointer;
	}
	
	.megaInner h5 {
		font-weight: bold;
		font-size:16px;
	}
	
/*end ajax quick links*/









/* Colored backgrounds and default images */
body {
background-color: red;	
}

@media screen and (min-width: 768px) {
#quickMega{
	margin: 0 -15px;
}	

body {
background-color:green;
}
.logoWrapperR{
	float: left;
	min-width: 225px;
	width: 60%;
}
.logoWrapperR img{
	width: auto;
	max-width: 100%;
	float:  none;
}
#hdResponsive{
	min-height: 7.92em;
}
}
@media screen and (min-width: 992px) {
body {
background-color:orange;
}
}
@media screen and (min-width: 1200px) {
body {
background-color:pink;
}
}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2

#ftResponsive,
#navResponsive,
#hdResponsive {clear:both;}
#bdResponsiveWrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bdResponsiveWrapper {
	zoom:1;
}*/

/* ------------------------------------------------------------*/
/* ------------>>> General Responsive Behaviors <<-------------*/
/* ------------------------------------------------------------*/
/*reset page widths to ems for accessibility with text scaling*/
.resposniveLocalNav{
	width: 100%;
	display:block;
	float: left;
	clear: both;
	height: auto;
 	padding: 15px;

}
@media (min-width: 768px) {
.container {
    width: 62.5em;
    padding-right: 15px;
 	padding-left: 15px;
}
.resposniveLocalNav{
	display: none;
}
}
/*ipad landscape fix*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {  
.container {
    width: 750px;
    max-width: 1024px;
    padding-right: 15px;
 	padding-left: 15px;	
}
}
/*ipad landscape fix*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#layoutBody{
	max-width: 1024px;
	width: 1024px;
}
.container {
    width: 750px;
    max-width: 1024px;
    padding-right: 15px;
 	padding-left: 15px;
 	
}
}


@media (min-width: 992px) {
.container {
	width: 80.83333em;
}
}
@media (min-width: 1200px) {
.container {
    width: 97.5em;
}
}
/*reset page widths to ems for accessibility with text scaling*/


/* --------------phones no break point-------------------------*/
#localNav{
 
}
#docResponsiveWrapper .selectWrap{
	display:none;
}

/* -----------------------------------*/
/* ------------>>> TABS pages and older web parts <<<-----------*/
/* -----------------------------------*/
#tabs .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}
#tabs .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    margin: 0 0px 3px 0px;
    font-weight: bold;
    width: 100%;
}
#tabs .ui-tabs-nav a, #tabs .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;    
    color: #000;
    width: 100%;
    height:3.5em;
}
#tabs .ui-tabs-nav a {
    background-position: 100% 0;
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
#tabs .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
	color: #fff;
	cursor: pointer;
}
#tabs .ui-tabs-nav a span {
    padding-top: 0px;
    padding-right: 0;
    height: 20px;
    line-height: 1.5em;	
}
#tabs .ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 21px;
    line-height: 21px;
	margin:0;
}
#tabs .ui-tabs-nav .ui-tabs-selected a:link, 
#tabs .ui-tabs-nav .ui-tabs-selected a:visited,
#tabs .ui-tabs-nav .ui-tabs-disabled a:link, 
#tabs .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tabs .ui-tabs-nav a:hover, 
#tabs .ui-tabs-nav a:focus, 
#tabs .ui-tabs-nav a:active,
#tabs .ui-tabs-nav .ui-tabs-unselect a:hover, 
#tabs .ui-tabs-nav .ui-tabs-unselect a:focus, 
#tabs .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    text-decoration: none;
    border-bottom: 0px;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#tabs .ui-tabs-nav .ui-tabs-disabled a:link, 
#tabs .ui-tabs-nav .ui-tabs-disabled a:visited {
}
#tabs .ui-tabs-panel {
	float:left;
    border: 0px solid ;
}
/* -----------------------------------*/
/* ------------>>> TABS pages and older web parts <<<-----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ------------>>> Accordions <<<-----------*/
/* -----------------------------------*/

#docResponsiveWrapper #accordion {
    width: auto;
}
#docResponsiveWrapper #accordion .accordion_header {
    width: auto;
}
#docResponsiveWrapper #contentPage1 #accordion, #welcome5 #accordion {
    width: auto;
}
#docResponsiveWrapper #contentPage1 .accordion_header, #welcome5 .accordion_header {
    width: auto;
}
#docResponsiveWrapper #tabs #accordion {
    width: auto;
}
#docResponsiveWrapper #tabs .accordion_header {
    width: auto;
}
#docResponsiveWrapper #columnTertiary #accordion {
    width: auto;
}
#docResponsiveWrapper #columnTertiary .accordion_header {
    width: auto;
}
#docResponsiveWrapper #columnTertiary #accordion .accordion_body a {
    color: #006592;
}
#docResponsiveWrapper #columnSecondary .sidebarInfo #accordion {
    width: auto;
}
#docResponsiveWrapper #columnSecondary .sidebarInfo #accordion .accordion_header {
    width: auto;
}
#docResponsiveWrapper #contentPage1 .accordion_header, 
#docResponsiveWrapper #welcome5 .accordion_header, 
#docResponsiveWrapper #contentPage1 .accordion_body, 
#docResponsiveWrapper #welcome5 .accordion_body {
    width: auto;
}
/* -----------------------------------*/
/* ------------>>> Accordions <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------------>>> Foundation Widget Accordions and Tabs <<<-----------*/
/* -----------------------------------*/
#docResponsiveWrapper #columnTertiary .accordionWebPart,
#docResponsiveWrapper #columnSecondary .accordionWebPart,
#docResponsiveWrapper #auxContent .accordionWebPart,
#docResponsiveWrapper #pageSpotlightWrapper .accordionWebPart,
#docResponsiveWrapper #Welcome3 #columnPrimary #pageSpotlightWrapper .accordionWebPart{
	min-width: 16.66em;
	max-width: 22em;
	width: auto;
}
#docResponsiveWrapper #sectionHome1 #columnPrimary .accordionWebPart{
	min-width: 16.66em; /*sometimes this layout has a float that makes the accordion as narrow as its content*/
	width: auto;
}
#docResponsiveWrapper #contentPage1 #columnPrimary .accordionWebPart{
	max-width: 70em;
	width: auto;
}
#docResponsiveWrapper #Welcome4 #pageSplashWrapper .accordionWebPart{
	max-width: 100em;
	width: auto;
}
#docResponsiveWrapper #welcome6 #columnPrimary .accordionWebPart, 
#docResponsiveWrapper #welcome5 #columnPrimary .accordionWebPart{
	max-width: 70em;
	width: auto;
}
#docResponsiveWrapper #tabs .ui-tabs-nav {
	width: auto;
}
#docResponsiveWrapper .tabsWebPart .ui-widget-header{
	background: #fff;
    border: 0px solid #e78f08;
    color: #000;
    font-weight: bold;
}

/*Tabs content area*/
#docResponsiveWrapper #tabs .ui-tabs-panel { 
	width: auto; /* keeps background visible with smaller content */
}
#docResponsiveWrapper #columnPrimary .tabsWebPart{
	max-width: 70em;
	width: auto;
}
#docResponsiveWrapper #welcome6 #columnPrimary .tabsWebPart,
#docResponsiveWrapper #welcome6 #columnPrimary .ui-tabs-panel,
#docResponsiveWrapper #welcome5 #columnPrimary .tabsWebPart,
#docResponsiveWrapper #welcome5 #columnPrimary .ui-tabs-panel,
#docResponsiveWrapper #contentPage1 #columnPrimary .tabsWebPart,
#docResponsiveWrapper #contentPage1 #columnPrimary .ui-tabs-panel{
	max-width: 48em;
}
#docResponsiveWrapper #columnTertiary .tabsWebPart,
#docResponsiveWrapper #columnSecondary .tabsWebPart,
#docResponsiveWrapper #auxContent .tabsWebPart,
#docResponsiveWrapper #pageSpotlightWrapper .tabsWebPart,
#docResponsiveWrapper #Welcome3 #columnPrimary #pageSpotlightWrapper .tabsWebPart{
	max-width: 23em;
	min-width: 14em;
}
#docResponsiveWrapper #columnTertiary .tabsWebPart .ui-tabs-panel,
#docResponsiveWrapper #columnSecondary .tabsWebPart .ui-tabs-panel,
#docResponsiveWrapper #auxContent .tabsWebPart .ui-tabs-panel,
#docResponsiveWrapper #pageSpotlightWrapper .tabsWebPart .ui-tabs-panel{
	max-width: 23em;
	min-width: 14em;
}
#docResponsiveWrapper .tabsWebPart ul.ui-tabs-nav,
#docResponsiveWrapper #columnPrimary ul.ui-tabs-nav, 
#docResponsiveWrapper #columnTertiary ul.ui-tabs-nav, 
#docResponsiveWrapper #columnSecondary ul.ui-tabs-nav, 
#docResponsiveWrapper #auxContent ul.ui-tabs-nav {
    border-bottom: 1px solid #e1e1e1;  /*light gray accent color*/
    border-top: 0px solid #e1e1e1;  /*light gray accent color*/
    border-left: 0px solid #e1e1e1;  /*light gray accent color*/
    border-right: 0px solid #e1e1e1;  /*light gray accent color*/
    text-align:left;
	margin-left:0;
	padding: 0px 0px 0em 0px;
	margin: 0px 0px;
	line-height: 1.5em;
    margin-left: 0px ;

}
#docResponsiveWrapper #columnPrimary .tabsWebPart .ui-tabs-nav li,
#docResponsiveWrapper #visualWrapper .tabsWebPart .ui-tabs-nav li{
	width: 100%;
}

/* -----------------------------------*/
/* ------------>>> Foundation Widget Accordions and Tabs <<<-----------*/
/* -----------------------------------*/


/* --------------end phones no break point----------------------*/
/* --------------------------begin tablets---------------------------*/

@media (min-width: 768px) {
#localNav{
	display: block;
}
#docResponsiveWrapper .selectWrap{
	display:block;
}

#tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    margin: 0 3px 0 0px;
    font-weight: bold;
    width: auto;
}
#tabs .ui-tabs-nav a, #tabs .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;    
    color: #000;
    width: auto;
}
#docResponsiveWrapper #columnPrimary .tabsWebPart .ui-tabs-nav li,
#docResponsiveWrapper #visualWrapper .tabsWebPart .ui-tabs-nav li{
	width: auto;
}
#docResponsiveWrapper .tabsWebPart ul.ui-tabs-nav,
#docResponsiveWrapper #columnPrimary ul.ui-tabs-nav, 
#docResponsiveWrapper #columnTertiary ul.ui-tabs-nav, 
#docResponsiveWrapper #columnSecondary ul.ui-tabs-nav, 
#docResponsiveWrapper #auxContent ul.ui-tabs-nav {
	padding: 0px 0px 0.833em 0px;
}

}/* --------------------------end tablets---------------------------*/
/* --------------------------begin desktops---------------------------*/
@media (min-width: 1200px) {

}
/* --------------------------end desktops---------------------------*/

/* ------------------------------------------------------------*/
/* ------------>>> End General Responsive Behaviors <<-------------*/
/* ------------------------------------------------------------*/

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Footer <<-------------*/
/* ------------------------------------------------------------*/

 .ftResponsive ul{
	color: #151515;
	clear:none;
	margin: 0em 0 0.775em 0em;
	float:left;
	width: 50%;
	border-bottom: 0px dashed #565656;
	border-right: 1px dashed #565656;
	line-height: 140%;
}
.ftResponsive li{
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: 160%;
	text-align: right;
	font-size: 1em;
}
.ftResponsive #UFtWrapper li a{
	display: block;
	clear: both;
	padding-right: 1em;

}
.ftResponsive #UFtWrapper a img {
    margin: 0px auto;
    display: block;
    clear: both;
    float: none;
}
.ftResponsive p.mini{
		font-size: 1em;
	padding-left: 1em;
	float: left;
	width: 95%;
	margin: 0px 2em 0px 0px;
	line-height: 180%;
}
#ftResponsiveWrapper{
	margin-top: 30px;
	margin-bottom: 27px;
}

/* --------------------------tablets---------------------------*/

@media (min-width: 768px) {
#docResponsiveWrapper #UFtWrapper{
	width: auto;
}
.ftResponsive #UFtWrapper a img {
    margin: 0px auto;
    display: block;
    clear: none;
    float: left;
}
.ftResponsive #UFtWrapper a.ftLogo img {
    margin: 4px 24px 10px 18px;
}

.ftResponsive li{
	display: inline;
	width: auto;
	max-width: 100%;
	line-height: 160%;
	text-align: left;
	font-size: 1em;
	float:left;
}
.ftResponsive p.mini{
	font-size: 1em;
	padding-left: 1em;
	float: left;
	width: 80%;
	margin: 0px 2em 0px 0px;
	line-height: 180%;
	clear: none;
}
 .ftResponsive ul{
	color: #151515;
	clear:none;
	margin: 0em 0 0.775em 0em;
	float:left;
	width: 80%;
	border-bottom: 1px dashed #565656;
	border-right: 0px dashed #565656;
	line-height: 140%;
}
.ftResponsive #UFtWrapper li a.ms-menu-a{
	display: inline;
	clear: none;
	padding-right: 0;

}
.ftResponsive .ms-welcomeMenu {
    display: inline;
    box-sizing: content-box;
    line-height: 18px;
	 border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
   }
.ftResponsive .s4-clust,
.ftResponsive .ms-SPLink {
	 border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
	
}
.ftResponsive .s4-clust img{
	 border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
	
	
}
}/* --------------------------end tablets---------------------------*/
/* --------------------------desktops---------------------------*/
@media (min-width: 992px) {
 .ftResponsive ul{
	width: 95%;
}

}
@media (min-width: 1200px) {

}/* --------------------------end desktops---------------------------*/



/* ------------------------------------------------------------*/
/* ------------>>> End Responsive Footer <<-------------*/
/* ------------------------------------------------------------*/



/* ------------------------------------------------------------*/
/* ------------>>> Responsive Layouts <<-------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Content 0 <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #contentPage0 #columnPrimaryWrapper{
	width: 100%;
}
#docResponsiveWrapper #contentPage0 #columnPrimary {
    margin: 6px 0px 0px;
	width: 100%;
}
@media (min-width: 768px) {

#docResponsiveWrapper #contentPage0 #WebPartWPQ1 {
width: 100%;
	overflow: hidden;
	position: relative;
}
}
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Content 1 <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #contentPage1 #columnSecondary {
    width: 16.67em;
    margin: 1em 0 1em 0em;
}

#docResponsiveWrapper #contentPage1 #columnTertiaryWrapper{
	display: none;
	width: 100%;
	background-color:#fff;
}
#docResponsiveWrapper #contentPage1 #columnSecondaryWrapper{
	width: 100%;
	background-color:#fff;
	margin-left: 0 !important;
 }
#docResponsiveWrapper #contentPage1 #primaryImageWrapper img{
	display: block;
    height: auto;
    max-width: 100%;	
}
#docResponsiveWrapper #contentPage1 #columnSecondary {
	width: 100%;
 
}
#docResponsiveWrapper #contentPage1 #columnPrimaryWrapper {
	margin-left: 0px;
}
#docResponsiveWrapper #contentPage1 #columnPrimaryWrapper,
#docResponsiveWrapper #contentPage1 #columnPrimary{
	width: 100%;
	margin: 12px 0;
	margin-left: 0 !important;
}
#docResponsiveWrapper  #contentPage1 #columnTertiary{
	width: 100%;
}
@media (min-width: 768px) {

#docResponsiveWrapper #contentPage1 #columnTertiaryWrapper{
	display:block;
	width: 25%;
	background-color: #fff;
	float:left;
}
#docResponsiveWrapper #contentPage1 #columnSecondaryWrapper{
	width: 23%;
	background-color:fff;
 
}
#docResponsiveWrapper #contentPage1 #columnPrimaryWrapper{
	width: 50%;
	margin-right: 15px;
}
#docResponsiveWrapper #contentPage1 #columnPrimary{
	width: 100%;
}
#docResponsiveWrapper #contentPage1 #primaryImageWrapper {
	margin-left: 12px;
	margin-bottom: 6px;
	float: right;
}

}

@media (min-width: 1200px) {
 #docResponsiveWrapper #contentPage1 #columnSecondaryWrapper{
	width: 23.5%;
	background-color:fff;
 
}

}


/* ------------------------------------------------------------*/
/* ------------>>>  Responsive Content 1 <<<-------------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Content 2 <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #contentPage2 #columnPrimary {
	width: 56.33em;
}

#docResponsiveWrapper #contentPage2 #columnPrimary {
    margin: 0px;
}
#docResponsiveWrapper #contentPage2 #columnSecondaryWrapper{
	width: 100%;
	background-color:#fff;
    margin: 0px;
    display: none;
}
#docResponsiveWrapper #contentPage2 #columnPrimaryWrapper {
	margin-left: 0px;
	float: left;
    margin-top: 0px;
}
#docResponsiveWrapper #contentPage2 #primaryImageWrapper img{
	display: block;
    height: auto;
    max-width: 100%;	
}
#docResponsiveWrapper #contentPage2 #columnPrimaryWrapper,
#docResponsiveWrapper #contentPage2 #columnPrimary,
#docResponsiveWrapper #contentPage2 #columnSecondary{
	width: 100%;
	
}

@media (min-width: 768px) {

#docResponsiveWrapper #contentPage2 #columnSecondaryWrapper{
	width: 25%;
	background-color:#fff;
	display: block;
}
#docResponsiveWrapper #contentPage2 #columnPrimaryWrapper{
	width: 75%;
}
#docResponsiveWrapper #contentPage2 #columnPrimary{
	width: 100%;
}
#docResponsiveWrapper #contentPage2 #primaryImageWrapper {
	margin-left: 12px;
	margin-bottom: 6px;
	float: right;
}

}

@media (min-width: 1200px) {

}

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Content 2 <<<-------------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Form pages <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #contentPage2  #customFormContainer fieldset {
    background-color: #e1e1e1;
    border: 1px solid #cacaca;
    clear: both;
    float: none;
    margin-bottom: 15px;
    padding: 0.83em;
    width: 100%;
}
#docResponsiveWrapper #contentPage2  #customFormContainer input, 
#docResponsiveWrapper #contentPage2  #customFormContainer select,
#docResponsiveWrapper #contentPage2  #customFormContainer select,
#docResponsiveWrapper #contentPage2 #customFormContainer textarea {
    width: 90%;
}
#docResponsiveWrapper #contentPage2  #customFormContainer input[type="radio"] {
    float: left;
    width: 15px;
}
#docResponsiveWrapper #contentPage2  #customFormContainer input[type="checkbox"] {
    float: left;
    width: 15px;
}
#docResponsiveWrapper #contentPage2  #customFormContainer input[type="submit"] {
    width: 60px;
}
 

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Form pages <<<-------------*/
/* ------------------------------------------------------------*/

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Welcome3---------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #Welcome3,
#docResponsiveWrapper #Welcome3 #contentAreaWrapper,
#docResponsiveWrapper #Welcome3 #contentArea{
	float: none;
}

#docResponsiveWrapper #Welcome3 #pageSplashImage {
    background-color: #ffffff;
    border: 0px solid #287DA6;
    margin-bottom: 15px;
    vertical-align: middle;
}
#docResponsiveWrapper #Welcome3 #pageSplashImage img {
	margin: 0px auto;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
}
#docResponsiveWrapper #Welcome3 #visual {
    margin: 0px;
}
#docResponsiveWrapper #Welcome3 #visualWrapper,
#docResponsiveWrapper #Welcome3 #visual,
#docResponsiveWrapper #Welcome3 #columnPrimary,
#docResponsiveWrapper #Welcome3 #columnSecondary,
#docResponsiveWrapper #Welcome3 #columnPrimaryWrapper,
#docResponsiveWrapper #Welcome3 #columnSecondaryWrapper  {
	width: 100%;
}
#docResponsiveWrapper #Welcome3 #columnPrimary {
	margin: 1.5em 0;
}
#docResponsiveWrapper #Welcome3 #columnSecondaryWrapper{
	margin-bottom: 15px;
}
#docResponsiveWrapper #Welcome3 #pageSpotlightOne {
    background-color: #fff;
    float: none;
    margin-right: 0;
	width: 100%;}
#docResponsiveWrapper #Welcome3 #pageSpotlightTwo {
    background-color: #fff;
    float: none;
    margin-right: 0;
	width: 100%;}
#docResponsiveWrapper #Welcome3 #pageSpotlightThree {
    background-color: #fff;
    float: none;
	width: 100%;}

@media (min-width: 768px) {
#docResponsiveWrapper #Welcome3 #columnPrimaryWrapper {
	width: 72.8%;
}
#docResponsiveWrapper #Welcome3 #columnSecondaryWrapper{
	display: block;
	width: 25%;	
	margin-right: 0px;
}
#docResponsiveWrapper #Welcome3 #pageSpotlightOne {
    background-color: #fff;
    float: left;
    margin-right: 0;
	width: 33.3333%;}
#docResponsiveWrapper #Welcome3 #pageSpotlightTwo {
    background-color: #fff;
    float: left;
    margin-right: 0;
	width: 33.3333%;}
#docResponsiveWrapper #Welcome3 #pageSpotlightThree {
    background-color: #fff;
    float: left;
	width: 33.3333%;}
}
@media (min-width: 1200px) {
#docResponsiveWrapper #Welcome3 #columnPrimaryWrapper {
	width: 74%;
}
#docResponsiveWrapper #Welcome3 #columnSecondaryWrapper{
	width: 25%;	
	margin-right: 0px;
}

}
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Welcome3---------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ---------------------------------------------------*/
/* ------------>>> Welcome 4 <<<-------------*/
/* ---------------------------------------------------*/
#docResponsiveWrapper #Welcome4 {
	width: 100%;
	padding-left: 0px;
    padding-right: 0px;
}
#docResponsiveWrapper #Welcome4 #pageSplashWrapper {
    background-color: #FFFFFF;
    float: left;
    margin: 0px 0px 0em 0px;
    padding-bottom: 0px;
}
#docResponsiveWrapper #Welcome4 #pageSplashImage img {
	margin: 0px;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
#docResponsiveWrapper #Welcome4 #pageSplashWrapper,
#docResponsiveWrapper #Welcome4 #columnPrimaryWrapper,
#docResponsiveWrapper #Welcome4 #columnPrimary,
#docResponsiveWrapper #Welcome4 #columnSecondary,
#docResponsiveWrapper #Welcome4 #columnSecondaryWrapper,
#docResponsiveWrapper #Welcome4 #pageSpotlightOne,
#docResponsiveWrapper #Welcome4 #pageSpotlightTwo,
#docResponsiveWrapper #Welcome4 #pageSpotlightThree  {
	width: 100%;
}
#docResponsiveWrapper #Welcome4 #pageSpotlightOne,
#docResponsiveWrapper #Welcome4 #pageSpotlightTwo,
#docResponsiveWrapper #Welcome4 #pageSpotlightThree  {
	float: none;
}

#docResponsiveWrapper #Welcome4 #columnPrimary {
    background-color: #fff;
    margin: 0px;
}
#docResponsiveWrapper #Welcome4 #pageSplash {
    background-color: #FFFFFF;
    margin: 0px;
    width: auto;
}
#docResponsiveWrapper #Welcome4 #pageSplashImage {
    background-color: #ffffff;
    border: 0px solid #333333;
    margin-bottom: 0px;
    vertical-align: top;
    float: none;
}
#docResponsiveWrapper #Welcome4 #pageSplashImage img {
    margin: 0px 0px 0px 0px;
}

@media (min-width: 768px) {
#docResponsiveWrapper #Welcome4 #columnPrimaryWrapper {
	width: 73.8%;
	margin: 15px 12px 0px 0px;}
#docResponsiveWrapper #Welcome4 #columnSecondaryWrapper{
	display: block;
	width: 25%;	
	margin-right: 0px;
	margin: 15px 0px 0px 0px;}
#docResponsiveWrapper #Welcome4 #pageSpotlightOne {
    background-color: #fff;
    float: left;
    margin-right: 0;
	width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;}
#docResponsiveWrapper #Welcome4 #pageSpotlightTwo {
    background-color: #fff;
    float: left;
    margin-right: 0;
	width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;}
#docResponsiveWrapper #Welcome4 #pageSpotlightThree {
    background-color: #fff;
    float: left;
	width: 33.3333%;
	padding-left: 15px;
    padding-right: 15px;}
}
@media (min-width: 1200px) {
#docResponsiveWrapper #Welcome4 #columnPrimaryWrapper {
	width: 73.8%;
}
#docResponsiveWrapper #Welcome4 #columnSecondaryWrapper{
	width: 25%;	
	margin-right: 0px;
}

}

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Welcome 4 <<<-------------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Dept Home Local nav/welcome5 <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #welcome5 #auxContentWrapper{
	display: none;	
}
#docResponsiveWrapper #welcome5 #pageSplashImage img {
	margin: 0px auto;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
    
}
#docResponsiveWrapper #welcome5 #contentArea{
	float: none;
}
#docResponsiveWrapper #welcome5 #columnPrimary,
#docResponsiveWrapper #welcome5 #contentAreaWrapper,
#docResponsiveWrapper #welcome5 #visualWrapper,
#docResponsiveWrapper #welcome5 #visual,
#docResponsiveWrapper #welcome5 #columnPrimaryWrapper,
#docResponsiveWrapper #welcome5 #columnSecondaryWrapper,
#docResponsiveWrapper #welcome5 #columnSecondary {
	width: 100%;
	margin: 0;
}
#docResponsiveWrapper #welcome5 #columnPrimaryWrapper {
	margin-bottom: 15px;
}

#docResponsiveWrapper #welcome5 #auxContent ul.root, #welcome5 #columnSecondary ul.root {
    margin-left: 0px ;
}
#docResponsiveWrapper #welcome5 #pageSplashImage {
    background-color: #ffffff;
    border: 0px solid #287DA6;
    margin-bottom: 3px;
    vertical-align: middle;
}
#docResponsiveWrapper #welcome5 #visual {
    margin: 0px;
}
#docResponsiveWrapper #welcome5 #visualWrapper{
	padding-bottom: 15px;
}
@media (min-width: 768px) {
#docResponsiveWrapper #welcome5 #contentArea{
	float: left;
}
#docResponsiveWrapper #welcome5 #auxContentWrapper{
	display: block;
	width: 25%;
}
#docResponsiveWrapper #welcome5 #auxContent {
	width: auto;
}
#docResponsiveWrapper #welcome5 #pageSplashImage {
    background-color: #000;
}
#docResponsiveWrapper #welcome5 #contentAreaWrapper{
	width: 75%;
}
#docResponsiveWrapper #welcome5 #contentArea,
#docResponsiveWrapper #welcome5 #visualWrapper,
#docResponsiveWrapper #welcome5 #visual,
#docResponsiveWrapper #welcome5 #columnWrapper,
#docResponsiveWrapper #welcome5 #columnWrapperInner {
	width: 100%;
}
#docResponsiveWrapper #welcome5 #columnPrimaryWrapper {
	width: 63.4667%;
	margin-right: 15px;
}
#docResponsiveWrapper #welcome5 #columnSecondaryWrapper{
	width: 33.3333%;	
}
}
@media (min-width: 1200px) {
#docResponsiveWrapper #welcome5 #columnPrimaryWrapper {
	width: 64.6667%;
	margin-right: 15px;
}
#docResponsiveWrapper #welcome5 #columnSecondaryWrapper{
	width: 33.3333%;	
}

}
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Dept Home no  nav/welcome6<<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #welcome6 #columnSecondaryWrapper{
	display: none;	
}
#docResponsiveWrapper #welcome6,
#docResponsiveWrapper #welcome6 #contentAreaWrapper,
#docResponsiveWrapper #welcome6 #contentArea{
	float: none;
}

#docResponsiveWrapper #welcome6 #pageSplashImage {
    background-color: #ffffff;
    border: 0px solid #287DA6;
    margin-bottom: 3px;
    vertical-align: middle;
}
#docResponsiveWrapper #welcome6 #pageSplashImage img {
	margin: 0px auto;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
}
#docResponsiveWrapper #welcome6 #visualWrapper {
    margin-bottom: 15px;
}
#docResponsiveWrapper #welcome6 #visual {
    margin: 0px;
}
#docResponsiveWrapper #welcome6 #contentArea,
#docResponsiveWrapper #welcome6 #contentAreaWrapper,
#docResponsiveWrapper #welcome6 #visualWrapper,
#docResponsiveWrapper #welcome6 #visual,
#docResponsiveWrapper #welcome6 #columnWrapper,
#docResponsiveWrapper #welcome6 #columnWrapperInner,
#docResponsiveWrapper #welcome6 #columnPrimary,
#docResponsiveWrapper #welcome6 #columnSecondary,
#docResponsiveWrapper #welcome6 #auxContent,
#docResponsiveWrapper #welcome6 #columnPrimaryWrapper,
#docResponsiveWrapper #welcome6 #columnSecondaryWrapper,
#docResponsiveWrapper #welcome6 #auxContentWrapper  {
	width: 100%;
}
#docResponsiveWrapper #welcome6 #columnPrimary {
	margin: 1.5em 0;
}
#docResponsiveWrapper #welcome6 #columnSecondaryWrapper{
	margin-bottom: 15px;
}
@media (min-width: 768px) {
#docResponsiveWrapper #welcome6 #contentAreaWrapper{
	width: 75%;
	float: left;
	margin-right: 0;
}
#docResponsiveWrapper #welcome6 #auxContentWrapper{
	width: 25%;
	float: left;
}
#docResponsiveWrapper #welcome6 #columnPrimaryWrapper {
	width: 63.4667%;
}
#docResponsiveWrapper #welcome6 #columnSecondaryWrapper{
	display: block;
	width: 33.3333%;	
	margin-right: 15px;
}
#docResponsiveWrapper #welcome6 #pageSplashImage {
    background-color: #000;
}

}
@media (min-width: 1200px) {
#docResponsiveWrapper #welcome6 #columnPrimaryWrapper {
	width: 64.6667%;
}
#docResponsiveWrapper #welcome6 #columnSecondaryWrapper{
	width: 33.3333%;	
	margin-right: 15px;
}

}
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Dept Home no nav/welcome6<<<-------------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive Section Home  <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #sectionHome1inner{
	position:relative;
}
#docResponsiveWrapper #sectionHome1inner #pageSplashImage{
	margin-bottom: 15px;
}
#docResponsiveWrapper #sectionHome1inner #pageSplashImage img{
	display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    
}
#docResponsiveWrapper #sectionHome1 #columnSecondaryWrapper{
	width: 100%;
 	display: none;
}
#docResponsiveWrapper #sectionHome1 #columnPrimaryWrapper {
	margin-left: 0px;
	z-index: 100;
	margin-top: 0px;
}
#docResponsiveWrapper #sectionHome1 #columnPrimaryWrapper,
#docResponsiveWrapper #sectionHome1 #columnPrimary,
#docResponsiveWrapper #sectionHome1 #columnSecondary{
	width: 100%;
}
#docResponsiveWrapper #sectionHome1 #pageIntro {
	background-color: #fff;
	padding: 15px 0px;
	width: auto;
	clear: both;
}
#docResponsiveWrapper #sectionHome1 #pageContentInner{
	float: left;
	width: 100%;
}


@media (min-width: 768px) {

#docResponsiveWrapper #sectionHome1 #columnSecondaryWrapper{
	width: 25%;
	display: block;
}
#docResponsiveWrapper #sectionHome1 #columnPrimaryWrapper{
	width: 75%;
}
#docResponsiveWrapper #sectionHome1 #columnPrimary{
	width: 100%;
}
#docResponsiveWrapper #sectionHome1 #pageSplashImage{
	background: #000;
}
}

@media (min-width: 1200px) {
#docResponsiveWrapper #sectionHome1 #columnSecondaryWrapper{
	width: 25%;
}
#docResponsiveWrapper #sectionHome1 #columnPrimaryWrapper{
	width: 75%;
}
#docResponsiveWrapper #sectionHome1 #columnPrimary{
	width: 100%;
}
}

/* ------------------------------------------------------------*/
/* ------------>>> Responsive Section Home  <<<-------------*/
/* ------------------------------------------------------------*/
/* ------------------------------------------------------------*/
/* ------------>>> Responsive tabs layout  <<<-------------*/
/* ------------------------------------------------------------*/
#docResponsiveWrapper #tabsPageinner #columnPrimary {
	width: 56.33em;
}
#docResponsiveWrapper #tabsPage #columnSecondaryWrapper{
	width: 100%;
	background-color:#fff;
	display: none;
}
#docResponsiveWrapper #tabsPage #columnPrimaryWrapper {
	margin-left: 0px;
}
#docResponsiveWrapper #tabsPage #columnPrimaryWrapper,
#docResponsiveWrapper #tabsPage #columnPrimary,
#docResponsiveWrapper #tabsPage #columnSecondary{
	width: 100%;
}
#docResponsiveWrapper #tabsPage .ui-widget-header{
	background: #fff;
    border: 0px solid #e78f08;
    color: #000;
    font-weight: bold;
}

@media (min-width: 768px) {
#docResponsiveWrapper #tabsPage #primaryImageWrapper {
	margin-left: 12px;
	margin-bottom: 6px;
	float: right;
}
#docResponsiveWrapper #tabsPage #columnSecondaryWrapper{
	display: block;
}
#docResponsiveWrapper #tabsPage #columnSecondaryWrapper{
	width: 25%;
	background-color:#fff;
}
#docResponsiveWrapper #tabsPage #columnPrimaryWrapper{
	width: 75%;
}
#docResponsiveWrapper #tabsPage #columnPrimary{
	width: 100%;
}
}

@media (min-width: 1200px) {
#docResponsiveWrapper #tabsPage #columnSecondaryWrapper{
	width: 25%;
	background-color:#fff;
}
#docResponsiveWrapper #tabsPage #columnPrimaryWrapper{
	width: 75%;
}
#docResponsiveWrapper #tabsPage #columnPrimary{
	width: 100%;
}
}

/* ------------------------------------------------------------*/
/* ------------>>> Custom responsive Content <<-------------*/
/* ------------------------------------------------------------*/
.sideBar-callOut img{
	display: block;
    height: auto;
    max-width: 100%;
}
#docResponsiveWrapper .hdSocial li{
	position: relative;
}
#docResponsiveWrapper .hdSocial li span{
	display: block;
	text-align: left;
}

#docResponsiveWrapper .infoBox {
    float: left;
    padding: 15px 0;
}
#docResponsiveWrapper .infoBox .text {
    float: left;
    margin-left: 10px;
    width: 70%;
}
#docResponsiveWrapper .infoBox .image, .infoBox .callOut {
    float: left;
    margin-left: 0;
    width: 20%;
}
#docResponsiveWrapper .infoBox .image {
    float: left;
    height: 95px;
    margin-left: 0;
    width: 20%;
}
#docResponsiveWrapper .infoBox img {
	margin: 0px;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
#docResponsiveWrapper .infoBox .link {
    background: url("/PublishingImages/UCDLayoutImages/linkArrow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    font-weight: 700;
    height: 15px;
    padding-left: 18px;
}
#docResponsiveWrapper .infoBox h3 {
    margin-top: 0;
}
#docResponsiveWrapper .highlight {
    padding: 1em 0;
    width: 100%;
}
#docResponsiveWrapper .highlight p, 
#docResponsiveWrapper .highlight ul {
	margin: .5em 1em .5em 1em;
}
#docResponsiveWrapper .highlight h4 {
	margin: .5em 0 .75em 1em;
}
#docResponsiveWrapper .sidebarInfo img {
	margin: 0px;
	padding: 0px;
	display: block;
    height: auto;
    max-width: 100%;
    width: auto;
}
/* ------------------------------------------------------------*/
/* ------------>>> End Responsive Layouts <<-------------*/
/* ------------------------------------------------------------*/

.ms-rtegenerate-skip{
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
	box-sizing: content-box;
	}

/********************************************************Ribbon Overrides***********************************************************************/

/*________________Ribbon Replacement Styles _________________________*/

H3.mv-Element-H3
{
  -ms-name:"Heading 3";

}
H4.mv-Element-H4
{
  -ms-name:"Heading 4";

}
H5.mv-Element-H5
{
  -ms-name:"Heading 5";

}
H6.mv-Element-H6
{
  -ms-name:"Heading 6";

}
HR.mv-Element-Hr
{
-ms-name:"Horizontal Rule";
}
P.mv-Element-P
{
-ms-name:"Paragraph";
}
.mv-Style-FloatLeft{
-ms-name:"Float Left";
    float: left;
    margin: 15px 15px 15px 0px;
	}
.mv-Style-FloatRight{
-ms-name:"Float Right";
    float: right;
    margin: 15px 0px 15px 15px;
	}
.ms-rteCustom-FloatLeft{
	float: left;
	margin: 15px 15px 15px 0px;}
.ms-rteCustom-FloatRight{
	float: right;
	margin: 15px 0px 15px 15px;}
.ms-rteCustom-ClearBoth{
	clear: both;
}
/*________________________Floats_______________________________________*/
.mv-Position-1{
	-ms-name:"Left";
	float:left;
}
.mv-Position-2{
	-ms-name:"Right";
	float:right;
}
.mv-Position-3{
	-ms-name:"Top";
	vertical-align:text-top;
}
.mv-Position-4{
	-ms-name:"Middle";
	vertical-align:middle;
}
.mv-Position-5{
	-ms-name:"Bottom";
	vertical-align:text-bottom;
}
.mv-Image-floatLeft{
	-ms-name:"Float Left";
	float:left;
	margin: 15px 15px 15px 0;
}
.mv-Image-floatRight{
	-ms-name:"Float Right";
	float:right;
	margin: 15px 0 15px 15px;
}
.mv-Image-scalable{
	-ms-name:"Scalable for Responsive";
	display: block;
    height: auto;
    max-width: 100%;
}

.mv-Image-scalable-right{
	-ms-name:"Scalable Float Right";
	display: block;
    height: auto;
    max-width: 100%;
	float:right;
	margin: 15px 0 15px 15px;
}

.mv-Image-scalable-lft{
	-ms-name:"Scalable Float Left";
	display: block;
    height: auto;
    max-width: 100%;
	float:left;
	margin: 15px 15px 15px 0;
}
/*kwizcom telerik fixes for missing table hide/show icons*/
.RadGrid_Office2007 .rgExpand {
	background: url("/PublishingImages/Template%20Images/plus.jpg") no-repeat;
}
.RadGrid_Office2007 .rgCollapse {
	background: url("/PublishingImages/Template%20Images/minus.jpg") no-repeat;
}