/******************************************************************

Theme: Simply
Variant: Clean
Author: Michael Grissinger
Version: 2.1

*******************************************************************/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}label, input[type=button], input[type=submit], button { cursor: pointer; }


/** Sitewide Styles ***********************************************/
/******************************************************************/

body { font: 14px/20px Verdana, Geneva, sans-serif; color: #737272; }
#shell { margin: 0 auto; }
a { text-decoration: none; }
.container { margin: 0 auto; width: 950px; position: relative; }
.imgLeft { float: left; margin: 0 12px 5px 0; }
.imgRight { float: right; margin: 0 0 5px 12px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


::-moz-selection{ background: #555; color:#fff; text-shadow: none; }
::selection { background:#555; color:#fff; text-shadow: none; } 


/** Header Styles *************************************************/
/******************************************************************/

header { position: relative; z-index: 2; }

	#titlebar { background: url(../img/bgTitleBar.jpg) repeat-x; height: 128px; }
	
		#logo { padding: 35px 0 0; width: 300px; }
		
			#logo p { margin: 0; }
			#logo .Logo_Title { font-size: 40px; color: #fff; text-decoration: none; }
			#logo .Logo_Title .subTitle { font-size: 22px; color: #ddd; margin: 0; }
		
		header nav { position: absolute; top: 7px; right: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; z-index: 2; }
			
			header nav ul {  }
			header nav ul li { background: #3a3a3a url(../img/bgNavLi.jpg) top left repeat-x; float: left; margin: 0 0 0 2px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 1px 1px 2px #222;  -webkit-box-shadow: 1px 1px 2px #222; box-shadow: 1px 1px 2px #222; position: relative; }
			.lt9 header nav ul li { border-right: 1px solid #222; border-bottom: 1px solid #222; }
			header nav ul li a { display: block; padding: 8px 25px; color: #fff; -moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000; }
			header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background: #535353; }
			header nav ul li a:hover {  }
			
				header nav ul ul { display: none; position: absolute; width: 180px; background: #444; top: 36px; left: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 1px 1px 2px #222;  -webkit-box-shadow: 1px 1px 2px #222; box-shadow: 1px 1px 2px #222;  }
				.lt9 header nav ul ul { border-right: 1px solid #222; border-bottom: 1px solid #222; }
				header nav ul li:hover ul { display: block; }
				header nav ul li ul li { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: none; margin: 0; }
				.lt9 header nav ul li ul li { border: none; }
				header nav ul li ul li a { padding: 5px 0 5px 25px; display: block; }
	
		#search { position: absolute; top:75px; right: 0;  }
		
			#search h3 { display: none; }
			#search input { display: block; float: left; border: none; padding: 0; }
			#search input[type="text"] { background: url(../img/bgSearch.gif); width: 172px; height: 22px; font-size: 13px; color: #ccc; padding: 2px 5px; }
			#search input[type="submit"] { background: url(../img/btnSubmit.gif); width: 49px; height: 26px; line-height: 0; text-indent: -9999em; }
	
	#headerImg { position: relative; height: 287px; background: url(../img/bgHeaderImg.jpg) repeat-x; z-index: 1; }
	.subpage #headerImg { height: 100px; display: none; }
	
		.vignette {  }
		
			.vignette img {  }
			.vignette .powerPhrase { position: absolute; top: 60px; right: 0; text-align: right; font-size: 45px;  color: #333; line-height: 48px; }


/** CTA Styles ****************************************************/
/******************************************************************/

#ctaShell { border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #e3e5e8; overflow: auto; overflow-x: hidden; z-index: 1; position: relative; }
	
	.ie7 #ctaShell .container { padding-bottom: 28px; }
		
		.cta { display: block; position: relative; width: 224px; height: 136px; background: url(../img/bgCta.jpg); overflow: hidden; margin: 28px 0 28px 4px; padding: 15px 10px 10px 80px; float: left; }
		.cta:first-child { margin-left: 0;  }
		
			.ctaTitle { font-size: 20px; }
			.blue .ctaTitle { color: #0aabd9; }
			.red .ctaTitle { color: #d90a67; }
			.slate .ctaTitle { color: #1b1b1b; }
			.cta p { color: #696969; font-size: 13px; margin: 13px 0; }
			.ctaReadMore { font-weight: bold; color: #696969; font-size: 13px; }
			.ctaReadMore:hover { text-decoration: underline; }
			.ctaImg { position: absolute; top: 0; left: 0; text-align: center; height: 150px; overflow: hidden; width: 78px; }
		

/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { position: relative; z-index: 1; background: #fff url(../img/bgMainShell.jpg) repeat-x top left; padding-top: 20px; margin: 0 0 30px;}
#mainShell .container { background: #e5e5e6 url(../img/bgMainShell.gif) repeat-y -2px 5px; width: 950px; padding: 5px; }
body.full #mainShell .container { background-image: url(../img/bgMainShell-full.gif); }
		
	
		.clip { width: 40px; height: 48px; background: url(../img/bgTLCorner.gif); position: absolute; top: -5px; left: 0; z-index: 3; }
		
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell  h1 { font-size: 24px; color: #696969; margin: 0 0 15px;}
		#mainShell  h2 { font-size: 18px; color: #0aabd9; margin: 15px 0 5px; }
		#mainShell  h1+h2 { margin: -15px 0 20px; }
		#mainShell  h3 { font-size: 15px; color: #444; }
		#mainShell  p { margin: 0 0 15px;  }
		#mainShell  a { color: #0aabd9; }
		#mainShell  a:hover { text-decoration: underline; }
		#mainShell  strong {  }
		#mainShell  em {  }
		#mainShell  blockquote { margin: 0 0 15px; }
		#mainShell  ul, ol { margin: 15px 0 15px 15px; }
		#mainShell  ul ul, #mainShell ol ol { margin: 0 0 0 20px; }
		#mainShell  ul {  }
		#mainShell  li {  }
		#mainShell  ul li { list-style: disc; }
		#mainShell #dsq-content ul li { background: none; padding: 0; list-style: none; }
		#mainShell  li li { list-style: square; }
		#mainShell  li li li { list-style: circle; }
		#mainShell  ul li a {  }
		#mainShell  ol {  }
		#mainShell  ol li { list-style: decimal; }
		#mainShell  ol ol { margin: 5px 0 5px 50px; }
		#mainShell  dl { margin: 15px 0; }
		#mainShell  dl dt { font-weight: bold; }
		#mainShell  dl dd { margin: 0 0 0 25px; }
		#mainShell  hr {  }
		#mainShell  img {  }
		#mainShell  hr { margin: 15px 0; }
	
		/** Form Elements ******************************************/
		/***********************************************************/
		
		#mainShell  form {  }
		#mainShell  fieldset {  }
		#mainShell  label {  }
		#mainShell  input, #mainShell  textarea, #mainShell  select {  }
		#mainShell  input {  }
		#mainShell  input[type="submit"] {  }
		#mainShell  textarea {  }
		#mainShell  select {  }
		
	#mainShell article { background: #f7f7f7 url(../img/bgMainShellSection.jpg) repeat-x; width: 550px; float: left; min-height: 280px; padding: 40px; position: relative; }
	body.full #mainShell article { float: none; width: auto; }
	
		#mainShell article .clip {  }
		#mainShell article blockquote { border-left: 3px solid #999; padding-left: 30px; }
	
	#mainShell #sidebar { background: #f7f7f7 url(../img/bgMainShellSection.jpg) repeat-x; float: left; width: 230px; min-height: 280px; margin-left: 10px; padding: 40px; position: relative; }
	
		#subNav { margin: 0 0 20px; }
		
			#subNavHeading { font-size: 22px; color: #888; display: block; margin: 0 0 10px; }
			#subNav ul { margin: 0; padding: 10px 15px; background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
			#subNav ul li { list-style: none !important; }
			#subNav ul li a { display: block; line-height: 1.5em }
			#subNav ul li a:hover { text-decoration: none !important; background: #fff; }
			
		
		#mainShell #sidebar .clip {  }
		#mainShell #sidebar h2 { color: #d90a67; }
		#mainShell #sidebar blockquote { font-size: 32px; line-height: 30px; }
		
	#mainShell #btm, #mainShell #top { height: 11px; width: 960px; position: absolute; left: 0; }
	#mainShell #btm { background: url(../img/bgMainShellArticle.gif) no-repeat -2px bottom; bottom: -11px; }
	body.full #mainShell #btm { background-image: url(../img/bgMainShellArticle-full.gif); }
	#mainShell #top { background: url(../img/bgMainShellTop.gif) no-repeat -2px top;  top: -5px; }
	body.full #mainShell #top { background-image: url(../img/bgMainShellTop-full.gif); }
	.ie7 #mainShell #top { height: 5px; }


/** Footer Styles *************************************************/
/******************************************************************/

footer.container { position: relative; border-top: 3px solid #888; padding: 30px 0 50px 250px; width: 700px }

	#footerLogo { position: absolute; left: 0; top: 8px; }
	
	footer nav {  }
	footer nav ul {  }
	footer nav ul li { display: inline; padding: 0 4px; }
	footer nav ul li:first-child { padding-left: 0; }
	footer nav ul li a { font-size: 12px; color: #999; }
	footer nav ul li a:hover { text-decoration: underline; }
	footer nav ul li.hover a {  }
	
	#address { font-size: 11px; color: #555; }
	
		.fn { font-weight: bold; }
		.fn, .adr, .tel { margin: 0 15px 0 0; }
	
	#vivid { text-indent: -9999em; }
	
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */
 


/* iPad landscape ----------- */
@media only screen and (max-device-width : 960px) {
 
 body { overflow-x: hidden; }
 
.container { width: 90%; }

#titlebar { height: auto; }

#logo { margin-left: 15px; }

#ctaShell { padding-left: 4%; }

.cta { width: 25.8%; height: 10%; padding: 1% 2.5%; margin: 30px 4px; background: #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 2px 2px 0px #cecfd1; }
.cta img { display: none; }

.vignette .powerPhrase { width: 52% }

#mainShell { clear: both; }

	#mainShell article { width: 90%; padding: 40px 20px; float: none; margin: 0 0 0 20px; }
	
		#mainShell .container { background: none; width: 90%; }
		
		.clip { display: none; }
	
	#btm, #top {  }

footer.container { padding-left: 0; width: 90%; clear: both; }	
	#footerLogo { display: none; }
	footer nav {  }

	#address { margin-left: 0px; margin-top: 20px; }
		.fn { display: block; }
		.street-address { display: block; }
		.tel { display: block; }
		
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 50% !important }

}



/* iPad portrait ----------- */
@media only screen and (max-device-width : 768px) {
  
.container { width: 90%; }

#titlebar { height: auto; }

	#logo { margin-left: 15px; }
	
	header nav { position: static; margin: 30px 0 0 0; }
	header nav ul { margin: 0 auto; margin-top: 50px; width: 95%; }
	header nav ul li { float: none; width: auto; display: block; margin: 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	header nav ul li a {  }
	
	header nav ul ul { display: none !important; position: absolute !important; visibility: hidden !important; }*/
	
	#search { position: static; margin: 10px 20px 0 20px; }
	
#headerImg { display: none; }

#ctaShell { padding-left: 30px; }
.cta { width: 25%; padding: 1% 3% 3% 3%; margin: 15px 0 15px 10px; }
.cta p, .ctaReadMore { display: none; }

#mainShell { clear: both; }

	#mainShell article { width: 90%; padding: 40px 20px; margin: 0 0 0 20px; float: none; }
	
		#mainShell .container { background: none; width: 90%; }
		
		.clip { display: none; }
	
	#btm, #top { }

footer.container { padding-left: 0; width: 90%; clear: both; }	
	#footerLogo { display: none; }
	footer nav {  }

	#address { margin-left: 15px; }	
		.fn { display: block; }
		.street-address { display: block; }
		.tel { display: block; }

}


/* Mobile landscape + portrait ----------- */
@media only screen and (max-device-width : 480px) {

.container { width: 90%;  overflow-x: hidden; }

		header nav { position: static; margin: 30px 0 0; }
	header nav ul { margin: 0 auto;  margin-top: 50px; padding: 0; width: 90%; }
	header nav ul li { float: none; width: auto; display: block; margin: 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	header nav ul li a {  }
	
	header nav ul ul { display: none !important; position: absolute !important; visibility: hidden !important; }
	
	#search { position: static; margin: 25px 25px 25px 15px; padding: 0 0 20px 0; }
	
	#ctaShell { padding: 10px 0 10px 15px; }
	.cta { width: 90%; padding: 2% 3% 4% 3%; margin: 5px 0; clear: both; }

	#mainShell article { width: 90%; padding: 30px; float: none; }
	
		#mainShell .container { background: none; width: 90%; margin: 0; overflow-y: hidden; }
		
		#mainShell #sidebar { }
		
		.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }

}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  header, #ctaShell, #footerLogo, footer nav, #vivid { display: none; }
  footer { padding-left: 0; }
}