/*
Dark Blue
Hex #024576
RGB 2, 69, 118
CMYK 87, 52, 0, 46

Light Blue
Hex #1870b8
RGB 24, 112, 184
CMYK 87, 54, 0, 0

Red
Hex #c72f45
RGB 199, 47, 69
CMYK 0, 92, 61, 19

Gray
#999202


*/
/*---------------------------------------------------------------
                          Body
----------------------------------------------------------------*/
body  {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 160%;
	color: #545454;
	font-size: 16px;
	letter-spacing: 0px;
	min-height:1500px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #024576),color-stop(53%, #FFFFFF),color-stop(100%, #1870b8));
	background-image:-webkit-linear-gradient( top,#024576 0%, #FFFFFF 53%, #1870b8 100%);
	background-image:-moz-linear-gradient( top,#024576 0%, #FFFFFF 53%, #1870b8 100%);
	background-image:-o-linear-gradient( top,#024576 0%, #FFFFFF 53%, #1870b8 100%);
	background-image:-ms-linear-gradient( top,#024576 0%, #FFFFFF 53%, #1870b8 100%);
	background-image:linear-gradient( to bottom,#024576 0%, #FFFFFF 53%, #1870b8 100%);
 	background-repeat: no-repeat;
}

body h1  {
	font-size: 36px;
	font-weight: bold;
	color: #024576;
	line-height: 120%;
}

body h2  {
	color: #c72f45;
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
}

body h3  {
	color: #024576;
	font-size: 18px;
	font-weight: normal;
}

body h4  {
	color: #024576;
	font-size: 14px;
	font-weight: bold;
}

body p  {
	/**font-size: 16px;
	line-height: 150%;**/
	color: #545454;
	text-align: left;
}

body a  {
	color: #0000EE;
	font-weight: normal;
	text-decoration: none;
}

body a:active,
body a:hover {
	color: #0000ee;
	text-decoration: underline;
}

body a:visited {
	color: #551a8b;
}

a.footer:link { 
	color: #FFFFFF; font-weight: bold; text-decoration: none; }

a.footer:visited { 
	color: #CCDAE3; font-weight: bold; text-decoration: none; }

a.footer:active { 
	color: #c72f45; font-weight: bold;
	text-decoration: underline; }
	
a.footer:hover	{ 
	color: #CCDAE3; font-weight: bold;
	text-decoration: underline; }
/*---------------------------------------------------------------
                          PAGE LAYOUT
----------------------------------------------------------------*/
.main_wrapper {
	clear: both;
	min-height: 100%;
	width: 960px;
	margin: 25px auto;
	background-color:#FFFFFF;
	border-color:#CCDAE3;
	border-style:solid;
	border-width:10px;
}

.banner {
	clear: both;
	min-height: 100px;
	float:left;
}

.button {
	float: right;
	min-height: 50px;
	width: 175px;
	margin:25px;
}
.banner-left {
	float: left;
	width: 310px;
	min-height: 100px;
	margin: 30px 20px 20px 30px;
}

.banner-right {
	float: left;
	width: 500px;
	min-height: 100px;
	margin-top: 80px;
	margin-right: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
}
.nav {
	clear: both;
	min-height: 100%;
		padding:0 50px 0px 50px;
}

.content {
	clear: both;
	min-height: 100%;
}

.row-1 {
	clear: both;
	min-height: 100%;
	padding:10px 50px 10px 50px;
}

.row-2 {
	clear: both;
	min-height: 100%;
	padding:10px 50px 10px 50px;
}

.row-3 {
	clear: both;
	min-height: 100%;
	padding:10px 50px 10px 50px;
}

.row-4 {
	clear: both;
	min-height: 100%;
	padding:10px 50px 10px 50px;
}

.row-5 {
	clear: both;
	min-height: 100px;
	padding:0 50px 10px 50px;
}
.footer {
	clear: both;
	min-height: 150px;
	background-color:#024676;
}

.footer-col1 {
	float: left;
	width: 350px;
}

.footer-col2 {
	float: left;
	width: 200px;
	padding:20px;
}

.footer-col3 {
	float: left;
	width: 325px;
	padding:20px;
}

/*---------------------------------------------------------------
                          BOXES
----------------------------------------------------------------*/

.article_left {
    border: 5px dotted #1870b8;
    float: left;
    height: 275px;
    margin: 0 50px 20px 15px;
    padding: 20px;
    width: 335px;
}
.article_left h3 {
	margin: 0 0 20px;
	padding: 0;
}

.article_left p{
	line-height: 130%
	margin: 0 0 30px;
	padding: 0;
}

.article_right {
    border: 5px dotted #1870b8;
    float: left;
    height: 750px;
    margin: 0 20px 15px 0;
    padding: 20px;
    width: 335px;
}
.article_right h3 {
	margin: 0 0 20px;
	padding: 0;
}

.article_right p{
	line-height: 130%
	margin: 0 0 20px;
	padding: 0;
}
.article_left2 {
    border: 2px solid #1870b8;
    float: left;
    height: 750px;
	margin: 0 50px 20px 15px;
    padding: 23px;
    width: 335px;
}
.article_left2 h3 {
	margin: 0 0 20px;
	padding: 0;
}

.article_left2 p{
	line-height: 130%
	margin: 0 0 30px;
	padding: 0;
}

.article_right2 {
    border: 2px solid #1870b8;
    float: left;
    height: 650px;
     margin: 0 20px 15px 0;
    padding: 23px;
    width: 335px;
}
.article_right2 h3 {
	margin: 0 0 20px;
	padding: 0;
}

.article_right2 p{
line-height: 130%
	margin: 0 0 20px;
	padding: 0;
}


/*---------------------------------------------------------------
                          Navigation
----------------------------------------------------------------*/

.nav-text {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 120%;
	color: #024576;
	text-align: center;
	font-weight: bold;
}

.nav-text a {
	color: #024576;
	font-weight: bold;
	text-decoration: none;
}
.nav-text a:hover {
	color: #c72f45;
	text-decoration: underline;
}

.nav-text a:visited	{ 
	color: #024576; 
 }

.gray {
	color: #777;
	font-family: 'Oswald', sans-serif;
}


/*---------------------------------------------------------------
                          Other Type Styles
----------------------------------------------------------------*/
.breadcrumb { 	
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #545454;
	padding-bottom:10px;
	font-weight: bold;
	}
	
.title {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	color: #1870b8;
	font-weight: bold;
	text-align: center;
	line-height: 70%;
	vertical-align: bottom;
	}

.h1 {
	font-family: 'Oswald', sans-serif;
	color: #024576;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 25px;
}
.h2 {
	font-family: 'Oswald', sans-serif;
	color: #1870b8;
	font-size: 28px;
	font-weight: bold;
}
.h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 120%;
	color: #024576;
	text-align: left;
	font-weight: bold;
}
.h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: normal;
	color: #c72f45;
	text-align: left;
	font-weight: bold;
	padding-top: 1em;
}
.h5 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: normal;
	color:  #1870b8;
	text-align: left;
	font-style: italic;
	padding-top: 1em;
}
.h6 {
	font-family: Oswald, sans-serif;
	text-align: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	text-transform: none;
}
.footer-nav {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	/**text-transform:uppercase;**/
	letter-spacing: 1px;
	line-height: normal;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.lede-red  {
	font-family: Arial, sans-serif;
	color: #c72f45;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}
.lede-blue {
	font-family: Arial, sans-serif;
	color: #024576;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}
.text_small {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #545454;
}
.text {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #545454;
	text-align: left;
}
.text-large {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 160%;
	color: #545454;
	text-align: left;}

.center-text {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	text-align: center;
}

.red{
	color: #c72f45;
	font-family: Arial, sans-serif;
}

sup { 
    line-height: 0; 
    font-size: 70%; 
    vertical-align: super;
}


/*---------------------------------------------------------------
                          COLUMNS
----------------------------------------------------------------*/
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }
/*two columns*/
.twocol
{ 	float:left;
	width:50%;
	position:relative;}
.twocol2
{	float:left;
	width:50%;
	padding-top:0px;
	position:relative;}

/* three columns*/
.twocol3left
{ 	float:left;
	width:32%; padding-left: 50px;
	}
.twocol3mid
{	float:left;
	width:32%; padding-left: 45px;
	padding-top:21px;
	}
.twocol3right
{	float:left;
	width:32%; padding-right: 150px;
	padding-top:21px;
	}

/*---------------------------------------------------------------
                           IMAGES
----------------------------------------------------------------*/
.image-right {	float: right; padding-left: 10px;}
.image-left {	float: left; padding-right: 10px;}
.image-center {	display: block; margin-left: auto; margin-right: auto;}

.image-poweredby {	float: left; 	padding: 60px 0 20px 30px;}

/*---------------------------------------------------------------
                         RULES
----------------------------------------------------------------*/
	
/* Gradient color1 - color2 - color1 */
hr {
    border: 0;
    height: 1px;
    background: #024576;
    background-image: -webkit-linear-gradient(left, #ccc, #024576, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #024576, #ccc);    
	background-image:     -ms-linear-gradient(left, #ccc, #024576, #ccc);    
	background-image:      -o-linear-gradient(left, #ccc, #024576, #ccc); 
	margin: 20px 0 20px 0;
}

.dotted-top-bottom {
    border-bottom: 3px dotted #c9c9c9;
    border-top: 3px dotted #c9c9c9;
    /*clear: both;
    min-height: 50px;
	margin-left: 50px;
	Margin-right: 50px;
    padding: 10px;
    text-align: center;*/
}

/*---------------------------------------------------------------
                         Lists
----------------------------------------------------------------*/
.list-arrow-border {
	padding-left:20px;
	list-style-image:url(../images/arrow.png);
	padding-bottom:12px;
	-webkit-transform:none;
	-webkit-box-shadow:none;
}

.list-arrow-border li  {
	color: #545454;
	line-height: 200%;
	padding-left: 7px;
	border-bottom: 1px dotted #C9C9C9;
	padding-top: 12px;
	padding-bottom: 12px;
}

.list-arrow {
	padding-left:25px;
	list-style-type:none;
	list-style-image:url(../images/arrow.png);
	min-height:75px;
	-webkit-transform:none;
	-webkit-box-shadow:none;
}

.list-arrow li  {
	color: #545454;
	line-height: 22px;
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.list-arrow-border-box {
	padding-left:20px;
	list-style-image:url(../images/arrow.png);
	padding-bottom:10px;
	-webkit-transform:none;
	-webkit-box-shadow:none;
}

.list-arrow-border-box li  {
	color: #545454;
	line-height: 160%;
	padding-left: 7px;
	border-bottom: 1px dotted #C9C9C9;
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-arrow-box {
	padding-left:25px;
	list-style-type:none;
	list-style-image:url(../images/arrow.png);
	min-height:75px;
	-webkit-transform:none;
	-webkit-box-shadow:none;
}

.list-arrow-box li  {
	color: #545454;
	line-height: 130%
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*-----------------------------------------------------------
                      Active Courts Table Styles
-------------------------------------------------------------*/
table.activecourts { 
    border-collapse: collapse;
}
th.activecourts {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 110%;
	color: #fff;
	background-color: #024576;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}
th.activecourts-center {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 110%;
	color: #fff;
	background-color: #024576;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
td.activecourts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	border: 1px solid #024576;
	padding: 10px;
	text-align: left;
}
td.activecounties {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	color: #fff;
	border: 1px solid #c72f45;
	background-color: #c72f45;
	padding: 10px;
	text-align: left;
}
td.activecourts-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	border: 1px solid #024576;
	padding: 10px;
	text-align: center;
}
td.activecourts-center-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 130%;
	font-weight: bold;
	background-color: #024576;
	border: 1px solid #024576;
	padding: 10px;
	text-align: center;
	font-style: italic;
}
.table-court{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	padding-left: 10px;
	color: #666666;
	text-align:left;
}