.redtype {
color: #d20303;
}

/* #Site Styles
================================================== */

.two-thirds.column ol li {
      list-style-type: decimal; padding-bottom: 0.25em;
      margin: 0 0 0 25px;
}

.two-thirds.column ul li {
      list-style-type: disc; padding-bottom: 0.25em;
      margin: 0 0 0 25px;
}

/* #Tabbed Top Horizontal  Menu
================================================== */

#tablist {
	font-size:13px;
	width:100%;
	font-weight: 700;
	z-index: 30!important;
	height: 1px;

}
#tablist ul {
	list-style:none;
	width:920px;
	height:35px;
	position: relative;
	top: -35px;
	z-index: 20!important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-color: #6088ab;
}
#tablist ul ul {
	padding:0;
	margin:0;
	list-style:none;
	width:959px;
	height:35px;

}
#tablist table {
	border-collapse:collapse;
	margin:-1px -20px 0 0;
	padding:0;
	width:0;
	height:0;
	font-size:1em;
}
#tablist li {
	float:left;
	background-color: #FFF;
	position: relative;
        z-index: 15!important;
        margin-bottom: 0;
}
#tablist li a {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	background: url(../images/tabs-top2.png) no-repeat left top;
	color:#2E5976;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 6px;
	margin: 0px;
}
#tablist li a b {
	float:left;
	height:35px;
	display:block;
	background-color: #FFFFFF;
	cursor:pointer;
	display:inline;
	font-weight:700;
	background: url(../images/tabs-top2.png) no-repeat right top;
	color: #2E5976;
	right: 10px;
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 5px;
}
#tablist li.current a {
	background-position:0 -35px;
	border-color:#fff;
}
#tablist li.current a b {
	background-position:100% -35px;
	color:#fff;
}
#tablist li ul {
	position:absolute;
	top:35px;
	left:-9999px;
	z-index:10!important;
	background-color: #FFFFFF;
}
#tablist li.current ul {
	left:0;
	z-index:1;
	border-left:1px solid #7f7f7f;
	background-color: #FFFFFF;
}
#tablist li a:hover {
	background-position:0 -70px;
	border-color:#000;
	cursor:pointer;
	color:#fff;
}
#tablist li a:hover b {
	background-position:100% -70px;
	border-color:#000;
	color:#fff;
}
#tablist li:hover > a {
	background-position:0 -70px;
	border-color:#000;
	cursor:pointer;
}
#tablist li:hover > a b {
	background-position:100% -70px;
	border-color:#000;
	color:#fff;
}
#tablist li.current a:hover {
	background-position:0 -35px;
	border-color:#000;
}
#tablist li.current a:hover b {
	background-position:100% -35px;
	color:#eee;
}
#tablist li.current:hover a {
	background-position:0 -35px;
	border-color:#000;
}
#tablist li.current:hover a b {
	background-position:100% -35px;
	color:#eee;
}

/*--- DROPDOWN ---*/

#tablist li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#tablist li:hover ul li ul li { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
/*--- Level 2 drop ---*/
#tablist ul ul {
	width:240px;
	position: absoute;
	top:35px;
}
#tablist li ul li a {
	width: 240px;
	border-top: 1px solid #fff;
	background-color: #003E71;
	background-image: none;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin: 0px;
	color: #FFF;
}
#tablist li:hover ul li a:hover {
	width: 240px;
	border-top: 1px solid #fff;
	background-color: #5A8EBE;
	background-image: none;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin: 0px;
}

/* #SIDEBAR NAV
================================================== */

.sidebar-nav li{
	margin-bottom: 4px;
}

.sidebar-nav li a{
	background-color: #6895be;
	display: block;
        font-size:12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.sidebar-nav li a:hover{
	background-color: #BF1E2E;
	display: block;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* #Page Styles
================================================== */
body {
	background-color: #abc6de;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

.lower-nav {
	color: #fff;
	overflow: auto;
	padding-top: 20px;
	background-color: #6088AC;

}

.lower-nav ul li a {
	color: #fff;
        text-decoration: none;
 
}
.lower-nav ul li a:hover {
	color: #296596;
        text-decoration: none;
}

.lower-nav p, .lower-nav ul li {
	font-size: 0.85em;
	line-height: 1.3em;

}
.intro {
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: italic;
}
.topper {

	background-color: #333;
	height: 40px;
	width: 100%;
}
.topper-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.topper-text a:link {
	color:#FFF;
	text-decoration: none;
}
.topper-text a:hover{
	color:#999;
	text-decoration: none;
}


.footer {
	color: #fff;
	background-color: #164164;
	height: 60px;
	width: 100%;
	background-repeat: repeat-x;
}


.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.header {
	position: relative;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	height: 185px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
overflow: hidden;
}
.sidebar {
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #444;
	background-repeat: no-repeat;
	background-color: #D9ECF2;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
     margin: 0 0 8px 0;
}
.search-container {
        display: block;
	float: right;
        width: 300px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 97px;
	position: relative;
        clear: both;

}
.reverse {
	color: #FFF;	
}
.certify-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 228px;
}

.certify-action p{
	position: relative;
	visibility: visible;
	overflow: hidden;
	text-align: center;
	top: -165px;
	
}

.recert-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 228px;
}
.recert-action p{
	position: relative;
	top: -165px;
	visibility: visible;
	overflow: hidden;
	text-align: center;
}

.verify-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 228px;
}
.verify-action p{
	position: relative;
	top: -165px;
	visibility: visible;
	overflow: hidden;
	text-align: center;
}
.sidebar h3 {
	border-bottom: 1px solid #fff;
 
}

.lower-nav h3 {
	border-bottom: 1px solid #fff;
 
}

p ul li {
      list-style: circle;
}

td {
padding: 6px;
}


#dialogCE {
z-index: 100;
}

/* #Google Site Search styling overrides
================================================== */

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    margin-top: 5px!important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0px!important;
}
.gsc-result .gs-title {
    height: 1.4em!important;
}




/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
.certify-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 190px;
}

.certify-action p{
	position: relative;
	visibility: visible;
	overflow: hidden;
	text-align: center;
	top: -145px;
	line-height: 1.2em;
}

.recert-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 190px;
}
.recert-action p{
	position: relative;
	top: -145px;
	visibility: visible;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em;
}
.verify-action {
	background-repeat: no-repeat;
	padding: 0px;
	height: 190px;
}
.verify-action p{
	position: relative;
	top: -145px;
	visibility: visible;
	overflow: hidden;
	text-align: center;
	line-height: 1.2em;
}
#tablist ul {
	width: 744px;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
.lower-nav {
	background-color: #6088AC;
	color: #FFFFFF;
	overflow: auto;
	padding-top: 20px;			
		}		
.search-container {
    float: right;
    margin: 0 8px 0 0;
    position: relative;
    top: -20px;
}
.certify-action {
	background-repeat: no-repeat;
	padding: 0px;
        width: 340px;
        height: 260px;
        margin: 6px 40px 6px 40px;

}
.certify-action p{
	position: relative;
	top: -200px;

}
.verify-action {
	background-repeat: no-repeat;
	padding: 0px;
	width: 340px;
        height: 260px;
        margin: 6px 40px 6px 40px;	
	}
	
.verify-action p{
	position: relative;
	top: -200px;

}	
.recert-action {
	background-repeat: no-repeat;
	padding: 0px;
	width: 340px;
        height: 260px;
        margin: 6px 40px 6px 40px;
}
.recert-action p{
	position: relative;
	top: -200px;

}
	}
	
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 479px) {
.lower-nav {
	background-color: #6088AC;
	color: #FFFFFF;
	overflow: auto;
	padding-top: 20px;			
		}
		
.search-container {
    float: right;
    margin: 0 8px 0 0;
    position: relative;
    top: -14px;
}


table.gsc-search-box td {
padding-left: 15px;
 }


.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0!important;
}
	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* remove close 'X' from all dialogs. */
.ui-dialog-titlebar-close {
  visibility: hidden;
}

/*  .box styles  - added for pop up dialog dddw width jbw 8/17/2015
================================================== */


.box {
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    border-color: #ccc;
    border-radius: 0 0 10px 10px;
    color: #333;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0;
    overflow: auto;
    padding: 2px;
}
.box .row .col.left-xsmall {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 12%;
}
.box .row .col.left-small {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 25%;
}
.box .row .col.left-med {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 49%;
}
.box .row .col.left-large {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 75%;
}
.box .row .col.left-full {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 98%;
}