@charset "utf-8";
/*UNIVERSALS-all pages*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block}
audio, canvas, video{display:inline-block}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body{width:100%; display:-mos-box; display:-webkit-box; -moz-box-pact:center; -webkit-box-pack:center; margin:0; background-color:#F8F8F8}
.gridContainer{background-color:#f8f8f8; text-align:left}
body, button, input, select, textarea{font-family:sans-serif; color:#333}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:bottom}
ul ol{font-size:1em} 
svg:not(:root){overflow:hidden}
form{margin:0}
fieldset{border:0; margin:0; padding:0}
label{cursor:pointer}
legend{border:0;  padding:0}

button, input{line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top; resize:vertical}
textarea{margin:.25em 0 .25em 0em; padding:.25em .2em .25em .25em; width:90%; border:1px solid #CCC; font-family:Arial,Helvetica,sans-serif; font-size:1em; overflow:auto}
table{border-collapse:collapse; border-spacing:0}
.clearfix:before, .clearfix:after{content:""; display:table}
.clearfix:after{clear:both}
.clearfix {clear:both}
img, object, embed, video{max-width:100%}
.ie6 img{width:100%}
/*FLOATS*/
.floatright{float:right; margin:0 .5em 0 0; padding:0 0 0 1em}
.floatleft{float:left; padding-left:.5em; margin:0 1em 0 0}
.clearfloat{clear:both; height:0; font-size:.06em; line-height:0}
.clear{clear:both; width:100%; height:.1em; margin:0;padding:0}
/* HEADER*/
#header {background-color: #fff;overflow: auto;border: 1px solid #e5e5e5;padding:0;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;margin-top:.5em}
#footer {padding-bottom: 2em;border-top:1.5em solid #3B5998;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px}
#header #gqlogo a img {border:none;margin:0}
/*Search box*/
#gqlogo a {margin-bottom:0}
#gcse search {font-family:Arial,Helvetica,sans-serif; color:#333; float:right;background-image:none; padding:0;margin:0}
#searchSec {background:none; background-image:none}
/*imgBOX*/
.imgbox a {font-size:.8em; font-style: normal;  text-align:center}
.imgbox img{float:none;margin:0 0 1em 0}
.imgbox {font-family:Arial,Helvetica,sans-serif; font-size:.80em; font-style:italic; color:#161616; text-align:center;float:right; margin:0 1.5em 0 0}
/*TEXT headers*/
h1{color:#666; font-weight:700; font-size:1.15em; font-family:Arial,Helvetica,sans-serif; padding:1.4em .5em 0 .8em; margin:0 0 .2em 0}
h1 .normal {color:#3B5998; font:300 .85em Arial,Helvetica,sans-serif; margin:1.5em 1em .2em .5em}
#home .col25 h1, #home .col25br h1, #home .col25 h2, #home .col25br h2,#home .col50 h1, #home .col50clr h1, #home .col50 h2, #home .col50clr h2  {color:#3B5998; font:700 .82em Arial,Helvetica,sans-serif; padding-top:0;margin:.7em 1em 0em .7em}
h2{color:#3B5998; font:700 1em Arial,Helvetica,sans-serif; padding:0 1em 1em 1em; margin:0 }
h2 .normal {color:#363636; font:300 .95em Arial,Helvetica,sans-serif; margin-left:.6em}
h3 {color:#3B5998; font:700 .85em Arial,Helvetica,sans-serif; margin:1.5em 1em .9em 1.2em}
h3 .notetbl{color:#3B5998; font:300 .78em Arial,Helvetica,sans-serif; margin:1.5em 1em .9em 1.2em}
h4{color:#4D4D4D; font:700 .85em Arial,Helvetica,sans-serif; margin:0;padding:0 1.5em 0 1.3em;line-height:1.2}
.gridContainer.clearfix .section .tblleft h3, .gridContainer.clearfix .section .tblright h3 {margin-left: 0px;}
/*TEXT font p  styles*/
p {font:300 .85em Arial,Helvetica,sans-serif; color:#242424; text-align:left; padding:0 1.5em 0 1.5em;line-height:1.2}
p.note, .gridContainer.clearfix .section #secSum div .note {font-size:.82em; color:#161616; font-family:Arial,Helvetica,sans-serif; margin:0em 1.4em .8em .8em;  line-height:1.5em}
p.doublespc{line-height:2em}
.section p.crumb  {font-size:.75em;font-family: Arial,Helvetica,sans-serif;color: #161616;line-height:2;text-decoration:none;margin:0; padding-top:0;padding-left:1.3em}
#footer p.crumb {font-size:.75em;font-family: Arial,Helvetica,sans-serif;color:#161616;line-height:2;text-decoration:none;margin:0; padding-top:2em;padding-left:1.3em; padding-bottom:0}
p.crumb a {text-decoration: none}
#footer p.note {font-size:.8em; color:#161616; font-family:Arial,Helvetica,sans-serif; margin:0em 1.4em .8em 1.6em; text-indent:-1em; line-height:1.5em}
#footer p {font-size:.75em;line-height:2em}
#footer img {vertical-align:middle}
/*A Links*/
a:link{color:#4c73c4/*5E7096*/;text-decoration:none}
a:visited{color:#725187/*#646*/}
h1 a:visited {color:#666} 
h2 a:visited {color:#3B5998} 
h3 a:visited {color:#3B5998}
a:hover {color: #936;text-decoration:underline}
.summary h3 a:link {color:#3B5998;text-decoration: underline}
h1 a:link,h2 a:link,h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited, #hide1, #show1,.col1 a:link,.col3 a:link,.col25 a:link,.col25br a:link  {text-decoration:none}
.gridContainer.clearfix .section h1 a,.gridContainer.clearfix .practice h1 a {color:#5A5A5A}
h2 a {text-decoration:none}
.gridContainer.clearfix .section .col25 h3 a,.gridContainer.clearfix .section .col25br h3 a, h2 a:visited, h3 a:visited,h2 a:link,h3 a:link {color:#3B5998; margin:0; padding:0; font-size:1em}
.gridContainer.clearfix .section .col25 h3 .notetbl{font-size:.85em; margin-left:.5em}
 /*Navigation Bar */
/*Mobile screen; other screens inherit*/
#menu {float:left;list-style: none;width: 100%;margin: .5em auto .8em auto;min-height: 43px;padding: 0px;background:#3B5998;border-radius: 5px;display:block;z-index:999}
#menu li {float: left;clear:both;width:93.5%;text-align: left;position: relative;padding:12px 10px;margin-left: 0;margin-top: 2px;margin-bottom:0;background: -moz-linear-gradient(top#7288B7, #3B5998, );
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7288B7), to(#3B5998)); border: 1px solid #304752; -moz-box-shadow: inset 0px 0px 1px #edf9ff; -webkit-box-shadow: inset 0px 0px 1px #edf9ff;box-shadow: inset 0px 0px 1px ; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 50px 0px 0px; border-radius: 5px 5px 0px 0px}
#menu li:hover {border: 1px solid #777777;padding:12px 10px;margin-top:2px;background: -moz-linear-gradient(top, #F8F8F8, #e8e8e8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#e8e8e8));-moz-border-radius: 0px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
-moz-box-shadow: inset 0px 0px 1px #edf9ff;
-webkit-box-shadow: inset 0px 0px 1px #edf9ff;box-shadow: inset 0px 0px 1px;-moz-border-radius: 5px 5px 0px 0px;}
/*font for main menu*/
#menu li a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #f4f4f4;display: block;outline: 0;text-decoration: none;text-shadow: 1px 1px 1px #161616}
#menu li:hover a {color:#3B5998;text-shadow: 1px 1px 1px #FFFFFF}
/*formatting of drop-downs*/
menu li .drop {padding-right: 10px; no-repeat right  8px  }
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns {margin: 4px auto;float: left;position: absolute;left: -999em;text-align: left;padding: 5px 0 5px 5px;border: 1px solid #777777;border-top: none; 
background:#F8F8F8;
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .50);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .50);box-shadow: 0 0 10px rgba(0,0,0, .50);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius:5px;font-family: 'Droid Sans', sans-serif;}
.dropdown_3columns {width: 150px}
/*sets offset of drop-down menu*/
#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns {z-index:999;left: 140px;top: auto}
/*displays columns side by side or vertically 'clear' */
.col_1 {float: left;clear:both;display:block;position: relative;margin-left: 5px;margin-right: 5px}
.col_1 {width: 130px;}
/* Drop Down Content Stylings */
#menu p, #menu h2, #menu h3 , #menu h4, #menu ul li {font-family: Arial, Helvetica, sans-serif;color:#333 ;padding-left:0;line-height: 21px;font-size: 12px;text-align: left;text-shadow: 1px 1px 1px #FFFFFF}
/*#menu h2 {font-size: 14px;margin: 7px 0 14px 0;padding-bottom: 7px;border-bottom: 1px solid #666666}
#menu h4 {font-size: 12px;margin: 0px 0 4px 0;padding-top: 0px;padding-bottom: 4px;border-bottom: 1px solid #888888}*/
/*sub-menu styling on mobile device*/
#menu h3 {font-size: 12px;margin: 4px 0 4px 0;padding-bottom: 3px;border-bottom: 1px solid #3B5889}
#menu li:hover div a {line-height: 36px;font-size: 12px;color: #3B5998; background: #F8F8F8}
#menu li div li {display:none}

@media only screen and (min-width: 481px) {
#gqlogo {clear:both; float:left; margin-left:0; width:66.57%; display:block}
#searchSec{clear:none; float:left; margin-top: 1.5em; width:33.42%; display:block}
#menu {width:100%}
#menu h3 {font-size: 12px;margin: 7px 0 7px 0;padding-bottom: 3px;border-bottom: 1px solid #888888}
#menu li {float: left;clear:none;width:auto;margin:2px 0 0 1px}
/*sub-items font size*/
#menu li div li {display:inline;clear:none}
#menu li:hover div a {line-height: 36px;font-size: 12px;color: #3B5998; background: #F8F8F8 }
#cssmenu #menu div ul li a {font-size: 13px }
.col_1, .col_2, .col_3, .col_4  {float: left;display:inline;clear:none;position: relative;margin-left: 5px;margin-right: 5px}
#menu li:hover #cls.dropdown_4columns, #menu li:hover #nps.dropdown_3columns {left: -1px}
#menu li:hover #vps.dropdown_3columns{left: -122px}
#menu li:hover #adv.dropdown_3columns {left: -122px}
#menu li:hover #cntv.dropdown_3columns {left: -250px}
/*#menu li:hover #cntv.dropdown_3columns {left: -140px}
#menu li:hover #wrt.dropdown_1column {left: -75px}
#menu li:hover #wrt.dropdown_2columns {left: -120px}*/
/*#menu li:hover #wrt.dropdown_1column {left: -1px}*/
.col_1, .col_2, .col_3, .col_4  {float: left;display:inline;position: relative;margin-left: 5px;margin-right: 0px}
.col_1 {width: 115px;}
.col_2 {width: 120px;}
.col_3 {width: 125px;}
.col_4 {width: 130px;}
.dropdown_1column {width: 135px}
.dropdown_2columns {width: 240px}
.dropdown_3columns {width: 390px}
.dropdown_4columns {width: 510px}
/*alignment options*/
#menu .menu_right {float: right;margin-right: 5px}
#menu li .align_right {-moz-border-radius: 5px 0px 5px 5px;-webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px}
/*place .align_right as class for column*/
#menu li:hover .align_right {left: auto;right: -1px;top: auto}
#menu li:hover .align_center1 {left: auto;left: -45px;top: auto}
#menu li:hover .align_center2 {left: auto;left: -110px;top: auto}
#menu li:hover .align_center3 {left: auto;left: -150px;top: auto}
#menu li:hover .align_center4 {left: auto;left: -200px;top: auto}
#menu li:hover div li {border:none}
#menu li:hover div a {line-height: 36px;font-size: 12px;color: #3B5998; background: #F8F8F8}
#menu li:hover div a:hover {line-height: 36px;color: #1D2453}
#menu li ul {list-style: none;padding: 0;margin: 0 0 12px 0}
#menu li ul li {font-size: 12px;line-height: 24px;position: relative;text-shadow: 1px 1px 1px #ffffff;padding: 0;margin: 0;float: none;text-align: left;width: 130px}
#menu li ul li:hover {background: none;border: none;padding: 0;margin: 0;}
}
 @media only screen and (min-width:769px) {
#gqlogo {clear:both; float:left; margin-left:0; width:60.5762%; display:block}
#searchSec{clear:none; float:left; margin: 1.5em 0 0 1.5641%; width:35.7288%;display:block}
#menu {width:100%}
#menu li {float: left;clear:none;width:12.8% ;margin:0 2px 0 2px}
#menu li:hover #cls.dropdown_4columns{left: -1px}
/* #menu li:hover #nps.dropdown_3columns,
#menu li:hover #vps.dropdown_3columns, #menu li:hover #adv.dropdown_3columns,#menu li:hover #cntv.dropdown_3columns,#menu li:hover #wrt.dropdown_1column */
#menu li:hover #vps.dropdown_3columns{left: -1px}
#menu li:hover #adv.dropdown_3columns {left: -1px}
#menu li:hover #cntv.dropdown_3columns {left: -120px}
#menu li:hover #wrt.dropdown_2columns {right: -1px} 
 }
