body {
    background-color: #BBC4D3;
    background-image: url(/media/images/bgroundvert.gif);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 81%;
}
a img {
    border: none;
}
#container {
    background-image: url(/media/images/horizgradient.gif);
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}
#topnav {
    list-style: none;
    position: absolute;
    top: 22px;
    right: 57px;
    font-size: 0px;
}
ul#topnav li {
    margin-right: 13px;
    padding-left: 26px;
    font-size: 8px;
    background-image: url(/media/images/square.gif);
    background-repeat: no-repeat;
    background-position: 0px -1px;
    display: inline;
}
ul#topnav li.first {
    background-image: none;
}
ul#topnav img {
    vertical-align: top;
}
#navselected {
    border-bottom: 1px solid black;
}
#header {
    background-image: url(/media/images/wave-top.gif);
    height: 116px;
}
h1 {
    /*margin-bottom: 100px;
    padding: 0px; */
    margin: 0px; padding: 0px;
    position: absolute;
    top: 25px;
    left: 61px;
}
#body-1col {
    margin-right: 10px;
    margin-left: 10px;
    /* 600 - 121 - 116 */
    min-height: 363px;
    padding: 15px 10px 10px 10px;
    background-color: #fff;
    background-repeat: repeat-y;
    background-position: 200px 2px;
}
#body {
    margin-right: 10px;
    margin-left: 10px;
    /* 600 - 121 - 116 */
    min-height: 463px;
    padding: 15px 10px 10px 10px;
    background-color: #fff;
    position: relative;
    /*
    This makes the dotted line the full height of the body. Unfortunately, it's the full height. I think we can get spacing by expanding the header and footer pictures. Maybe there's another way. The alternative is to just have the dotted line be the height of the menu.
    */
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-y;
    background-position: 200px 2px;
}

#footer {
    background-image: url(/media/images/wave-bottom.gif);
    height: 121px;
    clear: both;
}
#sub-footer {
    position: relative;
    top: 105px;
    left: 1px;
    height: 100%;
    background-image: url(/media/images/horizgradient.gif);
    background-repeat: repeat-y;
}
/* LEFT COLUMN */
.loginbtn {
	margin: 0 5px 10px 17px;
}
.subscribebtn {
	margin-bottom: 10px;
}

.trainingbtn {
    margin-bottom: 5px;
}
#leftcol {
    width: 180px;
    padding-right: 10px;
    background-color: #fff;
    float: left;
    left: 10px;
    font-size: 1em;
}
/* defaults */
#leftcol ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#leftcol li {
    margin: 0px;
    padding: 0px 0px 1px 0px;
}
/* top-level list items */
#leftcol ul li {
    padding-left: 20px;
    background-image: url(/media/images/greenonwhite.gif);
    background-repeat: no-repeat;
    background-position: 7px 0.4em;
}
/* dotted lines */
#leftcol ul li.hrule {
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    /* pixel color should be #5f805d */
    margin: 3px 3px 2px 7px
}
#leftcol ul li.sub {
    background-image: none;
}
#leftcol a {
	color: #164613;
	text-decoration: none;
}
#leftcol #selected a, #leftcol #selected2 a {
	color: #fff;
}
/*
#leftcol a:hover {
	background-color: #BBC9B3;
}
#leftcol .sub a:hover {
	background-color: #B6C0CF;
}
*/
#leftcol .sub {
    margin-left: -20px;
    margin-top: -2px;
}
#leftcol .sub ul {
}
#leftcol .sub li {
    padding-left: 29px;
    margin-top: 3px;
    background-image: url(/media/images/blueonwhite.gif);
    background-repeat: no-repeat;
    background-position: 21px 0.5em;
}
#leftcol #selected {
    color: #fff;
    background-color: #476d45;
    background-image: url(/media/images/yellowongreen.gif);
    /* 1em gap for no good reason: this fixes IE */
    /* margin-bottom: -1em; */
}
#leftcol #selected2 {
    background-color: #415c83;
    color: #fff;
    background-image: url(/media/images/greenonblue.gif);
}
    

/* CENTER COLUMN */
#centercol {
    margin-left: 210px;
    margin-right: 50px;
    vertical-align:text-top;
}
#centercol p {
    font-size: 1em;
	line-height: 1.35em;
    margin: 0px 0px 1.6em 0px;
}
.centerpic {
	margin-top: 25px;
}
#breadcrumb #section img {
    /* N.B. images MUST be the same height in order for the alignment to work. With About Us, -10px, with Toolbox, -16px */
    vertical-align: 0px;
}
h2 {

    font-weight: normal;
    font-size: 1.45em;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 7px;
}
h2 span {
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-y;
    margin-left: 8px;
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 2px;
    color: #234270;
}

#breadcrumb #subsection h2{
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-y;
    background-position: left;
    color: #234270;
    /*margin-left: 210px;*/
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 2px;
    vertical-align:middle;
}

    
/* About Us */
#about-summary {
    width: 300px;
    margin-bottom: 18px;
}

#support {
    width: 300px;
    margin-bottom: 30px;
}

#support a {
    color: #11458F;
}

#about-summary p.name {
    color: #fff;
    background-color: #5e805d;
    padding-top: 3px;
    padding-left: 15px;
    padding-bottom: 3px;
    margin: 0px 0px 1px 0px;
}

#support p.name {
    color: #fff;
    background-color: #5e805d;
    padding-top: 3px;
    padding-left: 15px;
    padding-bottom: 3px;
    margin: 0px 0px 1px 0px;
}

#about-summary ul {
    background-color: #b2c1aa;
    padding: 3px 0px 3px 15px;
    margin: 0px;
    list-style: none;
    text-size: 0.9em;
}

#support ul {
    background-color: #b2c1aa;
    padding: 3px 0px 8px 15px;
    margin: 0px;
    list-style: none;
    text-size: 0.9em;
}


#about-summary li.position {
    font-style: italic;
}

#about-photo {
    float: right;
    margin-right: -5px;
    padding: 0px 0px 10px 10px;
}

.clear {
	clear:left;
}
.clearboth {
    clear:both;
}
.adr {
}
.org {
	display:none;
}
abbr.type, .faux-type, .abbr{
	float:left;
	width: 5em;
	color: #234270;
	font-size: 1.1em;
}
abbr.type, .abbr{
	border-bottom:medium none;
	text-decoration:none;
}
.rule {
	background-image:url(/media/images/dot.gif);
	background-position:0 9px;
	background-repeat:repeat-x;
	padding-top: 22px;
}
.space {
	padding-top: 23px;
}
.smspace {
	padding-top: 8px;
}	
.tableleft {
	color: #fff;
	font-size: 0.8em;
	background-color: #546C90;
	text-align: right;
	padding: 2px 5px 2px 10px;
}
.tableright {
	background-color: #CBCFD8;
	padding: 2px 10px 2px 8px;
}
.tableright a {
	color: #03132C;
	text-decoration: none;
}
	
.non-type {
	float:left;
}
/* Library */
h3 {
    text-size: 1.5em;
    color: #2f5a2c;
    font-weight: normal;
    margin: 0px; 
    padding: 0px 0px 3px 0px;
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-x;
    background-position: 1em 1.3em;
}
#library-nav {
    list-style: none;
    margin: 0px; 
    padding: 1px 0px 1.65em 0px;
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#library-nav li {
    float: left;
    text-align: center;
    width: 24.5%;
    margin-right: 1px;
    padding-bottom: 2px;
    background-color: #031a3c;
    color: #fff;
    background-image: url(/media/images/library-blue.gif);
    background-repeat: repeat-x;
}
#library-nav a {
    color: #fff;
    text-decoration: none;
}
#library-list {
   margin-top: 1.9em; 
   width: 515px;
   border-collapse: collapse;
}
#library-list thead {
    background-color: #1a4817;
    color: #fff;
    background-image: url(/media/images/library-green.gif);
    background-repeat: repeat-x;
}
#library-list thead td {
    border-right: 1px solid white;
    padding-top: 0;
    padding-bottom: 3px;
}
#library-list thead td.date {
    width: 65px;
}
#library-list thead td a {
    color: white;
}
#library-list td {
    padding-left: 9px;
    padding-top: 0.6em;
}
#library-list a {
    text-decoration: none;
    color: #234270;
}
#library-list img {
    margin-left:20px;
    vertical-align:middle;
}
#library-list .hrule {
    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    /* pixel color should be #5f805d */
    margin: 0px 0px 2px 7px
}
#library-paginate {
    float: right;
    font-size: 80%;
    line-height: 90%;
}
.counselor-library li, #ftc-safeguards li, #other-services li{
    list-style: none;
    float:left;
    width: 33%;
    color: #234270;
    font-weight:bold;

    background-image: url(/media/images/dot.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
}
#ftc-safeguards a{
    text-decoration:none;
    color: #234270;
    font-weight:bold;
}
#other-services ul {
    margin-left: 0px;
    padding-left: 0px;
}
.counselor-library li.first , #ftc-safeguards li.first, #other-services li.first{
    background-image: none;
    margin-left: 0px;
    padding-left:0px;
}
#ftc-safeguards li.last img { text-align: left; padding-left: 20px; }
#other-services div {
    margin-top: 20px;
    width: 100%;
    text-align:center;
}
#templates-buttons ul, #ftc-safeguards ul{
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#templates-buttons li, #ftc-safeguards li{
    width:30%;
    float:top;
    list-style:none;
    display:inline;
}
#templates-buttons img{
    padding: 10px;
}



/* Training*/
#course-list {
	color: #234270;
	padding-left: 14px;
	padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#course-list ul{
}
#course-list img{
	padding-right: 4px;
}
#course-list li {
    background-color: #CAD2DC;
    background-image: url(/media/images/blueondkblue.gif);
    background-repeat: no-repeat;
    background-position: 9px 50% ;
    padding: 4px 0px 4px 18px;
	border-bottom: #fff solid 1px;
	border-left: #fff solid 1px;
    list-style: none;
    text-size: 0.9em;
    width: 482px;
}
#course-list li.even {
    background-color: #E4E8ED;
    background-image: url(/media/images/blueonltblue.gif);
}
#trainingnav ul{
	padding-left: 0px;
	margin-left: 0px;
}
#trainingnav li {
	display: inline;
	list-style-type: none;
	padding-right: 8px;
}

#paginate {
    text-align:center;
    float:right;
}
#paginate img, #paginate p {
    font-size:80%;
    float:left;
}

/*Webinars*/

#webinars { color: #11458F; }

#upcoming-web thead td {
	padding: 0px;
	border-bottom: 0px;
}
#upcoming-web tfoot td {
	padding: 0px;
	border-bottom: 0px;
}
#upcoming-web {
	border-collapse: collapse;
	font-size: 0.95em;
}

#upcoming-web td {
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	padding-top: 3px;
	border-right: 1px solid #fff;
}
#upcoming-web .odd {
	background-color: #CCD6C4;
}
#upcoming-web .even {
	background-color: #B1C1aa;
}
#upcoming-web .date {
	padding-left: 14px;
	width: 106px;
    max-width: 106px;
    min-width: 106px;
	border-left: 1px solid #fff;
}
#upcoming-web .time {
	padding-left: 9px;
	width: 102px;
    max-width: 102px;
    min-width: 102px;
}
#upcoming-web .title {
	padding-left: 10px;
    width: 297px;
    max-width: 297px;
    min-width: 278px;
}

/* Partners */
#partners {
   border-collapse: collapse;
   width: 500px;
}
#partners td {
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    padding-top: 4px;
}
#partners thead td {
	padding: 0px;
    /*border-bottom: 0px;*/
    margin-bottom:0px;
	border-bottom: 1px solid white;
}
#partners thead #corner {
    float:right;
}
#partners thead #link {
    border-right: 1px solid white;
}
#partners thead img {
    float:left;
}
#partners thead tr {
    height: 12px; 
}
#partners tfoot td {
	padding: 0px;
	border-bottom: 0px;
}
#partners .url a {
    text-decoration: none;
    color: #fff;
}
#partners .url {
    border-right: 1px solid white;
    width: 169px;
    padding-left: 20px;
}
#partners .title {
    padding-left: 16px;
    width: 295px;
}
#partners .odd .url {
    background-color: #5F805D;
}
#partners .odd .title {
    background-color: #CCD6C4;
    background-image: url(/media/images/partnersgradientgreen.gif);
    background-repeat: no-repeat;
}
#partners .even .url {
    background-color: #415C83;
}
#partners .even .title {
    background-color: #B6C0D0;
    background-image: url(/media/images/partnersgradientblue.gif);
    background-repeat: no-repeat;
}



/* SUBSCRIBE */

#subscribe {
    width:490px;
    height:349px;
    background-image: url(/media/images/subscribe-bground.gif);
    background-repeat:no-repeat;
    padding-top: 50px;
    font-size:9pt;
}
#subscribe p{
    padding-top: 50px;
    text-align:left;
    width:75%;
}
#subscribe li{
    text-align:right;
    list-style:none;
    float:none;
    margin-top:7px; 
}
#subscribe label{
    vertical-align:top;
}
#subscribe ul, #subscribe form {
    width:350px;
    padding-left:0px;
    margin-bottom:0px;
}
#subscribe li input, #subscribe li textarea{
    width: 200px;
    line-height: 1em;
    margin:0 0 0 0;
    margin-right:7px;
    font-size:9pt;
}
#subscribe li textarea {
    height: 3em; 
}
#subscribe-submit{
    float:right; 
    margin-top:6px;
} 

/* LOGIN */
#login {
    width:488px;
    height:213px;
    background-image: url(/media/images/loginbground.gif);
    background-repeat:no-repeat;
    padding-top: 30px;
    font-size:9pt;
}

#login-failed{
    float:right;
    clear:right;
    text-align:middle;
    width:12em;
    font-size:7pt;
    line-height: 1em;
    margin-right:50px;
}
#login li{
    text-align:right;
    list-style:none;
    float:none;
    margin-top:10px; 
}
#login label{
    vertical-align:top;
}
#login ul, #login form{
    width:350px;
    padding-left:0px;
    margin-bottom:0px;
}
#login li input{
    width: 150px;
    line-height: 1em;
    margin:0 0 0 0;
    margin-right:6px;
    font-size:9pt;
}
#login-submit{
    float:right; 
    margin-top:10px;
} 

.tooltip {
    /* background-color: #415C83; */
    background-color: #fff;
    border: 1px solid #9eacc0;
    color: #415C83;
    padding: 2px;
}

#home {
    text-align: center;
}
#home ul {
    list-style-type: none;
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}
#home li {
    float: left;
}
#home #buttons {
    overflow: auto;
}

#home #buttons li {
    /*background-image: url(/media/images/dot.gif);*/
    padding: 10px;
    height: 90px;
}
#home #buttons .a1 {
    background-position: bottom left;
    background-repeat: repeat-x;
}
#home #buttons .b1 {
    background-position: top left;
    background-repeat: repeat-y;
}
#home #buttons .a2 {
    background-position: top right;
    background-repeat: repeat-y;
}
#home #buttons .b2 {
    background-position: top left;
    background-repeat: repeat-x;
}
#home #buttons .a1, #home #buttons .a2 {
    clear:left;
}
#home p.a1 {
    margin-bottom: 0px;
}
#home p.welcome {
    margin: 2em 0px 0px 0px;
    font-size: 1.1em;
}
#home p.username {
    margin: 0.5em;
    color: #234270;
}
#home p.welcome strong {
    color: #333;
}
#home p.username strong {
}

#home #warning {
    font-size: .85em;
    margin: 0px auto 25px;
    width: 265px;
}

#loggedin_buttons img {
    margin-right:-4px;
}
#loggedin_buttons {
    margin-left: 20px;
    margin-bottom: 5px;
}

/*      Zaeplex Background Checks   */

#zae #summary, #zae #action, #zae .vrule, #spotd #summary, #spotd #action, #spotd .vrule {
    float:left;
}

#zae .vrule, #zae .hrule, #spotd .vrule {
    background-image:url(/media/images/dot.gif);
    background-repeat:repeat;
    margin-bottom: 15px;
}
#zae .vrule, #spotd .vrule { width: 1px; }
#zae .vrule { margin-right: 20px; }
#spotd .vrule { margin-right: 40px; }
#zae .vrule { height: 290px; }
#spotd .vrule { height: 220px; }
#spotd #summary { margin-top: 70px; }
#spotd #action { margin-top: 25px; }

#zae .hrule {
    width: 100%;
    height: 1px;
}
#zae #summary, #spotd #summary {
    width: 220px;
}

#zae p, #zae form, #zae ul, #zae fieldset, #zae li, #zae label, #spotd p, #spotd form, #spotd ul, #spotd fieldset, #spotd li, #spotd label {
    margin:0px;
    padding:0px;
}
#zae p, #spotd p { margin-bottom: 20px; }
#zae #action p, #spotd #action p { margin-bottom: 10px; }
#zae #action p img, #spotd #action p img {
    vertical-align:middle;
    margin-left: 5px;
}
#zae, #spotd {
    padding: 0px 60px;
    font-size: 11px;
    font-family: Verdana;
}
#zae #form p, #zae h2,  #spotd #form p, #spotd h2 { font-weight:bold; }
#zae #form p {
    font-size: 10px;
}

#zae h2, #zae #form { color: #234270; }  /* dark blue */
#spotd #fineprint, #spotd #fineprint a { color:black; }
#spotd #form p { color:white; }

#zae h2, #spotd h2 { font-size:13px; margin-top: 15px; }
#zae #summary li { font-size: 10px; padding-bottom: 5px; letter-spacing: -.5px; }
#zae #form p, #spotd #form p {
    margin-bottom:5px;
    text-align:center;
    width:100%;
}
#spotd #form p {
    margin-top: 3px;
    margin-bottom: 20px;
    font-family:Arial;
    font-size: 14px;
}
#zae form ul, #spotd form ul {
    list-style-type: none;
}
#zae form li, #spotd form li { clear:both; }
#zae form li { padding:4px 10px; }
#spotd form li { padding: 7px 10px; }
#zae form label, #spotd form label {
    float:left;
    text-align:right;
    padding-right: 3px;
}
#zae form label { width: 150px; }
#spotd form label { width: 110px; }

#zae fieldset input, #spotd fieldset input {
    border-width:1px;
    width: 200px;
    height: 13px;
    margin:0px;
}
#spotd #form {
    padding: 5px 10px;
    background-image: url(/media/images/spotdelivbox.gif);  /* 387 x 156 */
    width: 367px;
    height: 146px;
}
#zae #form {
    padding: 15px 10px;
    background-image: url(/media/images/lavenderbox.gif);   /*  405 x 235  */
    width: 385px;
    height: 205px;
}
#zae #form, #spotd #form {
    display:block;
    background-repeat:none;
}
#zae fieldset, #spotd fieldset {
    border:none;
}
#zae #submitbtn, #spotd #submitbtn { margin-top: 5px; }
#zae #submitbtn { margin-left: 162px; }
#spotd #submitbtn { margin-left: 122px; }

#spotd #fineprint { text-align:center; font-size: 10px;}
#spotd #fineprint a { text-decoration:none; }

#spotd #action, #spotd #summary { vertical-align:middle; }


#zae-pre div {
    margin: 30px auto;
    text-align:center;
}
#zae-pre div img {
    margin-top: 10px;
}

#back-button {
    text-align:right;
    position:relative;
    top:-110px;
    right:20px;
}

#training-tutorial, .center {
    width: 100%;
    margin: 0px auto;
    text-align:center;
}
#toolbox-deployment p { margin-bottom: 30px; }
#training-tutorial img {
    margin: 20px;
}

#past-webinars td, #past-webinars tr, #past-webinars table, #past-webinars thead, #past-webinars tfoot, #past-webinars img,
#tuts td, #tuts tr, #tuts table, #tuts thead, #tuts tfoot, #tuts img {
    padding:0px;
    margin:0px;
    border-collapse: collapse;
}

#tuts a { color: #11458F; }

#past-webinars p a { color: #11458F; }

#past-webinars td, #tuts td {
    background-color: #c7ccd6;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-family:Verdana;
    font-size: 11px;
}
#past-webinars .even td, #tuts .even td {
    background-color: #a0aabc;
}
#past-webinars thead td, #past-webinars tfoot td, #tuts thead td, #tuts tfoot td {
    background-color: white;
    padding:0px;
    margin:0px;
    border: none;
}

#past-webinars .topic, #tuts .topic { 
    width: 462px;
    padding-left: 12px;
}
#past-webinars .link, #tuts .link {
    width: 53px; 
    margin: 0px auto;
    padding-left: 2px;
    padding-top: 2px;
    text-align:center;
    vertical-align: center;
}
#past-webinars tr, #tuts tr {
    border-top: 0px solid white;
}

#inst .links { width: 100%; text-align: center; }
#inst .links ul { margin: auto; }
#inst .links ul li { 
    margin: 20px;
    list-style-type: none; 
    float: left;
}

#tut p, #tut div { 
    margin-top: 20px;
}

#copyright {
 font-size: 11px;
 font-family: "Tahoma";
 text-align: right;
 position: relative;
 top: 47px;
 right: 23px;
 color: white;
}

#copyright a, a:visited {
 color: white;
}