/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html { font-size:.9em; overflow-y: scroll; -webkit-overflow-scrolling: /*touch; -webkit-tap-highlight-color: rgba(0,0,0,0);*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 

}
body { margin: 0;  line-height: 1.42;background: url("../images/") repeat-x scroll left top transparent;}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #8E8A8A; color: #fff; text-shadow: none; }
::selection { background: #8E8A8A; color: #fff; text-shadow: none; }

/* =============================================================================
   Linksa
   ========================================================================== */
a {color: #006CA8;}
a:visited { }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
    overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
   Tables
   ========================================================================== */

table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}
td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}

#content_main h1, #content_side h1, #content_main h4, #content_side h4{
    color: #113377;
    margin-bottom: 0;
    margin-top: 5px;
    
}
/* Zend Form */
.zend_form {width: 550px;margin:0px 20px 0px 0px;padding:0;	overflow:auto;}
.zend_form dt {	padding:0;	clear:both;	width: 140px;	float:left;	text-align:right;	margin:5px 5px 5px 0;}
.zend_form dd {	padding-left: 5px;	float:left;	margin:5px 2px 5px 0;}
.zend_form p {	padding:0;	margin:0;}
.zend_form textarea {	margin:0 0 2px 0;	padding:0px;	width: 350px;}
.zend_form input {	margin:0 0 2px 0;	padding:0px;	width: auto;}
/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */
#wrapper { margin: 0 auto; padding: 0; width: 960px; min-height: 85%; clear: both;}
.westCoast{ background-image: url("/images/backRibbonHalf.jpg");   background-position: 50% 1px;   background-repeat: repeat-x;  }
#breadcrumbs{ text-align: left; font-size: .9em; float: left; width: 400px;}
#changeFont{width: 50px;;float: right; margin: 10px; text-align: right;}
#pre_header{height: 30px; width: auto; float: right; text-align: right; margin-right: 10px;}
#content {width: 960px; overflow: hidden; clear: both; }
#header {height: 135px; width: 940px; padding: 0 10px; }
#header_left {float: left;width: 300px;}
#header_right {float: right;width: auto; margin: 0px; padding: 0px;}
#logo {padding: 0px; margin: 10px 0 0 0px; float: left;width: 200px;height: 50px;}
#sub_header { width: 960px; margin-top: 2px; padding-top: 0px; min-height: 248px;} 
div.slide_text span, div.slide_text_half span {font-family: 'Droid Serif', serif; font-size: 42px;  font-style: italic; }
.slide_text{width: 300px; position: absolute; top: 0; text-align:center; margin: 0 auto; overflow: hidden;}
.slide_text span{width: auto; float: left; color: white; font-size: 25px; margin-top: 35px; margin-left: 10px; }
.slide_text_half{width: 450px; position: absolute;}
.slide_text_half span{width: 450px; text-align: center; display: block; color: white;  margin:20px auto; }
.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }
#slides{position: absolute; width: 960px; margin: 0; height: 380px; overflow: hidden;   }
#halfSlide{position: absolute; width: 960px; margin: 0; height: 260px; overflow: hidden;   }
.slides{background: url("/images/leftshadow.png") no-repeat scroll 324px 10px transparent;height: 364px; margin-top: 0px;   }
.slide{background: url("/images/leftshadow.png") no-repeat scroll 464px 10px transparent;height: 364px; margin-top: 0px;   }
.slides img { position: absolute; right: 0;top:15px;  width: auto;}
.slide img {  position: absolute; right: 0;top:16px;  width: auto;}
div.slide{	height: 268px;	overflow: hidden; }
div#tmpSlideshow { margin: 0px;    padding: 0 0 0 0;    height: 380px;    width: 960px;}
div.slides {	display: none;	height: 380px;	overflow: hidden; }
div#tmpSlideshowControls {    position: absolute;    bottom: 20px;    left: 11px;    width: auto;}
div.tmpSlideshowControl {	border: 1px solid #e1dece;	width: 65px;	height:  25px;	float: left;	background-color: white;	color: #333;	font: 14px Arial, sans-serif;	text-align: center;	cursor: pointer;}
div.tmpSlideshowControl span {    line-height: 25px;    vertical-align: middle;}
div.tmpSlideshowControlOn {border: 1px solid rgb(161, 155, 137);  background-color: #888; color: white;}
div.tmpSlideshowControlActive {    border: 1px solid rgb(161, 155, 137);  background-color: #333; color: white;}
#main_menu{padding-top:40px; }
#sub_menu{ height: 60px; background-image:url(/images/sub_menu_BK.jpg);}
#sub_menu .navigation li{margin-right: 5px;}
#content_side ul li,  #content_main ul li{ background-position: 0 0px; background-repeat: no-repeat; padding-left: 1.5em; margin: 0px 0; position: relative;}
div#tabs.ui-tabs ul.ui-tabs-nav li{ padding-left: 0;}
aside#content_side ul , #content_side ul , #content_main ul{   list-style-type:none; padding-left: 10px; margin-top: 10px;}
#main_menu, #sub_menu a{ height: 2em; position: relative;}
#main_menu ul, #sub_menu ul{width:90%;margin:0;padding:0}
#main_menu ul li,#sub_menu ul li{display:block;margin:5px 0 0px 0px ;padding:5px 4px 2px 4px;text-align:center;float:left; }
#main_menu ul li a,#sub_menu ul li a, #bookNow a,#pre_header  a{padding: 5px 5px 7px 5px;}
#side_menu ul li a {position: absolute; top: 15px; padding-left: 30px;}
#main_menu  a:hover{margin: 0;height: 50px;}
#pre_header  a:hover, #sub_menu  a:hover {height: 60px; color: #000; }
#main_menu  a:hover, #pre_header  a:hover, #sub_menu  a:hover { color: #FFF !important;  background-image: url('/images/menuBackGround.png'); background-position: left;background-repeat: none;}
#main_menu .active a { color: #FFF; font-weight: bolder; background-image: url('/images/menuBackGround.png');background-position: left;background-repeat: none;height: 50px;}
.navigation  a { color: #333;}
#sub_menu,  $side_menu{ color: #666;}
#sub_menu{ clear: both;}
#sub_menu h1{ margin: 5px 0 0 20px;  }
#sub_menu .active a{ color: #fff; font-weight: bold; padding: 14px 5px 5px;  background-image: url('/images/menuBackGround.png'); background-position: left;background-repeat: none;}
.colored{color:  #006ca8;}
#bookNow { display: block; float: right; width: auto; position: absolute;  right: 0; top: 10px; padding-top: 41px; }
#service_buttons{width: 960px; margin: 5px 0px 5px;}
.button, .footer-links { padding: 0 0 10px 0;	margin-left: 0px; margin-top: 10px;	margin-bottom: 5px;background-color: transparent;}
.button ul,  ul.footer-links {list-style: none;margin: 0;	padding: 0;	border: none;}		
.button li{background-image: url('/images/side_menu_BK.gif'); background-position: left;background-repeat: none;margin: 0;height: 50px; padding-left:20px;}
.button li a{display: bzzzlock;margin-left: 0px;background-image: url('/images/5-circ-bullets.gif');background-repeat: no-repeat;background-position: left center; margin-left:20px;	background-color: transparent;color: #333;text-decoration: none;width: 100%;}		
.bulletlistNeg li, .bulletlist li, .bulletList li{	margin-left:0px; padding-top: 5px;background-repeat: no-repeat;background-position: left 5px !important;
	background-color: transparent;	color: #333;text-decoration: none;}
.bulletlistNeg li{ background-image: url('/images/5-circ-bulletsNeg.gif');}
.bulletlist li, .bulletList li{ background-image: url('/images/3-circ-bullets.gif');}
.button li a:hover { text-decoration: underline; color: white; font-weight:bold;}
#moreTechSupport, #moreRemoteTutoring, #moreHomeTutoring{ margin:0; padding:0px; position:relative; width:120px; height:30px; overflow:hidden;  left: 185px }
#moreTechSupport span, #moreRemoteTutoring span, #moreHomeTutoring span{ display:block; position:absolute; left:0; top:0; z-index:1; width:90px; height:30px; margin: 0 0 10px 0;padding:5px;}
a:link#moreTechSupport span, a:link#moreRemoteTutoring span, a:link#moreHomeTutoring span, div.buttonFloat a.button span { background:url("/images/readMore.png") top left no-repeat; }
a:hover#moreTechSupport span, a:hover#moreRemoteTutoring span, a:hover#moreHomeTutoring span {    background:url("/images/readMore-hover.png") top left no-repeat; }
a:active#moreTechSupport span, a:active#moreRemoteTutoring span, a:active#moreHomeTutoring span {    background:url("/images/readMore-active.png") top left no-repeat; }
div#side_menu div.button ul.navigation li a:hover, li.brief_testimonial a.linkununder:hover { text-decoration: none; font-weight: normal; color: #006CA8;}
.serviceButton a h3{padding-top: 5px;   }
.side_button .active a { color: #006CA8;  text-decoration: underline; font-weight:bold;}
.serviceButton  a h3{ text-align: center;width: 300px;color: white;margin: 0;	height: 35px; background-image: url(../images/buttonBkGrDrk.png); background-repeat: repeat-x;}
.serviceButton  a {color: white;}
.serviceButton {width: 300px; margin:  0; float: right; height: auto; border: 1px solid #999999; overflow: hidden; }
.serviceButton:first-child {margin:  0 0px 0 26.5px;}
.serviceButton:last-child {margin: 0 26.5px 0 0px;}
.serviceButton span {font-size: .8em;  width: 280px; display: block; padding: 10px;  }
.dashbox {width: 960px;height: 365px; position: relative;}
.dashboxHalf{width: 960px;height: 248px;}
#content_main {width: 630px;float: left; padding: 0 0px; margin-top: 0px; }
#content_main h1, #content_main h2{	color: #006ca8;	}
div.blog-headline h1 a{	color: #006ca8;	}
.blogPost{background-color: #F8F8F8; margin: 5%; width: 79%; padding: 5%;  }
h1.blogTitle, h3.blogTitle{margin-bottom: 0px;    }		
.blogWrapper {
    background-color: #FCFCFC;
    border-bottom: 3px solid #333333;
    margin-bottom: 10px;
    padding: 10px;
}
.archImageSide {
    float: left;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px;
    width: 85px;
}
.archLinkSide {
    margin-left: 85px;
    padding: 5px;
    width: 535px;
}

.multiple-borders {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 3px #FFFFFF, 0 0 0 5px rgba(0, 0, 0, 0.1), 2px 2px 2px 2px #555555;
}

div.translateBody img {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}

div.buttonFloat {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    width: 125px;
}
						/* Zend Form */
.errors {color: red; font-weight:bold;    }
.zend_form {width: 550px;margin:0px 20px 0px 0px;padding:0;	overflow:auto;}
.zend_form dt {	padding:0;	clear:both;	width: 140px;	float:left;	text-align:right;	margin:5px 5px 5px 0;}
.zend_form dd {	padding-left: 5px;	float:left;	margin:5px 2px 5px 0;}
.zend_form p {	padding:0;	margin:0;}
.zend_form textarea {	margin:0 0 2px 0;	padding:0px;	width: 350px;}
.zend_form input {	margin:0 0 2px 0;	padding:0px;	width: auto;}
#permissions{	width: 400px;	margin: 50px auto 100px auto;}
.submit {	float:right;	width: 50px;}
#submitbutton {	width: auto;	float: right;	margin-right: 50px;}
.required:before {	content:'*';	color: red;	font-weight:bold;}
.optional:before {	content:'+';	color: red;	font-weight: bold;}
/*------------------------------------------------side--------------------*/
#content_side {	width: 318px;float: right; padding:0; margin:  10px 0 0 0;}
#content_side h1 {color:  #006ca8;}
#content_side h2 {color:  #006ca8; }
/*--------------------------------------Footer--------------------------------*/
#footer {background-color: #007dc5; color: white; padding: 0; position: relative; min-height: 15%; clear: both; }
.footer_left, .footer_center, .footer_right {float: left; width: 300px; padding: 10px; margin-top: 20px; margin-bottom: 20px;}
ul.footer-links li{padding: 0px;	margin: 10px;}
ul.footer-links li a {padding: 5px 0 5px 30px;	margin: 10px 0 10px 5px;}
div.footer_left ul li a, div.footer_center ul li a, div.footer_right ul li a{ color: #222;   }
#print-footer {display: none; }
.footer-links li a{margin-left: 0px;background-image: url('/images/5-circ-bulletsNeg.gif');background-repeat: no-repeat;background-position: left center;	background-color: transparent;color: #333;text-decoration: none;width: 100%;}
div.footer_right span,div.footer_center span,div.footer_left span{ font-size: 1.2em; }
.mid-footer {margin-left: auto;margin-right: auto;width: 960px;}
html, body{height: 100%;}
/*------------------------------------------------dashboard--------------------*/
.brieflist li{list-style: none;padding: 5px 10px 5px 10px;	margin: 5px 10px 5px 10px;border-bottom: 1px #999 dashed;}
.brieflist h2{display: block; color: white;font-size:1.5em; padding: 0px; margin: 0;}
.brieflist h4 {padding: 5px 0px 0px 5px;margin:0px;}
.brieflist ul{padding: 5px 0px;margin: 0px 0px;}
.more {float: right;width: auto;font-size: .8em;padding: 15px 5px;}
.brieflist li a {color: #333;}
span.list_accent{color: black; display: block; font-size: .75em; font-style: italic; margin-top: 0; margin-bottom: 15px;}
.brieflist li a h3{margin: .25em;    }
.brieflist li p{font-size: .9em; margin: .25em;   }
.testimonial {
    margin: 0;
    background: #B7EDFF;
    padding: 10px 30px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(white, white);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 40px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}
.testimonial-author span {
    font-size: 12px;
    color: #666;
}
a:hover.more {color: black;}
.clear {clear: both; margin: 0; padding: 0;}
.pixels {font-size:16px;line-height:30px;margin-bottom:20px;padding:20px;}
.point {font-size:12pt;line-height:30px;margin-bottom:20px;	padding:20px;}
.em {font-size:1em;	margin-bottom:20px;	padding:20px;}
.percentage {font-size:100%;margin-bottom:20px;padding:20px;}
.undefined {margin-bottom:20px;	padding:20px;}
.FontSize {display: none; /* hide from non-Javascript browsers */position:absolute;top:10px;right:10px;	padding:5px;}
.FontSizeInc, .FontSizeDec, .FontSizeReset{	color:#CCCCCC;	font-size:14px;	float:left;	margin:10px;}   
.rounded{	-moz-border-radius: 10px;    -webkit-border-radius: 10px;    -khtml-border-radius: 10px;    border-radius: 10px;    background-color: #FFFFFF;}
.bottomrounded{	-moz-border-radius: 0 0 10px 10px;    -webkit-border-radius: 0 0 10px 10px;    -khtml-border-radius: 0 0 10px 10px;    border-radius: 0 0 10px 10px ;    background-color: #FFFFFF;}
.shadowed{	-moz-box-shadow: 3px 3px 3px #666;	-webkit-box-shadow: 3px 3px 3px #666;	box-shadow: 3px 3px 3px #666;}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.floatButtons{
	clear: none;
    float: left;
    margin: 0px 10px ;
    width: 180px;
	}
.floatButtons p{

   padding:0px;
    margin: 5px  ;
 
	}
.floatButtons h3{

   padding:0px 0 3px 0;
    margin: 0px  ;
 
}
caption h1.colored{  padding: 10px;  }
.textLeft{text-align: left;}

.newsCell{ margin: 0;
    width: 190px;
    float: left;
    padding-left: 5px;
    margin: 3px;
padding: 3px;
background-color: #fcfcfc;
}
.stamp{margin: 0 0 2px 0; padding: 0; font-size: .8em; background-color: #dddddd; }
div.story-ref h4 {  margin: 0; padding: 0; }
div.story-ref h4 a { text-decoration: none; color: #006CA8;}

p.standfirst {margin: 0 0 2px 0; padding: 0; font-size: .85em  }
.brieflist li img, div.catlist ul li img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 75px;
}
#socialbar img {border:0px;}
#socialbar li img {width:48px; height:48px;}
#socialbar li a:hover {position:relative;top:-10px;}
#socialbar{list-style: none outside none; padding: 0px; margin:0px; margin-top: 10px; text-align: right; width: 100%; z-index:99;}
#socialbar li {display:inline;padding-right:5px; width: 50px:}
#main #content-1,
#pageframe {overflow:visible;}.IE 
#main #sidebar{position:static;}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
}
/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  
}