/* CSS Document JSL Website*/


/*********************************
** Generic styles
**********************************/

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
	border-top:6px solid #002654;
	/*background: #EFEFEF url("../images/bkgnd-pool-water.jpg") repeat-x center top;*/
	background:#fff;
    font-size: 16px;
    line-height: 1.5;
	color:#333;
}
body.noborder {
	border-top:0 none;
}
p, pre {
    margin: 0 0 1em;
}
#section-content {
	font-family:Arial, serif;	
	color:#333;
	border:0 none;
}
h2 {
	color:#003366;
	font-size:36px;
}
h3 {
	color:#003366;
	font-size:28px;
}
h4 {
	color:#333;
	font-size:24px;
	text-transform:uppercase;
}

a, a:link {
    color: #002f6c;
    text-decoration: none;
}
.pull-right {
	margin-right:40px;
}
.alert{
	margin-left:40px;
	margin-right:40px;
}

.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.rteindent1 {
    margin-left: 40px !important;
}
#zone-content ul li {
    list-style: circle;
    margin-bottom: 8px;
}
#region-content ul li a {
    border-bottom: 1px solid #a4b4d0;
    color: #002f6c;
}
#region-content ul li a:hover {
	border-bottom:none;	
}
#region-content img {
	max-width:100%;
}
	
.full-width-image {
	width:100%;
	height:auto;
	border-bottom:2px solid #A89E99;
}
.homepage-buttons {
	margin:30px auto;
	width:100%;
	clear:both;
	display:block;
	overflow:hidden;
	text-align:left;
}
.button-large {
	display:block;
	margin:0 0 20px;
	width:auto;
	overflow:hidden;
}
.button-large a {
	display:block;
	background:#003366;
	color:#fff;
	text-transform:uppercase;
	border-radius:5px;
	padding:30px 40px;
	text-decoration:none;
	line-height:1.1em;
	text-align:center;
}
.button-large a:hover {
	background:#003366;
}
.button-large.green a {
	background:#62c17d;
}
.button-large.green a:hover {
	background:#4d9963;
}

img.right {
	float:right;
	margin:0 0 20px 40px;
}
img.left {
	float:left;
	margin:0 40px 20px 0;
}
.region-content a:hover {
	text-decoration:underline;
}
a.arrows::after {
	content: " >>";
}

.box {
  background:#efefef;
  border:1px solid #ccc;
  padding:20px;
  margin:20px 0;
}
.box h2 {
   margin-top:0;
}
.box p {
	margin-bottom:0;
}
.box-float-right {
	float:right;
	margin:0 0 20px 40px;
	width:350px;
	height:auto;
}

.important {
	padding-left: 80px;
    padding-top: 20px;
    background-image: url(../images/blue_ex.png);
    background-repeat: no-repeat;
    background-position: left 20px top 30px;
    background-size: 40px;
}

.bluebkgnd {
	background:#0026FC;
}
.greybkgnd {
	background:#ccc;
}

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

#header-wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
    line-height:1em;
    padding-bottom:0px;
    background:#fff;
    overflow:visible;
	text-align:center;
}

#header-wrapper.expand {
	background:none;
}

#header-wrapper #header-logo {
	width: 100%;
	text-align:center;
}

#header-wrapper #header-logo img {
	width: 150px;
	height:auto;
	padding: 13px 0px;
	margin:0 auto;
}
#header-wrapper .site-title {
	display:block;
	width:95%;
	text-align:center;
	padding:10px 20px;
}
#header-wrapper .site-title h1 {
	font-size:45px;
	/*font-family: 'Martel', serif;*/
	font-weight:900;
	font-family: 'Cinzel', serif;
	line-height:1.2em;
	margin-top:0;
}
#header-wrapper #header-nav {
    clear: both;
    float: none;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 280px;
}

#header-wrapper #header-nav .searchicon {
	float:right;
}

#lawLogoutButton {
	float: left;
	margin:0px 20px 10px 10px;
}

#header-wrapper #header-nav #ham-nav {
    display: none;
}

.framebordernew {
	border:1px solid #efefef;
}

/**************************************************
** Narrow Width media query 
****************************************************/

@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape) {
	#header-wrapper {
		background:#fff;
		overflow:visible;
	}
	
	#header-wrapper #header-logo {
		width: 95%;
		float: left;
		margin-left:20px;
	}

	#header-wrapper #header-logo img {
		padding: 13px 0px;
		float:left;
	}
	#header-wrapper .site-title {
		float:left;
		margin-left:20px;
		margin-top:40px;
		width:500px;
	}
	
	#header-wrapper #header-nav form.search-form input[type="text"] {
	    font-size: 18px;
	    height: 40px;
	    margin-right: 0;
	    padding: 1px 6px;
	    width: 220px;
	}
}
/***************************
** Normal Width  
****************************/

@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape) {
	
	#header-wrapper #header-logo {
		width:810px;
		float:left;
	}
	#header-wrapper #header-nav {
		width: 100px;
		margin-top:85px;
		clear:none;
		float:right;
		margin-right:30px;
	}
	#header-wrapper .site-title {
    	width: 600px;
	}
	#header-wrapper .site-title h1 {
		font-size:50px;
		font-weight:900;
		font-family: 'Cinzel', serif;
		margin-top:25px;
	}

	
	#header-wrapper #header-nav form.search-form input[type="text"] {
	    width: 282px;
	}
}
/***************************
** Wide Width  
****************************/

@media all and (min-width: 1220px) {
	#header-wrapper #header-logo {
		width:80%;
	}
	#header-wrapper .site-title {
		margin-top:20px;
		width:auto;
		text-align:left;
		
	}
	#header-wrapper .site-title h1 {
		font-size:60px;
		/*font-family: 'Martel', serif;*/
		font-weight:900;
		font-family: 'Cinzel', serif;
		margin-top:40px;
	}
}


/********************
** Navigation Styles - Mobile dropdowns 
*********************/

#header-wrapper #header-nav #ham-nav,
#header-wrapper #header-nav #ham-nav-mobile {
	width: 41px;
	height: 36px;
	float: left;
	background: url("../images/hamburger_new.png") center top 5px no-repeat;
	cursor: pointer;
}

#header-wrapper #header-nav #ham-nav.expanded-menu,
#header-wrapper #header-nav #ham-nav-mobile.expanded-menu {
	background: url("../images/hamburger_new.png") center top 5px no-repeat #F8F8F8;
	height: 50px;
}

#header-wrapper #header-nav #ham-nav p,
#header-wrapper #header-nav #ham-nav-mobile p {
	display: none;
}

#header-wrapper #header-nav form.search-form {
	float: right;
}

#header-wrapper #header-nav form.search-form input[type="text"] {
	-webkit-box-shadow: inset 3px 3px 19px -3px rgba(150, 150, 150, 1);
	-moz-box-shadow: inset 3px 3px 19px -3px rgba(150, 150, 150, 1);
	box-shadow: inset 3px 3px 19px -3px rgba(150, 150, 150, 1);
	border: 0;
	float: left;
	font-size: 18px;
	background-color: #D8DEE2;
	color: #333;
	padding: 1px 6px 1px;
	position: static;
	width: 180px;
	height: 40px;
	margin-right: 0;
	border-radius: 0;

}
#header-wrapper input#header-search-submit {
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
  	-webkit-border-radius:0px;
}


/*Main Horizontal navivation */
#header-wrapper #header-nav #header-menu {
	display: none;
	background: #F8F8F8;
	width: 886px;
	padding: 25px 30px;
	margin-left: -545px;
	margin-right:15px;
	margin-bottom:20px;
	overflow:hidden;
    z-index:999;
}
#header-wrapper #header-nav #header-menu-mobile {
	display: none;
	background: #F8F8F8;
	width: 240px;
	padding: 25px 30px;
	margin-bottom:0;
	overflow:hidden;
    z-index:999;
}

#header-wrapper #header-nav #header-menu ul {
	float: left;
	border-right: 1px solid #ccc;
	margin: 0 30px 0 0;
	width: 175px;
	padding: 0px;
}

#header-wrapper #header-nav #header-menu ul li {
	font-family: Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    list-style: outside none none;
}
#header-wrapper #header-nav #header-menu ul li a {
	color: #898989;
	text-decoration: none;
	line-height: 1.5;
}

#header-wrapper #header-nav #header-menu ul.col3 {
	width: 230px;
}

#header-wrapper #header-nav #header-menu ul.col4 {
	width: 160px;
	border-right: none;
}


#header-wrapper #header-nav #header-menu-mobile ul {
	margin:0;
	padding:0;
}
#header-wrapper #header-nav #header-menu-mobile ul li {
	font-family: Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    list-style: outside none none;
    background:none;
    line-height: 1.7;
}
#header-wrapper #header-nav #header-menu-mobile ul li a {
	color:#333;
}
#header-wrapper #header-nav #header-menu-mobile ul li a:hover {
	border-bottom:1px solid #a4b4d0;
}

.expand-header-menu{
    padding-bottom:100px;
}


/********************************
** New Mobile Menu Styles
*********************************/
#zone-menu-wrapper #zone-menu {
	display: none;
}

/********************
** Zone Preface styles 
*********************/
#zone-preface-wrapper {
	clear:both;
	background:#fff;
	margin-right:-1px; /*fixes weird border that shows up in Chrome mobile*/
	margin-left:-1px;
}
#section-content #zone-preface-wrapper .region-inner {
	padding-bottom:0;
}
#zone-preface-wrapper a {
    border-bottom: 0 none;
    color: #666666;
}



/********************
** Main Body Section Styles 
*********************/

#section-content {
	margin:0 auto;
}
#section-content #zone-content-wrapper {
	background:#fff;
}

#section-content .region-inner {
	padding:20px;
}
#zone-content #region-content .region-inner {
    padding: 20px;
}
#zone-content-wrapper #zone-content #region-content.grid-9 {
    float: left;
    margin: 0;
	width:100%;
}


/********************
** Region Sidebar First Styles 
*********************/

#region-sidebar-first {
	/*display:none;*/
	font-family: Arial,sans-serif;
    padding: 20px;
	margin: 20px auto;
	background: #f4f4f4;
	height: auto;
	width:80%;
    /*
	margin: 20px 50px 40px 20px;
	float: left;
    width: 170px;
	*/
	
}
#region-sidebar-first ul.menu {
    margin: 0 0 20px;
    padding: 0;
	line-height: 150%;
	text-align: left;
}
#region-sidebar-first ul.menu li {
    line-height: 1.2em;
    margin: 12px 0;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    font-size: 16px;
    list-style: outside none none;
    padding: 0;
}
/*#region-sidebar-first ul.menu li.first {
	margin-top:0;
}*/
#region-sidebar-first ul.menu li div.nolink {
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 22px;
    line-height: 0.9em;
    padding-bottom: 7px;
    margin-top:20px;
	line-height:1em;
}
#region-sidebar-first ul.menu a {
    border-bottom: medium none;
    color: #666666;
    font-size: 16px;
}
#region-sidebar-first ul.menu a:hover {
	border-bottom:1px solid #a4b4d0;
	color:#369;	
}

#region-sidebar-first ul.menu ul.indented {
	padding-left:20px;
}
#region-sidebar-first ul.menu ul.indented li a {
	font-size:14px;
}

/*******************
** Postscript Styles 
********************/

#zone-postscript-wrapper {
	border-top: 4px solid #b6afa6;
    background: #909090 none repeat scroll 0 0;
    color: #eaeaea;
    font-size: 16px;
    line-height: 115%;
    text-align: left;
}
#zone-postscript-wrapper #zone-postscript {
    font-family: Arial,sans-serif;
    font-weight: 300;
    margin: 0 auto 20px;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-first {
    padding: 20px 0;
    text-align: center;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second {
    text-align: center;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second ul {
    margin: 0 0 30px;
    padding: 0;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second ul li {
    letter-spacing: 0.03em;
    list-style: outside none none;
    padding-bottom: 6px;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second ul li strong {
    font-weight: 600;
    letter-spacing: 0.03em;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second a {
    color: #eaeaea;
    text-decoration: none;
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second a:hover {
    color: #fff;
}

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

footer {
    margin:0 auto;    
}

#footer-wrapper {
	width: 100%;
	background-color: #909090;
	border-top: 4px solid #B6AFA6;
}

#secondary-footer-wrapper {
	width: 100%;
	background-color: #666666;
	border-bottom: 5px solid #E57200;
}

.footer-nav-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 0px;
	overflow: hidden;
}

#footer-wrapper #footer-logo {
	width: 240px;
	padding: 10px 0px;
	float: left;
}

#footer-wrapper #footer-main-nav {
	width: 949px;
	border-left: 1px solid #CDCDCD;
	float: left;
}

#footer-wrapper #footer-main-nav .footercol {
	float: left;
	padding: 0px;
	width: 150px;
	margin-right: 40px;
}

#footer-wrapper #footer-main-nav .footercol p a {
	text-decoration: none;
	color: #EAEAEA;
	font-family: Arial, sans-serif;
	font-weight: 300;
}

#footer-wrapper #footer-main-nav .footercol.col1 {
	margin-left: 30px;
}

#footer-wrapper #footer-main-nav .footercol.col5 {
	margin-right: 0px;
}

#footer-wrapper #footer-main-nav .footercol ul {
	padding: 0px;
}

#footer-wrapper #footer-main-nav .footercol ul li {
	list-style: none;
	padding-bottom: 6px;
	letter-spacing: 0.03em;
	font-family: Arial, sans-serif;
	color: #EAEAEA;
	font-weight: 300;
}

#footer-wrapper #footer-main-nav .footercol ul li strong {
	font-weight: 600;
}

#footer-wrapper #footer-main-nav .footercol ul li a {
	text-decoration: none;
	color: #EAEAEA;
}

#footer-wrapper #footer-main-nav .footercol ul li a:hover {
	color: white;
}


/*******************
** Secondary Footer Styles 
********************/
#secondary-footer-wrapper {
	font-family: Arial,sans-serif;
}
#secondary-footer-wrapper .region-footer-first {
	text-align: center;
	padding: 15px 0px 10px;
	font-weight: 300;
	color: #EAEAEA;
	font-size: 15px;
    height:128px;
    font-family: Arial,sans-serif;
}

#secondary-footer-wrapper .region-footer-first p {
	margin: 0 0 6px;
}

#secondary-footer-wrapper .region-footer-first img {
    display: block;
    margin: 0 auto;
    width:203px;
}
#secondary-footer-wrapper .region-footer-first a {
	color: #EAEAEA;
	text-decoration: none;
}

#secondary-footer-wrapper .region-footer-first a:hover {
	color: white;
}

#secondary-footer-wrapper .region-footer-second {
	width: 100%;
	margin-bottom: 30px;
	text-align:center;
	font-size:14px;
	color: #EAEAEA;
}
#secondary-footer-wrapper .region-footer-second .content {
    margin: 0 auto;
    width: 180px;
}
#secondary-footer-wrapper .region-footer-second h2 {
	margin:0;
}
#secondary-footer-wrapper .region-footer-second h2 a {
	font-family: Arial, serif;
	font-size: 30px;
	text-decoration: none;
	font-style: italic;
	font-weight: 400;
	color: #c1c1c1;
}
#secondary-footer-wrapper .region-footer-second a,
#secondary-footer-wrapper .region-footer-third a {
	color:#EAEAEA;
}
#secondary-footer-wrapper .region-footer-second h2 a:hover,
#secondary-footer-wrapper .region-footer-fourth a:hover {
	color: white;
}

#secondary-footer-wrapper .region-footer-third {
	text-align: center;
	margin-bottom: 30px;
    line-height:30px;
}

#secondary-footer-wrapper .region-footer-third p {
	margin: 0 0 6px;
}

#secondary-footer-wrapper .region-footer-third img {
	padding: 0 4px;
}

#secondary-footer-wrapper .region-footer-fourth {
	text-align:center;
	font-weight: 300;
	color: #EAEAEA;
    padding-top:15px;
	font-size: 15px;
	margin-bottom: 30px;
 
}

#secondary-footer-wrapper .region-footer-fourth p {
	margin: 0 0 6px;
}

#secondary-footer-wrapper .region-footer-fourth p.copyright {
	font-style: italic;
	font-family: Arial, serif;
    /*width:375px;*/
	font-size: 13px;
}

#secondary-footer-wrapper .region-footer-fourth a {
	color: #EAEAEA;
}

#secondary-footer-wrapper .region-footer-fourth a:hover {
	color: white;
}



/**************************************************
** Sponsor Logo section on homepage 
****************************************************/

.logos {
	
}
.logos .logo-wrapper {
	/*display:block;*/
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:40px;
}
.logos .sponsor-logo {
	padding:0 20px;
	/*float:left;
	display:block;*/

}
#region-content .logos .sponsor-logo img {
	max-height:100px;
	width:auto;
}
#region-content .logos .sponsor-logo img.sponsor-tall {
	max-height:130px;
	width:auto;
}
#region-content .logos .sponsor-logo img.sponsor-large {
	max-height:170px;
	width:auto;
}
#region-content .logos .sponsor-logo img.short {
	max-height:75px;
	width:auto;
}
/*.sponsor-logo-clear {
	clear:both;
}*/


/**************************************************
** Narrow Width media query 
****************************************************/

@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape) {
	
	
	#zone-content-wrapper #zone-content {
		position:relative;
		z-index:1;
	}
	#header-wrapper, #section-content {
		width:100%;
	}
	#zone-postscript {
		width:768px;
	}
	#section-content .region-inner {
		padding: 20px 40px;
	}
	/*body.not-front #section-content .region-inner {
		padding: 20px 0 20px 50px;
	}
	#zone-content-wrapper #zone-content #region-content.grid-9 {
		float: left;
		width:600px;
		border:1px solid red;
	}*/
	#zone-content-wrapper #zone-content #region-content {
		margin: 0 auto 40px;
		width: 768px;
	}
	body.front #zone-content-wrapper #zone-content #region-content {
		position:relative;
		margin: -150px auto 40px;
		width: 768px;
		z-index:100;
	}
	.homepage-buttons {
		margin:30px auto 90px;
		width:100%;
		clear:both;
		display:block;
		overflow:hidden;
		text-align:center;
	}
	.button-large {
		display:inline-block;
		margin:0 10px;
		width:auto;
		overflow:hidden;
	}
	.button-large a {
		display:block;
		background:#fff;
		color:#003366;
		border:1px solid #333;
		border-color:#333;
		padding:30px 40px;
		text-decoration:none;
		line-height:1.1em;
		text-align:center;
	}
	.button-large a:hover {
		background:#003366;
		color:#fff;
	}
	.button-large.green a {
		background:#62c17d;
	}
	.button-large.green a:hover {
		background:#4d9963;
	}
	
	/******************/
	
	#lawLogoutButton {
		margin:12px 20px 10px 10px;
	}
	
	#zone-postscript-wrapper #zone-postscript {
		margin: 20px auto;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-first {
		margin: 0;
		padding: 10px 0;
		text-align: left;
		width: 23%;
		float:left;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-first img {
		max-width:160px;	
	}
	
	#zone-postscript-wrapper #zone-postscript #region-postscript-second {
		border-left: 1px solid #cdcdcd;
		margin: 0;
		padding: 20px 0 0;
		width: 76%;
		float:left;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col1 {
		float: left;
		margin-left: 15px;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .footercol {
		float: left;
		margin-right: 15px;
		padding: 0;
		text-align: left;
		width: 100px;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col2, #zone-postscript-wrapper #zone-postscript #region-postscript-second .col3, #zone-postscript-wrapper #zone-postscript #region-postscript-second .col4 {
		float: left;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col5 {
		float: left;
		margin-right: 0;
	}

	/*******************
	** Secondary Footer Styles 
	********************/
	#secondary-footer-wrapper #region-footer-first {
	    float:left;
	    text-align:left;
	    width: 20%;
	    margin-left: 15px;
    	padding: 20px 5px 15px;
    	border-right: 1px solid #848484;
	}
	#secondary-footer-wrapper #region-footer-second {
	    float:left;
	    text-align:center;
	    padding: 20px 0 24px;
    	width: 23%;
    	margin-bottom:20px;
    	border-right: 1px solid #848484;
	}
	#secondary-footer-wrapper #region-footer-third {
	    float:left;
	    text-align:center;
	    padding: 24px 0 15px;
    	width: 30%;
    	border-right: 1px solid #848484;
	}
	#secondary-footer-wrapper #region-footer-fourth {
	    float:left;
	    text-align: right;
    	width: 23%;
	}
}

/***************************
** Normal Width  
****************************/

@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape) {
	body {
		font-size:18px;	
	}

	#zone-postscript {
		width:980px;
	}
	
	#zone-content-wrapper #zone-content #region-content {
		margin: 0 auto 40px;
		width: 980px;
	}
	body.front #zone-content-wrapper #zone-content #region-content {
		position:relative;
		margin: -180px auto 40px;
		width: 980px;
		z-index:100;
	}
	.homepage-buttons {
		margin:30px auto 90px;
		width:100%;
	}
	
	#zone-content #region-content .region-inner {
		padding: 20px;
	}
	
	body.not-front #section-content .region-inner {
		padding: 20px 0 20px 50px;
	}
	#zone-content-wrapper #zone-content #region-content.grid-9 {
		float: left;
		width:680px;
	}

	.generic-title-block h1#page-title {
	    padding: 0 0 10px;
	    margin-top:0px;
	}

	#zone-menu-wrapper {
		display:block;
		position: relative;
		z-index: 10;
	}
	
	
	#header-wrapper #header-nav #ham-nav-mobile {
		display:none;
	}
	#header-wrapper #header-nav #ham-nav {
		display:none;
	}
	#header-wrapper #header-nav #ham-nav,
	#header-wrapper #header-nav #ham-nav-mobile {
		display:none;
	}

	#region-sidebar-first {
		display:block;
		padding:0 20px;
		margin: 20px 50px 40px 20px;
		float: left;
    	width: 170px;
	}

	#zone-preface-wrapper {
	    margin-left: 0;
	    margin-right: 0;
	}

	
	/*********************
	** Main Menu Styles
	***********************/
	#zone-menu-wrapper {
		z-index: 10;
		position: relative;
		clear:both;
	}
	
	#zone-menu-wrapper #zone-menu {
		background: rgba(176, 176, 176, 1);
		background: -moz-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(168, 168, 168, 1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(176, 176, 176, 1)), color-stop(100%, rgba(168, 168, 168, 1)));
		background: -webkit-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(168, 168, 168, 1) 100%);
		background: -o-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(168, 168, 168, 1) 100%);
		background: -ms-linear-gradient(top, rgba(176, 176, 176, 1) 0, rgba(168, 168, 168, 1) 100%);
		background: linear-gradient(to bottom, rgba(176, 176, 176, 1) 0, rgba(168, 168, 168, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#a8a8a8', GradientType=0);
		width: 100%;;
		border: 0;
		display: block;
		height: 48px;
		position: relative;
		border-top: 3px solid #A89E99
	}
	
	#zone-menu-wrapper #zone-menu #region-menu {
		margin: 0;
		width: 100%;
		text-align: left;
		position: absolute;
		top: 8px;
		left: 20px;
	}
	body.front #zone-menu-wrapper #zone-menu #region-menu {
		margin: 0 auto;
		text-align:center;
		left: 0;
	}
	#zone-menu-wrapper #zone-menu ul#main-menu {
		padding:3px 0 0 0;
		margin: 0 auto;
		width: 100%
	}
	#zone-menu-wrapper #zone-menu ul#main-menu li {
		text-transform: uppercase;
		padding: 0 6px;
		font-family: Arial, sans-serif;
		font-style: normal;
		font-weight: 400;
		display: inline
	}
	
	#zone-menu-wrapper #zone-menu ul#main-menu li a {
		text-decoration: none;
		color: #fff;
		font-size: 15px;
	}
	
	#zone-menu-wrapper #zone-menu ul#main-menu li a:hover {
		color: #eaeaea;
		text-decoration:underline;
	}
	
	.gsc-results-wrapper-overlay {
		margin: 250px auto 0;
	}
	
	/********************************
	** Dropmenu Styles
	*********************************/

	.dropbtn {
		background:none;
		border:none;
		border-radius:none;
		color: #fff;
		font-size: 15px;
		text-transform:uppercase;
		font-family: Arial, sans-serif;
		font-style: normal;
		font-weight: 400;
		display:inline-block;
		padding: 0 0 17px;
	}
	.dropdown {
	  position: relative;
	  display: inline-block;
	}
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f1f1f1;
	  min-width: 250px;
	  z-index: 50;
	  top:37px;
	  text-align:left;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}

	
	#zone-menu-wrapper #zone-menu ul#main-menu li .dropdown-content a {
		color: #666;
		font-size:14px;
	}
	#zone-menu-wrapper #zone-menu ul#main-menu li .dropdown-content a:hover {
		text-decoration:underline;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #ddd; color:#666; text-decoration:underline;}

	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {display: block;}
	

	
	/********************************
	** Sidebar Menu Toggle
	*********************************/
	
	/*.support-menu li.coaches {  
		display:none;
		cursor: pointer;
	}
	*/
	
	
	/********************************
	** Postscript Zone Styles
	*********************************/
	
	#zone-postscript-wrapper #zone-postscript #region-postscript-first {
		width: 23.5%;
		float:left;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-first img {
		max-width:none;	
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second {
		border-left: 1px solid #cdcdcd;
		margin: 0;
		padding: 20px 0 0;
		width: 76%;
		float:left;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col1 {
		margin-left: 30px;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .footercol {
		margin-right: 23px;
		width: 150px;
	}

	#secondary-footer-wrapper #region-footer-first {
		padding:15px 0;
		width:227px;
		margin-left:30px;
	}
	#secondary-footer-wrapper #region-footer-second {
	    padding: 15px 30px 30px;
	    width:16%;
	}
	#secondary-footer-wrapper #region-footer-third {
	    padding: 20px 0 30px;
	    width:25%;
	}
	#secondary-footer-wrapper #region-footer-fourth {
		margin-bottom: 30px;
    	padding-top: 15px;
    	width:25%;
    	margin-right:20px;
	}

}

/***************************
** Wide Width  
****************************/

@media all and (min-width: 1220px) {
/*media (min-width: 1200px) {*/
	
	
	#zone-content-wrapper #zone-content {
		position:relative;
		z-index:1;
	}
	#zone-content-wrapper #zone-content #region-content {
		margin: 0 auto 40px;
		width: 1160px;
		
	}
	body.front #zone-content-wrapper #zone-content #region-content {
		position:relative;
		margin: -200px auto 40px;
		width: 1160px;
		z-index:100;
	}

	.homepage-buttons {
		margin:30px auto 90px;
		width:950px;
	}
	
	/************/
	
	#zone-content-wrapper #zone-content #region-content.grid-9 {
		width: 945px;
	}
	#zone-postscript {
		width:1200px;
	}
	#header-wrapper, #section-content {
		width:100%;
	}
	#section-content .region-inner {
		padding: 20px 40px;
	}

	.generic-title-block h1#page-title {
	    margin-top:25px;
	}

	.generic-title-block ul {
		display:block;
		margin-bottom: 15px;
	}

	#region-sidebar-first {
		margin: 20px 50px 40px 40px;
	}

	.footer-nav-wrapper {
		width: 1200px;
		margin: 0 auto;
		padding: 20px 0px 0px;
		overflow: hidden;
	}
	#secondary-footer-wrapper #region-footer-first {
		padding:15px 0 10px;
		width:240px;
		margin-left:0;
	}
	#secondary-footer-wrapper #region-footer-second {
	    padding: 15px 30px 30px;
	    width:15%;
	    margin-bottom:20px;
	}
	#secondary-footer-wrapper #region-footer-third {
	    padding: 20px 0 30px;
	    width:25%;
	}
	#secondary-footer-wrapper #region-footer-fourth {
		margin-bottom: 30px;
    	padding-top: 15px;
    	width:33%;
    	margin-right:0;
	}
	

	/*********************************************************
	** Main Menu Styles
	**********************************************************/
	#zone-menu-wrapper #zone-menu {
		/*width: 1200px;*/
		width:100%;
	}
	#zone-menu-wrapper #zone-menu ul#main-menu li {
		padding: 0 18px;
	}
	
	#zone-menu-wrapper #zone-menu ul#main-menu li a {
		letter-spacing: .02em
	}
	
	.library-menu-block ul.menu li {
		padding: 0 25px;
	}
	
	.library-menu-block ul.menu li ul.menu li {
		padding: 5px 20px;
	}
	
	/*********************************************************
	** Zone Postscript Styles
	**********************************************************/
	#zone-postscript-wrapper #zone-postscript #region-postscript-first {
		width: 20%;

	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second {
		width: 79%;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col1 {
		margin-left: 35px;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .footercol {
		margin-right: 40px;
	}
	#zone-postscript-wrapper #zone-postscript #region-postscript-second .col5 {
		margin-right: 0;
	}
}

/***************************
** General Table Styles
****************************/
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align:left;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #ddd;
}
table > thead > tr > th,
table > thead > tr > td {
  border-bottom-width: 2px;
}
table table {
  background-color: #fff;
}
table > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

input {
	min-height:25px;
	min-width:200px;
}

input.submit,
input[type=submit]{
	background: #232D4B;
	color: #fff;
	padding: 10px 40px 8px;
	border: 0 none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top:20px;
	font-size:16px;
	min-width:150px;
}
	
input.upload {
	background: #232D4B;
	color: #fff;
	padding: 10px 40px 8px;
	border: 0 none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:16px;
}
input[type=file] {
	border:1px solid #ccc;
	padding:5px 10px;
}