/*
 *  CREATED: 02/02/2009, Kimo Fouts
 * 	UPDATED: 07/26/2010, Doug Hamaker
 *  UPDATED: 1/07/2014, Christopher Kelsey
 *   
 *   DESCRIPTION:
 * 		page layout styles
 * 		base styles - reset all via Yahoo! YUI
 *		IE6 global hacks
 *      base fonts, colors, etc.
 *      header
 *      utility
 *      banner
 *      footer
 *      *note:  Content styles not here.  See _content.css
 *
 *
 *  Yahoo! YUI Copyright - DO NOT REMOVE
 *  Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 *  Code licensed under the BSD License:
 *  http://developer.yahoo.net/yui/license.txt
 *  version: 2.7.0
 *
 *	REFERENCES:
 *	2 and 3 column #content layouts are based layouts by Matthew James Taylor
 *	http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm 
 *
 */

/*Yahoo! YUI Resets - For resetting elements to mitigate browser differences 
and inheritance conflicts/confusion. - see above for copyright information*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* end resets */
 
/* PAGE LAYOUT - framework positioning and presentation. */

/*Style overrides - eliminating image borders without updating html */
#top, #topleft, #topright, #bottom, #bottomleft, #bottomright{display:none;}

/* general page layout including custom borders, margins, etc */

#header, #sectionNavbg, #breadcrumbbg, #footerbg {position:relative;clear:both;float:left;display:inline;}
.borderright, .borderleft {position:relative;clear:both;display:inline;}
#header, #borderbottom, #sectionNavbg, #breadcrumbbg, #footerbg,.borderright, .borderleft  {width:100%;} 
#sectionNavMenu, #secondarySectionNav, #breadcrumb, #footerNav {margin:0 1px;}
#contents, #footer,#sectionNav {width:92%;max-width: 1207px;margin:0 auto;padding:0;clear:both;}
.rightmenu, .leftmenu, .holygrail, .noSectionNav, #sectionNavbg, #breadcrumbbg, #footerbg {border: 1px solid #67bb49;}
#contents, .rightmenu, .leftmenu, .holygrail {background-color: #fff;}

/* 2 and 3 column layouts */

.colmask {
	clear:both;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:100%;				/* width of whole page */
	overflow:hidden;        /* This chops off any overhanging divs */		
}
	
/* 2 column right menu settings */
.rightmenu .colleft {margin-left:-250px;margin-top:19px;position:relative;float:left;width:200%;right:100%;}
.rightmenu .col1wrap {padding-bottom:2em;position:relative;float:left;width:50%;left:50%;}
.rightmenu .col1 {margin:0 0px 0 252px;overflow:hidden;height:auto;}
.rightmenu .col2 {margin-top:0;width:250px;left:248px;position:relative;float:right;}	

/* 2 column right menu settings for layout nested in a col1 */
.nestedrightmenu .nestedcolleft {margin-left:-250px;margin-top: 0.75em;position:relative;float:left;width:200%;right:100%;}
.nestedrightmenu .nestedcol1wrap {padding-bottom:2em;position:relative;float:left;width:50%;left:50%;}
.nestedrightmenu .nestedcol1 {margin:0 0px 0 260px;overflow:hidden;height:auto;}
.nestedrightmenu .nestedcol2 {margin-top:0;width:250px;left:248px;position:relative;float:right;background:#fff;}	

/* 2 column left menu settings */
.leftmenu .colleft {left:250px;margin-top:19px;position:relative;float:left;width:200%;}
.leftmenu .col1wrap {right:250px;padding-bottom:2em;position:relative;float:right;width:50%;}
.leftmenu .col1 {margin:0 0px 0 240px;overflow:hidden;height:auto;position:relative;right:100%;}
.leftmenu .col2 {margin-top:0;width:250px;right:248px;position:relative;float:left;}	

/* 2 column left menu settings for layout nested in a col1 */
.nestedleft {margin-top: -0.25em;}
.nestedleft .nestedcolleft {left:230px;margin-top:0.95em;position:relative;float:left;width:200%;}
.nestedleft .nestedcol1wrap {right:233px;padding-bottom:2em;position:relative;float:right;width:50%;}
.nestedleft .nestedcol1 {margin:0 0px 0 230px;overflow:hidden;height:auto;position:relative;right:100%;}
.nestedleft .nestedcol2 {margin-top:0;width:231px;right:230px;position:relative;float:left;}	

/* 3 column layout middle content */
    .holygrail .colmid {right:100%;position:relative;float:left;width:200%;
		margin-left:-250px;/* Width of right column */}
    .holygrail .colleft {clear:both;position:relative;float:left;width:100%;margin-left:-50%;left:483px;/* Left column width + right column width */
		margin-top:19px;
    }
    .holygrail .col1wrap {clear:both;position:relative;float:left;width:50%;
	    right:250px;        	/* Width of left column */
	    padding-bottom:2em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        position:relative;left:200%;overflow:hidden;
        margin:0 223px 0 236px;        /* Centre column side padding:
                            	       Left padding = left column width + centre column left padding width
                            	       Right padding = right column width + centre column right padding width */
	}
    .holygrail .col2 {
        float:left;position:relative;
        float:right;			/* This overrides the float:left above */
        width:231px;        	/* Width of left column content (left column width minus left and right padding) */
    }
    .holygrail .col3 {
        float:left;position:relative;left:49.8%;
        float:right;			/* This overrides the float:left above */
        width:247px;        	/* Width of right column content (right column width minus left and right padding) */
    }
	
/* Special Content Layout */
.offscreen {position:absolute;left: -999em;width: 1em;overflow:hidden;}  /* Accessibility support.  moves elements from visual presentation but leaves for proper semantic structure and Accessibility compliance */
 .offscreen.c-skip-link:focus {
    display: inline-block;
    margin: 0.4rem 0.75rem;
    position: static;
    font-size: -0.688rem;
    width: auto;
 }

/*  GLOBAL ELEMENTS */

body {font-family:arial, sans-serif;background:#ecece4;min-width:960px;width:100%;}

/* disclosure announcements */
.disclosures {padding: 0 1em;background:#fff;}
.disclosures div {padding:1em 0;}


/* header 
 *******************/
#logo {float:left;width:100%;padding-bottom:41px;} /* Protected space per Delta Dental Ins. Style Guide.  (.5*img-height - borderwidth)   */
#logo a {float:left;display:block;border:none;margin-right:30px;} /* Protected space per Delta Dental Ins. Style Guide.  (.5*img-height)   */
#logo h1{font-family:georgia, times;font-size:1.5em;margin:.65em 0em 0em 0em;float:left;}
#logo img {height: 60px; width: 245px;}


/* utility 
 *******************/
div#utility{font-size:.688em;width:100%;clear:both;position:relative;float:left;background: #333;}
div#utility .audienceMenu{margin-left:1em;float:left;}
div#utility .corporateMenu{margin-right:0.75em;float:right;}
div#utility ul{margin:.4em 0 .4em 0;padding:0;}
div#utility li{display:inline;}
div#utility li span{padding:0 .75em 0 .5em;}
div#utility a{color:#ffffff;text-decoration:none;}
div#utility a:hover {text-decoration: underline;}

/* searchform styles supplement embedded Google Custom Search code and styles */
#searchform {position:absolute;right:1.625em;top:4em;}
#searchform input {vertical-align:top;} /*REM 513 replace bottom w/ top*/
#searchform input#q {width:196px; margin-right: 0.21em;font-size: 1.2em}



/* footer 
 *******************/
#footerNav ul {font-size:.688em;position:relative;margin:0;padding:.4em 0 .5em;}
#footerNav .audienceMenu {float:left;margin-left:.5em;}
#footerNav .corporateMenu {float:right;margin-right:1em;}
#footerNav li {float:left;position:relative;margin:0;}
#footerNav li span {padding:0;}
#footerNav a {text-decoration:none;display:block;float:left;margin:0 .625em;}
#footerNav a:hover {text-decoration: underline;}

/* disclaimer 
 *******************/
div#dislcaimer {clear:both;float:none;margin:0;}
div#dislcaimer p {font-size:.75em; line-height:1.325em;padding:1.25em 9px;}


/* SECTION NAVIGATION STYLES */
/* section navigation
********************/
/* Default background for section nav and breadcrumb backgrounds */
#sectionNavbg, #breadcrumbbg {background:#f9f9f9;background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);background: -moz-linear-gradient(top, #ffffff, #f9f9f9);background: -o-linear-gradient(top, #ffffff, #f9f9f9);background: -ms-linear-gradient(top, #ffffff, #f9f9f9);background:linear-gradient(top, #ffffff, #f9f9f9);}

/* primary (tab) navigation bar */
#sectionNav ul {position:relative;float:left;width:100%;margin:0;padding:0;}
#sectionNav ul li {font-size:.875em;font-weight:bold;margin:0;padding:0;float:left;list-style:none;}
#sectionNav ul li a {text-decoration:none;padding:1em 1.5em;margin:0 0 -1px 0;display:block;float:left;border-right: 1px solid #dfdfdf;}
#sectionNav ul li a:hover span{text-decoration: underline;}

#sectionNav ul li.selected {background:#fff;}
#sectionNav ul li.selected a {color:#000;border-bottom:2px solid #fff;margin-bottom:-2px;text-decoration:none !important;} 
#sectionNav ul li.selected span {border-bottom:none;}

#sectionNav ul li.secondary {font-size:.688em;line-height:130%;float:right;margin:1.45em 1.75em .5em 0em;border:none;}
#sectionNav ul li.secondary a {right:1em;text-decoration:none;padding:0;border-right:none;}
#sectionNav ul li.secondary a:hover {text-decoration:underline;}

#sectionNav li#enhancedLogin  {margin:1.25em 1.5em 0 0em;}
#sectionNav li#enhancedLogin a {border:1px solid #fe913c;border-radius:2px;margin:0;padding:.25em .5em .25em .75em;background:#fffaf6;}
#sectionNav li#enhancedLogin a span {border:none;padding-right:18px;background:url('/_assets/backgrounds/indicator-dialog.png') 97% 60% no-repeat;}
#sectionNav li#enhancedLogin a:hover, #sectionNav li#enhancedLogin a:hover span {text-decoration: none;}
/* set color, border and background to green, cut images - dh 04/27*/

/* secondary (breadcrumb) navigation bar paired with primary (tabs) navigation */
#sectionNav #breadcrumb ul {display:inline;padding:.85em 0em;}
#sectionNav #breadcrumb ul ul {float:none;margin:0;padding:0;border:none;}
#sectionNav #breadcrumb li {font-size:.688em;display:inline;float:none;margin:0;padding:0 0  0 .5em;border:none;}
#sectionNav #breadcrumb li li {font-size:1em;}
#sectionNav #breadcrumb a {display:inline;float:none;font-weight:normal;margin:0;padding:0;border:none;}
#sectionNav #breadcrumb a:hover {text-decoration: underline;}
#sectionNav #breadcrumb span {display:inline;margin:0;padding:0;}
#sectionNav #breadcrumb li:before {content:"> ";padding:0 .5em 0 0;}
#sectionNav #breadcrumb li.first {margin-left:1em;}
#sectionNav #breadcrumb li.first:before {content:"";}

/* secondary navigation bar only, no tabs */
#sectionNav #secondarySectionNav ul {display:inline;padding:.85em 0;}
#sectionNav #secondarySectionNav ul ul {float:none;margin:0;padding:0;border:none;}
#sectionNav #secondarySectionNav li {display:inline;}
#sectionNav #secondarySectionNav li.breadcrumb  {width:80%;font-size:.688em;margin:.45em 0 0 0;padding:0 0  0 1.25em;border:none;}
#sectionNav #secondarySectionNav li.breadcrumb li {float:none;font-size:1em;}
#sectionNav #secondarySectionNav li.breadcrumb a {display:inline;float:none;font-weight:normal;margin:0 .5em 0 0 ;padding:0;border:none;}
#sectionNav #secondarySectionNav li.breadcrumb a:hover {text-decoration: underline;}
#sectionNav #secondarySectionNav li.breadcrumb span {display:inline;margin:0;padding:0;}
#sectionNav #secondarySectionNav li.breadcrumb li:before {content:"> ";padding:0 .5em 0 0;}
#sectionNav #secondarySectionNav li.first {margin-left:0;}
#sectionNav #secondarySectionNav li.first:before {content:"";}
#secondarySectionNav ul li.secondary  {margin:.45em 1em 0 0;}
#secondarySectionNav li#enhancedLogin {margin:0 1.5em 0 0;}