@import url("fonts.css");

/* Body/Container */
body
{
    margin: 0;
    padding: 0;
    text-align: center;
}

.Container
{
    width: 1024px;
    /*min-width: 800px;
    max-width: 1024px;*/
    margin: 0 auto;
    text-align: left;
}

#containerShim
{
    display: block;
}
/* END Body/Container */

/* 
    Header/Banner 
*/

div#header
{
    margin-bottom: .5em;
    border: none;
    background-color: #1a2237;
    width: 100.1%;
}

div#header div#banner
{
    /* line-height: 4em; */
    margin: 0;
    padding: 0;
    height: 112px;
}

div#headerBannerImages
{
    white-space: nowrap;
    position: relative; /* Fixes banner images being covered by #header backgound in IE 6 */
}

div#header img
{
    border: none;
    vertical-align: middle;
}

.logoSLATT 
{
	float: left; padding: 20px 0 10px 10px; top: 0px; left: 0px;
}

.logoBJA 
{
	float: right; padding: 10px 10px 0 0;
}


/* Login Bar */

#headerLoginBar
{
    display: inline;
    /*position: relative;  fix disappering content in IE6 */ /* position: absolute; top: 0; right: 0;  */
    height: auto !important;
}

.headerLoginBarLoggedIn
{
    float: right;
    margin-bottom: .5em;
    white-space: nowrap;
    width: 250px;
}

#headerLoginBarLoggedIn
{
    white-space: nowrap;
    float: right;
    width: 250px;
}

#ctl00_loginBar1_Panel1 input
{
    /* vertical-align: bottom; */
    font-size: 1em; /* Something was reseting this */
}

#ctl00_loginBar1_Panel1 span
{
    white-space: nowrap;
}

.searchPanel
{
    text-align: right;
    margin-bottom: 0;
    float: right;
    margin-top: -21px;
}

.login
{
    font-size: 11px;
    color: Gray;
    font-style: italic;
    font-family: "Times New Roman" ,Georgia,Serif;
}

.loginWidth {width: 534px; color: #DEDFE0;}
.homebutton {float: left; padding: 0px 5px 0 15px;}
.loginBar {width: 534px; color: #ffffff;}

/* END Login Bar */


/* BEGIN Main Navigation */

ul#mainNavigation
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 34px;
    background-color: #1A2237;
    background-repeat: repeat-y;
    background-image: url(../../../../images/navigation/nav_background.jpg);
    background-position: center center;
    text-align: center;
    border-top: solid 1px #ffffff;
    clear: both;
    font-family: "Times New Roman" ,Georgia,Serif;
    color: #ffffff;
}

ul#mainNavigation li
{
    display: inline;
}

ul#mainNavigation li a
{
    padding: .5em 1.5em .5em 1.5em;
    border-right: solid 1px #ccc;
    white-space: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    margin-left: -4px;
}

ul#mainNavigation li a.last
{
    padding: .5em 1.5em .45em 1.5em;
    border-right: none;
    white-space: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}

ul#mainNavigation li a:hover
{
    color: #1A2237;
    background-color: #c6c8ca;
    text-decoration: none;
}

ul#mainNavigation li a.current
{
    color: #1A2237;
    background-color: #c6c8ca;
    margin-left: -4px;
}

ul#mainNavigation li a.bookmarkPage:hover
{
    color: #12559C;
    background-color: Transparent;
}

/* END Main Navigation */


/* BEGIN Sub Navigation */

div#subNavigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 30px;
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    background-image: url(../../../../images/navigation/subnav_background.jpg);
    background-position: center center;
    text-align: center;
    clear: both;
    font-family: "Times New Roman" ,Georgia,Serif;
    color: #ffffff;
}

div#subNavigation ul li
{
    display: inline;
}

div#subNavigation ul li a
{
    padding: 5px 16px 5px 16px; /*.3em 1.25em .45em 1.25em*/
    white-space: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #1A2237;
    margin-left: -2px;
}

div#subNavigation ul li a:hover
{
    color: #1A2237;
    background-color: #C6C8CA;
    text-decoration: none;
}

div#subNavigation ul li a.current
{
    color: #1A2237;
    background-color: #C6C8CA;
    margin-left: -2px;
}

div#subNavigation2 ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 30px;
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    background-image: url(../../../../images/navigation/subnav_background.jpg);
    background-position: center center;
    text-align: center;
    clear: both;
    font-family: "Times New Roman" ,Georgia,Serif;
    color: #ffffff;
}

div#subNavigation2 ul li
{
    display: inline;
}

div#subNavigation2 ul li a
{
    padding: .3em 1.5em .45em 1.5em;
    white-space: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #1A2237;
}

div#subNavigation2 ul li a:hover
{
    color: #1A2237;
    background-color: #C6C8CA;
}

div#subNavigation2 ul li a.current
{
    color: #1A2237;
    background-color: #C6C8CA;
}

div#subNavigation3 ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 30px;
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    background-image: url(../../../../images/navigation/subnav_background.jpg);
    background-position: center center;
    text-align: center;
    clear: both;
    font-family: "Times New Roman" ,Georgia,Serif;
    color: #ffffff;
}

div#subNavigation3 ul li
{
    display: inline;
}

div#subNavigation3 ul li a
{
    padding: .3em 1.5em .45em 1.5em;
    white-space: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #1A2237;
}

div#subNavigation3 ul li a:hover
{
    color: #1A2237;
    background-color: #C6C8CA;
}

div#subNavigation3 ul li a.current
{
    color: #1A2237;
    background-color: #C6C8CA;
}

/* Highlights currently displayed item in Site Tools menu: */
/*
#siteToolsUL .current a
{
    color: #ffffff;
    background-color: #1A2237; 
}
*/

#siteToolsUL li.current > a
{
    color: #ffffff;
    background-color: #1A2237; 
}

/* END Sub Navigation */


/* END Header/Banner */


/* Sidebar */

/* Keep menu items that span multiple lines close together */
div.subNavDisplay
{
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

div.subNavDisplay a:link
{
    color: #1a2237;
}

div.subNavDisplay a
{
    display: block;
    padding-left: 10px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ffffff;
    background: #c7c8ca;
    font-family: "Times New Roman" ,Georgia,Serif;
    text-decoration: none; /*lets remove the link underlines*/ /* height: 1% added to ltIE7 to fix IE 6 issues */
}

div.subNavDisplay a:visited
{
    color: #1a2237;
}

div.subNavDisplay a:hover
{
    background: #1a2237;
    color: #ffffff;
}

div.subNavDisplay a:current
{
    background: #1a2237;
    color: #ffffff;
}




dl.list-menu dd a
{
    margin: 0;
    padding: 7px 5px 7px 10px; /* text-indent: 10px; */
    display: block; /* width: 100%; */
    /*width: 185px;  190px minus left padding of 10px and right padding of 5px */
    line-height: 1.2;
}

/* Override .genericBlurb */
.leftCell .genericBlurb
{
    padding: 0;
    margin: 0;
}

/* END Sidebar */

*
{
    margin: 0;
}

ul
{
    margin: .75em 0 .65em -1em;
    padding-left: 40px;
}

ul ul
{
    margin: 0;
}

ol
{
    list-style-type: decimal;
    list-style-position: outside;
    margin: 10px 0 0 30px;
    position: relative;
    color: #555555;
}

ol li
{
    padding-bottom: 10px;
}


.list-menu
{
    /*width: 200px;  this width value is also effected by the padding we will later set on the links. */
}

.list-menu a:link
{
    color: #1a2237;
}

.list-menu ul
{
    margin: -5px 0 0;
    padding: 0;
    list-style-type: none;
}

.list-menu a
{
    display: block;
    padding-left: 10px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ffffff;
    background: #c7c8ca;
    font-family: "Times New Roman" ,Georgia,Serif;
    text-decoration: none; /*lets remove the link underlines*/ /* height: 1% added to ltIE7 to fix IE 6 issues */
}

.list-menu a:visited
{
    color: #1a2237;
}

.list-menu a:hover
{
    background: #1a2237;
    color: #ffffff;
    text-decoration: none;
}

.editorblock
{
    background-color: #f5f5f5;
    text-align: left;
    font-family: Arial;
    margin: 0;
}

a
{
    color: #7C1318;
    text-decoration: none;
}

* a
{
    color: #7C1318;
    text-decoration: none;
}

a:link
{
    color: #7C1318;
    text-decoration: none;
}
a:visited
{
    color: #7C1318;
    text-decoration: none;
}
a:hover
{
    color: #7C1318;
    text-decoration: underline;
}
a:active
{
    color: #12559c;
    text-decoration: none;
}

.h3news
{
    /* font-size: 14px; */
    color: #444444;
    font-weight: bold;
    padding-bottom: 3px;
}



h3.titlewithback
{
    background-color: #8b8f91; /* font-size: 13px; */
    color: #ffffff;
    padding: 4px;
    margin: 4px;
    display: block;
}

h3.titlewithback2
{
    background-color: #eee; /* font-size: 11px; */
    color: #222;
    padding: 4px;
    margin: 0;
    display: block;
    border-bottom: 1px solid #ccc;
}



h3.adminhead
{
    background-color: #555; /* font-size: 16px; */
    color: #ffffff;
    padding: 4px;
    margin: 2px;
    display: block;
    font-weight: bold;
}

.document
{
    margin: 0;
    padding: 0;
}


.outerShadow
{
    border-left: 1px solid #d8d9db;
    border-right: 1px solid #d8d9db;
    border-top: 1px solid #d8d9db;
}

.innerShadow
{
    border-left: 1px solid #bfbfc1;
    border-right: 1px solid #bfbfc1;
    border-bottom: 1px solid #bfbfc1;
    border-top: 1px solid #bfbfc1;
}

.header
{
    background-color: #ffffff;
    border-bottom: 4px solid #fff;
    height: 90px;
}

.headerrightblock
{
    float: right;
    width: 225px;
    height: 63px;
    top: 0;
    border-left: 1px solid #fff;
    background-color: #ccc;
}

.headerlogin
{
    float: left;
    width: 224px;
    height: 63px;
    background-color: #f7f7f7;
    margin-right: 1px;
    border-left: 1px solid #fff; /* font-size:8pt; */
}

.headeroptions
{
    float: left;
}

.linkbar
{
}

.headersiteinfosplit
{
    border-top: #7f7f7f 1px solid;
    margin-left: 64px;
    margin-right: 1px;
}

.headernav
{
    background-color: #b4b9c1;
    height: 22px;
    background-image: url('../images/navbg.gif');
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #999; /* font-size: 7.5pt; */
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 22px;
}



.adminheadernav
{
    background-color: #666;
    height: 22px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #999; /* font-size: 7.5pt; */
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
}

.headernav a
{
    color: #FFF;
    display: block;
    float: left;
    height: 22px;
    text-decoration: none;
}

.headernav a:link
{
    color: #FFF;
    text-decoration: none;
}

.headernav a:visited
{
    color: #FFF;
    text-decoration: none;
}

.headernav a:hover
{
    color: #FFF;
    text-decoration: none;
    background-image: url('../images/navbghover.gif');
}


.headernav A.policy:hover
{
    background-color: #999;
    color: #FFFFFF;
}
.headernav A.policyvisiting
{
    background-color: #e5e5e5;
    color: #444e5d;
}

.headernav A.projectmanagement:hover
{
    background-color: #999;
    color: #FFF;
}
.headernav A.projectmanagementvisiting
{
    background-color: #333;
    color: #444e5d;
}

.headernav A.technology:hover
{
    background-color: #999;
    color: #FFF;
}

.headernav A.technologyvisiting
{
    background-color: #e5e5e5;
    color: #444e5d;
}

.headernav A.global:hover
{
    background-color: #999;
    color: #FFF;
}

.headernav A.globalvisiting
{
    background-color: #e5e5e5;
    color: #444e5d;
}

.headernav A.help:hover
{
    background-color: #999;
    color: #FFF;
}

.headernav A.helpvisiting
{
    background-color: #e5e5e5;
    color: #444e5d;
}

.headernav A.niem:hover, A.niemvisiting
{
    background-color: #999;
    color: #FFF;
}


.headernav A.home
{
    color: #FFF;
}

.headernav A.home:hover
{
    background-color: #999;
    color: #FFF;
}


A.homevisiting
{
    color: #FFFFFF;
}

.headernav A.homevisiting
{
    background-color: #e5e5e5;
    color: #444e5d;
}


.adminheadernav A
{
    display: block;
    float: left;
    height: 22px;
    text-decoration: none;
}

.adminheadernav A:link
{
    color: #FFF;
    text-decoration: none;
}

.adminheadernav A:visited
{
    color: #FFF;
}

.adminheadernav A:hover
{
    color: #FFF;
    background-color: #aaa;
}


.headernavlinks
{
    float: left; /* width: 581px; */
    color: #ffffff;
}

.adminheadernavlinks
{
    color: #fff;
    float: left;
    width: 700px;
}

.headernavsearch
{
    float: right;
    background-color: #9da2a4;
    border-left: 1px solid #fff;
    text-align: right;
    padding-right: 0px;
    width: 150px;
}


.Subnav
{
    background-color: Transparent;
    margin: 0;
    display: none;
}

.Subnavname img
{
    display: block; /* maybe change the selector to something more generic to cover the entire left column */
}

.leftCell table
{
    clear: left; /* fix webkit */
}

.quicknavpartial
{
    margin-left: 194px;
    min-height: 38px; /* background-color: #ededdd; */
    padding-bottom: 2px; /* 	border-bottom: 1px solid #ccc; 	border-top: 1px solid #ccc;  	border-left: 1px #ccc solid;  	border-right: 1px #ccc solid; 	*/
}

.quicknavfull
{
    margin-left: 1px;
    min-height: 38px; /* background-color: #ededdd; */
    padding-bottom: 2px; /* 	border-bottom: 1px solid #ccc; 	border-top: 1px solid #ccc;  	border-left: 1px #ccc solid;  	border-right: 1px #ccc solid; 	*/
}

.Subnavlinks
{
    height: 42px;
    color: #ffffff;
    min-width: 490px;
    border: 1px solid #c7c7c7;
    white-space: nowrap; /* font-size: 9px; */
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 213px; /* background-image: url("../images/gradientback.gif"); */
}


.Subnavlinkbox
{
    background-color: #555;
    margin: 1px;
    text-align: center;
    padding-top: 4px;
    height: 18px;
}

.subnavlinkbar
{
    /* float: left;   	width: 100%; 	position: relative; */
}



.Subnavlinkboxsm
{
    background-color: #555;
    margin: 1px;
    text-align: center;
    padding-top: 1px;
    height: 13px;
}


.Subnavlinks A
{
    color: #FFF;
    text-transform: uppercase;
}

.Subnavlinks a:hover
{
    text-decoration: underline;
    color: #FFF;
}

.Subnavlinks a:visited
{
    text-decoration: underline;
    color: #FFF;
}


.Subnavlinks A.left
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    border-right: 1px solid #000000;
}

.Subnavlinks A.middle
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    border-right: 1px solid #000000;
}

.Subnavlinks A.right
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
}

.Subnavlinks A.middle:hover
{
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
    margin-right: -1px;
    position: relative;
    left: -1px;
}

.Subnavlinks A.left:hover
{
    border-bottom: 2px solid #000000;
    color: #000000;
    position: relative;
}

.Subnavlinks A.right:hover
{
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    color: #000000;
    margin-right: -1px;
    position: relative;
    left: -1px;
}


.Subnavlinks A.middlevisiting
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    border-right: 1px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    margin-right: -1px;
    position: relative;
    left: -1px;
}

.Subnavlinks A.visiting
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}


.Subnavlinks A.leftvisiting
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    border-right: 1px solid #000000;
    border-bottom: 2px solid #000000;
}

.Subnavlinks A.rightvisiting
{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 3px;
    padding-left: 3px;
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000;
    margin-right: -1px;
    position: relative;
    left: -1px;
}




.mainContent
{
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom:0;
}


.contentContainer
{
    background-color: #FFF;
}

.leftCell
{
    text-align: left;
    border-left: 1px #fff solid;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    width: 202px;
    padding: 8px 0 0 8px;
}

.mainleftCell
{
    color: #999; /* font-size: 8pt; */
    font-weight: bold;
    width: 491px;
    padding: 0px;
    text-align: left;
    float: left;
    left: 2px;
    margin-left: -5%;
    border-left: 1px #fff solid;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
}

.adminleftCell
{
    background-color: #f1f1f1;
    color: #999; /* font-size: 8pt; */
    font-weight: bold;
    width: 152px;
    padding: 7px;
    text-align: left;
    float: left;
    left: 2px;
    margin-left: -5%;
    border-left: 2px #fff solid;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
}

A.leftNavLink
{
    text-decoration: none;
    color: #006699; /* font-size: 8pt; */
}




A.leftNavLink:hover
{
    text-decoration: none;
    color: #000000;
}


.centerCell
{
    border: 1px solid #eeeeee;
    max-width: 570px;
    min-width: 385px;
    margin-left: 2px;
    margin-right: 0px;
    margin-bottom: 3px;
    padding: 7px;
    float: left;
}



.rightCell
{
    width: 355px;
    text-align: left;
    float: right;
}

.centerCellWithLeft
{
    border: 1px solid #eee;
    background-color: #fff;
    margin: 2px;
    margin-bottom: 3px;
    padding: 3px;
    float: left;
}


.centerSpanWhole
{
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 3px;
}

.centerCellGlobal
{
    border: 1px solid #eeeeee;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 3px;
    float: left;
    height: 1%;
}



.rightCellGlobal
{
    border: 1px solid #eeeeee;
    width: 250px;
    padding: 7px;
    text-align: left;
    right: 2px;
    float: left;
}

.farrightCellGlobal
{
    width: 91px;
    text-align: left;
    float: left;
}


.newsBlockImage
{
    float: left;
    padding: 5px;
}

.wholeNewsBlock
{
}

.newsBlurb
{
    color: #333333; /* font-size:8pt; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

.newsArchiveBlurb
{
    color: #333333; /* font-size:8pt; */
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

.prefChecks
{
}


.listBlurb
{
    color: #333333;
    padding: 5px 5px 10px 5px;
    background-color: #efefef;
    border-bottom: #ccc 1px solid;
    border-top: #fff 1px solid;
}

#listBlurb:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.genericBlurb
{
    color: #333333; /* font-size:8pt; */
    padding-top: 1px;
}

#genericBlurb:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



.newslistBlurb
{
    color: #333333; /* font-size:8pt; */
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    border-bottom: #ddd 1px solid;
    border-top: #fff 1px solid;
}
#newslistBlurb:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}




.listblurb h3
{
    font-weight: bold;
    color: #000;
}

.globallogobg
{
    background-image: url('../images/globallogobg.gif');
    background-position: center;
    background-repeat: no-repeat;
    min-height: 280px;
}


.globalNewsBlurbContainer
{
    color: #333333; /* font-size:8pt; */
    width: 49%;
    float: left;
}

.globalNewsBlurbContainer a
{
    /* padding: 2px; */ /* Not sure why this was here to begin with. */
}

.globalNewsBlurb
{
    margin: 2px;
    padding: 2px;
    position: relative;
}

.bottomnotices {font-size: 80%;line-height: 110%; color: #808080; text-align: center; margin: 0;}
.bottomnotices .websiteNotice {margin: 0; padding: 10px 20px 0px 15px;}
.bottomnotices .copyrightNotice {margin: 0; padding: 10px 20px 15px 15px; font-style: italic;}

.footer
{
    background-color: #ffffff;
}

.footerTopBar
{
    text-align: center;
}

.footerBottomBar
{
    clear: both;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #333333;
    font-weight: bold;
    font-family: "Times New Roman" ,Georgia,Serif;
    font-size: 10pt;
    text-align: center;
}

.footerBottomBar a
{
    color: #444;
}

.footerBarLeft 
{
	padding-right: 8px; width: 235px;
}

.footerBarRight 
{
	padding-left: 10px; width: 235px;
}

.contentfloatholder
{
    /* also makes the right "sliding" tab */
    position: relative;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 5px;
}

.contentfloatholder2
{
    /* also makes the right "sliding" tab */
    position: relative;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 5px;
    background-color: #ffffff;
}

#contentfloatholder:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#contentfloatholder2:after
{
    /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.centerpad
{
    border: 1px solid #eeeeee;
    padding: 3px;
}

.visible
{
    visibility: visible;
}

.invisible
{
    visibility: hidden;
    height: 0;
    width: 0;
    float: left;
}

.nodisplay
{
    display: none;
}

.centerSpanRight
{
    margin-left: 195px;
    border: 1px solid #eeeeee;
    padding: 3px;
    margin-right: 3px;
}

.center
{
    float: left;
    width: 65%; /* this needs to be less than 100% for Moz/Mac which thinks           it's empty otherwise. The difference is made up by putting a           negative left margin on the left float: 	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can  	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.   	*/
}

.center2
{
    float: right;
    width: 79%;
    margin-top: 8px;
    background-color: #ffffff;
}

.centerSpanRight2
{
    padding: 0px 10px 10px 20px;
    margin-right: 5px;
    min-height: 425px;
}

.maincenterSpanRight
{
    margin-left: 499px;
    border: 1px solid #eeeeee;
    padding: 3px;
}

.contentarea .outerArea {text-align:left; padding:0 0;}
.contentarea .innerArea {text-align: left; padding:0 0;}




/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center
{
    margin-right: -100%;
}
* html div#left
{
    margin-left: 0;
}

#left h3, #left p, #right h3, #right p
{
    padding: 0 20px;
}


.editor_background
{
    background-color: #fff;
    color: #333333; /* font-size:8pt; */
    text-align: left;
}



.RowStyle
{
    background-color: #F7F6F3;
    color: #333333;
    border: solid 1px transparent;
    padding-bottom: 3px;
}
.RowStyle:hover
{
    background: none;
    background-color: #eeeeee;
    border: solid 1px #FFBD69;
    padding-bottom: 3px;
}
.AlternatingRowStyle
{
    background-color: white;
    color: #284775;
    border: solid 1px transparent;
}
.AlternatingRowStyle:hover
{
    background: none;
    background-color: #eeeeee;
    border: solid 1px #FFBD69;
}
TableCol
{
    float: left;
    padding: 3px;
}

input.textfield
{
    margin: 0;
    padding: 1px; /* font-size: 8pt; */
}

input.textfieldspecial
{
    margin: 0;
    padding: 0px; /* font-size: 8pt; */
}

.ddlist
{
    margin: 0;
    padding: 1px; /* font-size: 8pt; */
    height: 20px;
}

.ddlist2
{
    margin: 0; /* font-size: 8pt; */
}

input.submit, input.button
{
    border: 1px solid #888; /* Font-Size: 8pt;  */
    height: 20px;
}


input.smallbutton
{
    border: 1px solid #888; /* Font-Size: 8pt;  */
    height: 20px;
}

input.largebutton
{
    border: 1px solid #888; /* Font-Size: 8pt;  */
    height: 30px;
}


input.menubutton
{
    border-top: 1px solid #999; /* Font-Size: 8pt; */
    height: 20px;
    width: 111px;
}

input.menubutton2
{
    border-top: 1px solid #999; /* Font-Size: 8pt; */
    height: 17px;
    width: 131px;
    margin-top: 2px;
}

.eventsCalendar
{
    /* font-size: 7pt; */
    display: table;
    margin: 0 auto;
}

.EventHeader
{
    text-align: left;
    padding-left: 10px;
    border: 1px solid #ccc;
}

/* CSS For Table Display */
div.TableRow
{
    clear: left;
    float: left;
    width: 100%;
    padding: 2px;
}

div.Alt
{
    background-color: #F7F6F3;
}
div.TableCol_010Percent
{
    float: left;
    width: 10%;
}
div.TableCol
{
    float: left;
    padding: 3px;
}
div.TableCol_015Percent
{
    float: left;
    width: 15%;
}
div.TableCol_020Percent
{
    float: left;
    width: 20%;
}
div.TableCol_025Percent
{
    float: left;
    width: 25%;
}
div.TableCol_030Percent
{
    float: left;
    width: 30%;
}
div.TableCol_035Percent
{
    float: left;
    width: 35%;
}
div.TableCol_040Percent
{
    float: left;
    width: 40%;
}
div.TableCol_045Percent
{
    float: left;
    width: 45%;
}
div.TableCol_050Percent
{
    float: left;
    width: 50%;
}
div.TableCol_055Percent
{
    float: left;
    width: 55%;
}
div.TableCol_060Percent
{
    float: left;
    width: 60%;
}
div.TableCol_065Percent
{
    float: left;
    width: 65%;
}
div.TableCol_070Percent
{
    float: left;
    width: 70%;
}
div.TableCol_075Percent
{
    float: left;
    width: 75%;
}
div.TableCol_080Percent
{
    float: left;
    width: 80%;
}
div.TableCol_085Percent
{
    float: left;
    width: 85%;
}
div.TableCol_090Percent
{
    float: left;
    width: 90%;
}

div.TableCol_0150
{
    float: left;
    width: 150px;
}

.SearchTerms
{
    background-color: menu;
    text-align: left;
    height: 19px;
    padding: 2px;
    width: 170px;
    border-right: 2px solid #fff;
}

.ticketview_head
{
    background-color: #f5f5f5;
    color: #000;
    font-weight: bold; /* font-size: 7pt; */
    border-bottom: 1px solid #eee;
}

.ticketview_body
{
    color: #333;
    padding: 8px;
}

.historybox
{
}

.content_date
{
    /* font-size: 7pt; */
}

.catlist
{
    /* font-size: 8pt; */
    padding: 1px;
}


/*

a[href]
{
	color: -moz-hyperlinktext !important;		/* For Firefox... mark as important, otherwise it becomes black */

/*	text-decoration: -moz-anchor-decoration;	/* For Firefox 3, otherwise no underline will be used */
/*
}

*/

/*
	Just uncomment the following block if you want to avoid spaces between
	paragraphs. Remember to apply the same style in your output front end page.
*/

/*
p, ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
}
*/

/*
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.
*/

.Bold
{
    font-weight: bold;
}

.Title
{
    font-weight: bold; /* font-size: 18px; */
    color: #cc3300;
}

.Code
{
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
}



.forumtopiccontainer
{
    background-color: #fff;
}

.forumtopiccategory
{
    background-color: #ddd; /* font-size: 13px; */
    font-weight: bold;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 3px solid;
    padding-left: 5px;
    padding-top: 5px;
    color: #555;
    width: 100%;
}

.forumsubcategory
{
    background-color: #fafafa; /* font-size: 11px; */
    font-weight: bold;
    width: 100%;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
    color: #777;
}

.forumsubcategory A
{
    color: #444;
}

.expand
{
    width: 100%;
}

.forumsubcatsurround
{
    background-color: #fff;
    border: 1px dashed #ccc;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px; /* font-size: 8pt; */
    font-weight: bold;
    color: #333;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
}

.forumsubcatitem
{
    padding-left: 15px;
}


.forumthreadtitle
{
    background-color: #fff; /* font-size: 15px; */
    font-weight: bold;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #555;
}

.forumtopiccategoryhead
{
    /* font-size: 11px; */
    font-weight: bold;
    margin-top: 3px;
}


.forumtopictitle
{
    /* font-size: 11px; */
    color: #666;
    margin-top: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.smallforumdescription
{
    /* font-size: 8pt; */
    font-weight: normal;
    text-decoration: none;
    color: #444;
}





.comboClass
{
    width: 150px;
}

.MultiColumnComboBoxSearchButtonStyle
{
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid; /* font-size: 8pt; */
    background-image: url(darrow.gif);
    border-left: #ccc 1px solid;
    width: 18px;
    color: #333;
    border-bottom: #ccc 1px solid;
    font-family: Arial;
    height: 19px;
}

.dropcell
{
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    background-color: #fff;
}
.outercell
{
    border-top: 5px solid #ccc;
    border-bottom: 5px solid #ccc;
    background-color: #ddd;
}

.groupselect
{
    bottom: -5px;
    padding-top: 0;
    padding-bottom: 0;
}




.pagetitlebox
{
    /* font-size: 25px; */
    color: #777;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 12px;
    background-color: #ffffff;
    border-bottom: 5px solid #dedede;
}





.DGHeaderStyle
{
    background: red;
    font-weight: bold; /* FONT-SIZE: 8pt; */
    color: #f7f7f7;
    font-family: Verdana;
    position: relative;
}

.DGItemStyle
{
    /* font-size: 8pt; */
    color: #4a3c8c;
    font-family: Arial;
}


.se
{
    z-index: -1;
    position: absolute;
}




.headernav
{
    background-color: #ec5e00;
    height: 22px;
    border-bottom: 1px solid #777; /* font-size: 7.5pt; */
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 22px;
}


.menu_items a
{
    padding-top: 5px;
    padding-bottom: 6px;
    color: #333; /* font-size: 12px; */
    font-weight: bold;
}

.menu_items a:hover
{
    background-color: #ddd;
    background-image: url('../images/greenbuttonbg.gif');
    color: #fff;
}



.home_button_selected
{
    margin-top: 3px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    background-image: url('../images/greenbuttonbg.gif');
}

.whitefont
{
    color: #fff;
}

.home_button
{
    margin-top: 3px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.about_button
{
    margin-top: 3px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.help_button
{
    margin-top: 3px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.contact_button
{
    margin-top: 3px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.navspacer
{
    margin-top: 3px;
    float: left;
}


.comingsoon
{
    color: #bbb; /* font-size: 11px; */
    font-style: italic;
}


.stAnchorTitle
{
    /* font-size: 18px; */
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

.stAnchorTitle a
{
    color: #444;
}


.hideTableCell
{
    height: 0;
    visibility: hidden;
    display: none;
}


/* SiteControls/ManagementConsole - LinkButtons */
.manageConsoleLinkBtn:link, .manageConsoleLinkBtn:visited, .manageConsoleLinkBtn:active
{
    padding: 5px;
    margin-right: 10px;
    background-color: #ddd;
    color: #555;
    border: 1px solid #ccc;
}
.manageConsoleLinkBtn:hover
{
    padding: 5px;
    margin-right: 10px;
    background-color: #e2e2e2;
    color: #555;
    border: 1px solid #ccc;
}
.manageConsoleLinkBtnSelected
{
    padding: 5px;
    margin-right: 10px;
    background-color: #eee;
    color: #555;
    border: 1px solid #ddd;
}
.required
{
    color: Red;
}

table.contentEditTable
{
    border-collapse: collapse;
    border-bottom: solid 4px #ddd;
}
table.contentEditTable td
{
    border: solid 2px #ddd;
}

acronym
{
    border-bottom: 1px dotted #333;
}
abbr
{
    border-bottom: 1px dotted #333;
}

.CalendarEvent
{
    line-height: 1.3;
}



/* SLATT Specific */
.homepagenews1
{
    padding: 12px;
    border: 3px solid #1A2237;
    height: 232px;
	width: 627px;
    background-color: #ffffff;
    font-size: 12px;
}

/* homepagerow1, homepagenews1outer, homepagenews1a, homepagenews1b new on 20160113 */
/* Total width of 1a and 1b (including margins, padding, borders) should be 627px. */
.xhomepagerow1 {
    clear: both; 
    height: 299px;
    margin-bottom: 8px !important;
}
.xhomepagerow2 {
    clear: both; 
    height: 242px;
    margin-bottom: 0;
}



/* Best styles for home page: */
.homepagerow1Outer {
    height: 288px;
    margin-bottom: 0px !important;
    border: 3px solid #1A2237; padding: 12px; background-color: #ffffff;
}
.homepagerow1Split {
    /* Use instead of Outer. */
    height: 289px;
    margin-bottom: 0px !important;
    /*border: 3px solid #1A2237; padding: 12px;*/ background-color: #ffffff;
}
.homepagerow2Outer {
    height: 242px;
    margin-bottom: 0;
    margin-top: 8px !important;
    border: 3px solid #1A2237; padding: 12px; background-color: #ffffff;
}
.homepagerow2Split {
    /* Use instead of Outer. */
    height: 242px;
    width: 660px; /* ONLY WAY I COULD MAKE THIS WORK! */
    margin-bottom: 0;
    margin-top: 8px !important;
    /*border: 3px solid #1A2237; padding: 12px;*/ background-color: #ffffff;
}

.homepagecol1 {
    box-sizing: border-box; 
}

.homepagecol1a
{
    padding: 12px;
    border: 3px solid #1A2237;
    height: 100%; 
	width: 296px;
    background-color: #ffffff;
    font-size: 12px;

    float: left;
    overflow: hidden;
    /*box-sizing: border-box;*/
}

.homepagecol1b
{
    padding: 12px;
    border: 3px solid #1A2237;
    height: 100%; 
	width: 296px;
    background-color: #ffffff;
    font-size: 12px;

    margin: 0 0 0 5px;
    float: left;
    /*box-sizing: border-box;*/
}

.homepagecol2 {
    box-sizing: border-box; 
}
/* End of best styles for home page: */




.xhomepagenews1outer {
    width: 700px;
    height: 100%;
}
.xhomepagenews1a
{
    padding: 12px;
    border: 3px solid #1A2237;
    height: 100%; /*height: 232px;*/
	width: 296px;
    background-color: #ffffff;
    font-size: 12px;

    float: left;
    overflow: hidden;
    /*box-sizing: border-box;*/
}

.xhomepagenews1b
{
    padding: 12px;
    border: 3px solid #1A2237;
    height: 100%; /*height: 232px;*/
	width: 296px;
    background-color: #ffffff;
    font-size: 12px;

    margin: 0 0 0 5px;
    float: left;
    /*box-sizing: border-box;*/
}

.homepagenews2outer
{
    border: 6px solid #1A2237;
    margin-bottom: 8px;

    /*overflow: hidden;*/
    height: 100%;
    background-color: #DEDFE0;
    padding: 4px;
    /*box-sizing: border-box;*/
}

.xhomepagerow2 .homepagenews2outer {
    height: 104%;
    /*margin-bottom: 0;*/
    margin-top: 28px; /* ******************************************** */
}
.xhomepagerow2 .homepagenews2inner {box-sizing: border-box; /* ******************************************** */}

.homepagenews2inner
{
    padding: 5px;
    /*border: 4px solid #DEDFE0;*/
    background-color: #ffffff;
    font-size: 12px;

    height: 100%;
    box-sizing: border-box;
}

.accountlink:link
{
    color: #DEDFE0;
}

.accountlink:visited
{
    color: #DEDFE0;
}

.accountlink:hover
{
    text-decoration: underline;
}


/* Widget */
#widgetContainer
{
    position: relative;
    margin-top: 1px;
}
a.previousPanelButton
{
    position: absolute;
    top: 280px;
    right: 40px;
    z-index: 11;
    display: block;
    width: 24px;
    height: 26px;
}
a.nextPanelButton
{
    position: absolute;
    top: 280px;
    right: 8px;
    z-index: 11;
    display: block;
    width: 24px;
    height: 26px;
}
a.previousPanelButton img, a.nextPanelButton img
{
    border: none;
    display: block;
}
dl#widget
{
    position: relative;
    height: 318px;
    background-color: #661112;
    margin: 0;
    padding: 0;
}
dl#widget dt
{
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 10;
}

div.panel-1
{
    position: absolute;
    top: 280px;
    left: 20px;
    z-index: 11;
    display: block;
    width: 24px;
    height: 24px;
}
div.panel-2
{
    position: absolute;
    top: 280px;
    left: 47px;
    z-index: 11;
    display: block;
    width: 24px;
    height: 24px;
}
div.panel-3
{
    position: absolute;
    top: 280px;
    left: 74px;
    z-index: 11;
    display: block;
    width: 24px;
    height: 24px;
}

div#widgetButtons a img
{
    border: none;
}
div#widgetButtons a:active
{
    outline: none;
}

dt.panel-1
{
    top: 0;
}
dt.panel-2
{
    top: 24px;
}
dt.panel-3
{
    top: 48px;
}

dl#widget dd
{
    position: absolute;
    height: 318px;
    width: 100%;
    margin: 0;
    display: none;
    overflow: hidden;
}
dl#widget dd div
{
    margin-left: 0px;
}
dl#widget dd.active
{
    display: block;
}

dl#widget a img
{
    border: none;
}
dl#widget a:active
{
    outline: none;
}
/* Override this master page style for the home page */
div.center div.centerpad
{
    border: none;
    padding: 0 5px;
}
/* 0 .5em would be better */



/* Sidebar css for On-Site Training */
.sidebar_schedule
{
    background-color: #FFFFFF;
    border: 1px solid gray;
    float: right;
    margin: 0 0 5px 0;
    padding-bottom: 10px;
    width: 200px;
}
.sidebar_schedule h4
{
    background-color: #1B1B33;
    color: #FFFFFF;
    padding: 3px 10px;
    text-align: center;
}
.sidebar_schedule p
{
    padding: 5px 10px;
}
.sidebar_schedule .traininglist
{
    margin: 0 10px;
    padding: 10px 0 0 20px;
}
.sidebar_schedule .traininglist li
{
    font-weight: normal;
    margin-bottom: 0;
}

/* On-Site Training Materials */
.trainingmaterials {}
.trainingmaterials .errormessage { color: red;margin: 0;padding: 15px 0 0 0;}
.trainingmaterials .errormessage a { text-decoration: underline;}
.trainingmaterials .successmessage { color: green;margin: 0;padding: 15px 0 0 0;}
.trainingmaterials .successmessage a { text-decoration: underline;}
.trainingmaterials .username {width:200px !important;}

/* On-Site Training */
.level1list
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}

.level1list li
{
    padding-bottom: 10px;
}

.level1list ul li
{
    padding-top: 10px;
}


/* lists */
ul.list li
{
    padding-bottom: 10px;
    list-style: bullet;
}

/* more space for virtual library */
ul.vl li
{
    padding-bottom: 3px;
}

ul ul.vl
{
    padding-top: 2px;
}

ul ul.vl li
{
    padding-bottom: 3px;
}

/* Formatting of Training Module Items */
/* New format: */
.oltrainingitem {
    clear: both;
    margin: 0;
    padding: 15px 0;
}
.oltrainingitem a {color: #933E43; text-decoration: underline;}
.oltrainingitem img { border: 0; margin: 0 20px 0 0; padding: 0; float: left;}
.oltrainingitem p {margin: 0px 20px 5px 0; padding: 0;text-align: justify;}
.oltrainingitem .trainingtitle {
    color: #053D6C;
    font-family: Sans-Serif;
    font-size: 110%;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}
.oltrainingitem .trainingtitle a { font-size: 105%;}
.oltrainingitem .trainingmetadata {margin-top: 5px; color: #777777; font-size: 9pt;}

/* Old format:*/
.trainingitem
{
    clear: both;
    margin: 0;
    padding: 15px 0;
}
.trainingitem img
{
    padding-top: 0;
    border: none;
}
.trainingitem hr
{
    background-color: silver;
    border: 0 none;
    height: 1px;
    margin: 0;
    padding: 0;
}
.trainingitem .trainingtitle
{
    color: #053D6C;
    font-family: Sans-Serif;
    font-size: larger;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    text-align: left;
}
.trainingitem .trainingtitle a
{
    color: #933E43;
    font-size: 12px;
    text-decoration: underline;
}
.trainingitem1 .trainingimage
{
    float: left;
    margin: 0 20px 0 0;
}
.trainingitem .trainingtext
{
    margin: 5px 20px 5px 0;
}
.folder
{
    margin-left: 25px;
    padding: 0;
}
.folder li
{
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 0;
}
.folder .subfolder
{
    margin-left: 25px;
    padding: 0;
}
.folder .subfolder li
{
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}




/* SECURE - ONLINE TRAINING INFORMATION PAGE CSS */


div.flyerheading
{
    background-color: #D5D9E6;
    border: 3px solid #1A2237;
    margin: 0 0 0;
    padding: 5px;
}
div.flyerheading h3
{
    color: #000000;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
}
div.flyerheading h4
{
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: center;
}
div.flyercontent
{
    border-color: #1A2237;
    border-style: solid;
    border-width: 0 3px 3px;
    margin: 0;
    padding: 5px 10px;
}
div.flyercontent h4
{
    color: #000000;
    margin: 0;
    padding: 10px 0 0;
}
div.flyercontent p
{
    margin: 5px 0 3px;
    padding: 0;
}
div.flyercontent ul
{
    margin: 5px 0 3px 20px;
    padding: 0;
}
div.flyercontent li
{
    margin: 0;
    padding: 0;
}
.btnSubmit
{
    cursor: pointer;
    font-size: 99%;
    font-weight: normal;
}

/* SLATT Briefings: */
.training p {padding:0 0 10px 0; font-size: 10pt;}
.training .trainingitem {clear:both; margin:0; padding:15px 0 15px 0;}
.training .trainingitem img {padding-top:0px;}
.training .trainingitem hr {margin:0; padding:0; border: 0; background-color: silver; height:1px;}
.training .trainingitem .trainingtitle 
{
	margin: 0 0 0 0;
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 11pt;
	line-height: 20px;
	color: #053D6C;
	text-align: left;
}
.training .trainingitem .trainingtitle a
{
	color: #933E43;
	font-size: 11pt;
}
.training .trainingitem .trainingimage
{
	float: left;
	margin: 0 25px 0 0;
	width:160px;
}
.training .trainingitem .trainingtext
{
	width:700px;
	margin: 5px 0 0 0;
	text-align: justify;
	font-size: 10pt;
	
}
.training .trainingitem .metadata
{
    margin-top: 5px; 
    color: #777777; 
    font-size: 9pt;
}

/* Discussions on Terrorism: */
.discussions {}

/* Terrorism in the News: */
.terrorismArticles {margin:0; padding-top:10px;}
.terrorismArticles dt {padding:0 0 3px 0;}
.terrorismArticles dd {margin:0; padding:0 0 15px 0;}
.terrorismArticles a {font-weight:bold;}
.terrorismArticles .location {font-weight:normal;}
.terrorismArticles .summary {padding:0 0 3px 0;}
.terrorismArticles .source {font-weight:normal; font-style:italic;}
.terrorismArticles .date {font-weight:normal; font-style:italic;}

/* TTT Materials: */
.printmaterialstable {}
.printmaterialstable tr.odd {background-color:#C7C7C7;} 
.printmaterialstable tr.even {background-color:#EEECED;} 
.printmaterialstable th {padding: 3px 5px 3px 5px; width: auto; vertical-align:bottom; text-align: left;} 
.printmaterialstable th.col1 {}
.printmaterialstable th.col2 {}
.printmaterialstable th.col3 {text-align:right;}
.printmaterialstable td {padding: 3px 5px 3px 5px; width:auto; vertical-align: top; text-align: left;}
.printmaterialstable td.col1 {}
.printmaterialstable td.col2 {}
.printmaterialstable td.col3 {text-align:right;}

.videomaterialstable {}
.videomaterialstable tr.odd {background-color:#C7C7C7;} 
.videomaterialstable tr.even {background-color:#EEECED;} 
.videomaterialstable th {padding: 3px 5px 3px 5px; width: auto; vertical-align:bottom; text-align: left;} 
.videomaterialstable th.col1 {}
.videomaterialstable th.col2 {}
.videomaterialstable th.col3 {text-align:right;}
.videomaterialstable th.col4 {text-align:right;}
.videomaterialstable td {padding: 3px 5px 3px 5px; width:auto; vertical-align: top; text-align: left;}
.videomaterialstable td.col1 {}
.videomaterialstable td.col2 {}
.videomaterialstable td.col3 {text-align:right;}
.videomaterialstable td.col4 {text-align:right;}

.printmaterialstable2 {}
.printmaterialstable2 tr.odd {background-color:#C7C7C7;} 
.printmaterialstable2 tr.even {background-color:#EEECED;} 
.printmaterialstable2 th {padding: 3px 5px 3px 5px; width: auto; vertical-align:bottom; text-align: left;} 
.printmaterialstable2 th.col1 {}
.printmaterialstable2 th.col2 {}
.printmaterialstable2 th.col3 {text-align:right;}
.printmaterialstable2 th.col4 {}
.printmaterialstable2 th.col5 {}
.printmaterialstable2 td {padding: 3px 5px 3px 5px; width:auto; vertical-align: top; text-align: left;}
.printmaterialstable2 td.col1 {}
.printmaterialstable2 td.col2 {}
.printmaterialstable2 td.col3 {text-align:right;}
.printmaterialstable2 td.col4 {}
.printmaterialstable2 td.col5 {}

.videomaterialstable2 {}
.videomaterialstable2 tr.odd {background-color:#C7C7C7;} 
.videomaterialstable2 tr.even {background-color:#EEECED;} 
.videomaterialstable2 th {padding: 3px 5px 3px 5px; width: auto; vertical-align:bottom; text-align: left;} 
.videomaterialstable2 th.col1 {}
.videomaterialstable2 th.col2 {}
.videomaterialstable2 th.col3 {text-align:right;}
.videomaterialstable2 th.col4 {text-align:right;}
.videomaterialstable2 th.col5 {}
.videomaterialstable2 th.col6 {}
.videomaterialstable2 td {padding: 3px 5px 3px 5px; width:auto; vertical-align: top; text-align: left;}
.videomaterialstable2 td.col1 {}
.videomaterialstable2 td.col2 {}
.videomaterialstable2 td.col3 {text-align:right;}
.videomaterialstable2 td.col4 {text-align:right;}
.videomaterialstable2 td.col5 {}
.videomaterialstable2 td.col6 {}

/* About SLATT: */
.slattvideo {
    margin: 0 0 0 10px !important;
    padding: 0 0 0 0 !important;
    width: 460px;  height:300px; /**/
    /*background:transparent url('/documents/cat/multimedia/cat_program_overview.jpg') no-repeat 0 0;*/
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
    float: right;
    background-color: #999999 !important;
}

/* CAT Materials: */
.catMaterials {padding:10px 0 0 0}
.cat_table {width:100%;}
.cat_table .odd_row {background-color: #EBEBEB;}
.cat_table .even_row {background-color: #C7C8CA;}
.cat_table .column1 {font-size:110%; font-weight:bold;}
.cat_table th {text-align:center; padding-bottom:0; padding-left:10px; padding-top: 10px; font-weight:bold;}
.cat_table td {vertical-align:top; padding-left:10px;}
.catprogram { border: medium none; width: 500px; }
.catvideo 
{
    margin-top:10px;
    width: 750px; /* height:412px; */
    /*background:transparent url('/documents/cat/multimedia/cat_program_overview.jpg') no-repeat 0 0;*/
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
}
.catflash {margin-top:10px; width:750px; height:562px;}

/* video tag with source and object tags inside: */
.html5video-640 {
    width: 640px; /* height: 480px; */
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
}
.html5flash-640 { width: 640px; height: 480px;}

.iframe-640x480 {width: 640px;height: 480px;}
.iframe-640x360 {width: 640px;height: 360px;}

/* Class Schedule: */
.schedule {padding-top:15px;}
.schedule table {border:1px solid gray;}
.schedule tr {}
.schedule .evenrow {background-color:#EEECED;}
.schedule .oddrow {}
.schedule th {padding:5px 5px 5px 5px;}
.schedule td {padding:5px 5px 15px 5px;}
.schedule .item {margin: 0 0 0 0; padding: 0 0 20px 0;}

/* Publications Request Form: */
.publicationsRequestForm {}
.publicationsRequestForm p {margin:0 0 0 0; padding:0 0 10px 0;}
.publicationsRequestForm select {margin:5px 0 1px 0;}
.publicationsRequestForm a {color: #7C1318}
.publicationsRequestForm ul {padding-top:1em;}
.publicationsRequestForm li {padding-bottom:1em}
.publicationsRequestForm .item {clear:both; margin:0; padding:0 0 10px 0; min-height:150px;}
.publicationsRequestForm .item img {float:right; padding:0 0 10px 15px;}
.publicationsRequestForm .item h5 {margin:0; padding:0 0 3px 0; font-size:110%;}
.publicationsRequestForm .item p {margin:0; padding:0 0 10px 0;}
.publicationsRequestForm .item .publication {font-style:italic;}

.publicationsRequestForm .itemshort {clear:both; margin:0; padding:0 0 10px 0;min-height: auto;}
.publicationsRequestForm .itemshort img {float:right; padding:0 0 10px 15px;}
.publicationsRequestForm .itemshort h5 {margin:0; padding:0 0 3px 0; font-size:110%;}
.publicationsRequestForm .itemshort p {margin:0; padding:0 0 10px 0;}
.publicationsRequestForm .itemshort .publication {font-style:italic;}

.publicationsRequestForm .fieldsheading {clear:both; margin:0; padding:10px 0 5px 0; font-weight:bold;}
.publicationsRequestForm .fields {clear:both;}
.publicationsRequestForm .fields label {float:left; width:200px; text-align:right;}
.publicationsRequestForm .fields .label2 {float:left; width:65px; text-align:right;padding: 0 5px;}
.publicationsRequestForm .fields .formelement {float:left; padding-left:3px; padding-bottom: 3px;}
.publicationsRequestForm .fields .readonly {color:Silver;}
.publicationsRequestForm .fields select {margin:0; padding:2px;}
.publicationsRequestForm .fields .message {color:Red;}
.publicationsRequestForm .validationSummary {color:Red;}
.publicationsRequestForm .validationSummary ul {padding-top:0;}
.publicationsRequestForm .validationSummary li {padding-bottom:0;}
.publicationsRequestForm .succeeded {}
.publicationsRequestForm .succeeded table {margin-bottom:10px;}
.publicationsRequestForm .succeeded th {width:120px; text-align:right; font-weight:bold;}
.publicationsRequestForm .succeeded td {padding:0 3px;}

/* Contacts: */
.contacts {clear:both; color:#414141; margin:0; padding:0; width:100%; height:auto;}
.contacts .contact_type {color:#012E4E; margin:0; padding:0 0 3px 0;}
.contacts h2 {color:#012E4E; }
.contacts h3 {color:#012E4E; }
.contacts h4 {color:#990000; margin:0; padding:0 0 3px 0;}
.contacts h5 {color:#012E4E; margin:0; padding:0 0 3px 0;}
.contacts #ddlStates1 { float: right;margin: 15px 0 0 0;padding: 0;}
.contacts p {margin:0; padding:0 0 3px 0;}
.contacts ul {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.contacts li {margin-top:0; margin-bottom:0; padding-top:5px; padding-bottom:0;}
.contacts .contact {float:left;	color:#414141; width:200px; margin:0; padding:2px 0 3px 0;}
.contacts .contact h5 {color:#414141; margin:0; padding:0 0 0 0;}
.contacts .contact p {margin:0; padding:0;}
.contacts .contactsSpace {clear:both; width:100%; height:15px;}

/* Bulletins: */
.Bulletins {margin:0; padding:0;}
.Bulletins dl {margin:0; padding:0;}
.Bulletins dt {margin:0; padding:0; font-weight:bold;}
.Bulletins dd {margin:0; padding:0 0 10px 0;}
.Bulletins label {font-weight:bold;}
.Bulletins p {padding-bottom:10px;}

/* PUBLIC - FAQ */
div.faq 
{
}

div.faq ul 
{
    list-style-type:none;
    margin-top:0;
}

div.faq .qu 
{
    font-weight:bold;
    text-indent:-1.3em;
}

div.faq .an 
{
    margin-bottom:20px;
    text-indent:-1.3em;
}

/* SECURE - VIRTUAL LIBRARY TERMINOLOGY */
#termletter 
{
color:#012E4E;
font-size:160%;
}

/* SECURE - VIRTUAL LIBRARY - WARNINGS */
.warning
{
    padding: 8px 8px 8px 8px;
    border: 4px solid #C7C8CA;
    font-size: 87%;
    color: #4A4A4A;
}

.xfieldset {
  padding-top: 60px; /*legend height(18px) + top value(15px) + bottom spacing(15px) */
  position: relative;
}

.xlegend {
  height: 18px; /* Default Height of non-styled legend element with default font-size of 16px as tested at time of this posting */
  left: 15px;
  position: absolute;
  top: 5px; /* replaces top margin-top:15px; */
}

/* Conference Multimedia Materials */
.multimediaMaterials {}

.multimediaMaterials fieldset 
{
    margin-top: 15px;
    /*padding-top: 10px;*/ /*legend height(18px) + top value(15px) + bottom spacing(15px) */
    position: relative;
}

.x_multimediaMaterials legend {
    height: 18px; /* Default Height of non-styled legend element with default font-size of 16px as tested at time of this posting */
    left: 15px;
    position: absolute;
    top: 5px; /* replaces top margin-top:15px; */
}

.multimediaMaterials ul {
    margin: 0;
}

.multimediaMaterials li {
    margin-left: 0;
}

/* Subscription checkboxes: */
#tttAlertSubscription input, label { cursor: pointer;}
#catAlertSubscription input, label { cursor: pointer;}
#DysonReportSubscription input, label { cursor: pointer;}

#flashContent { width:645px; height:514px; border: 1px solid #000000; margin-bottom: 15px; }

/* SARLOT: */
.sarlot { width: 740px;text-align: center;margin: 0 auto;}
.sarlot .onlinetraining_intro {margin: 0 0px; width:auto; text-align: left;}
.sarlot .onlinetraining_agencytype {width:100%; text-align: left;}
.sarlot .onlinetraining_continue {width:100%; text-align: left;}
.sarlot .onlinetraining_errormessage {text-align: center; color:red; font-weight: bold;}
.sarlot .onlinetraining {margin: 0 0px; width:auto; text-align: center;}
.sarlot .onlinetraining_bottom {margin: 0 0px; /*width:auto;*/ text-align: left;}
    
.sarlot .formrow {margin: 0;padding: 3px 0 0 0;}
.sarlot .please_note {font-size: 90%;font-weight: bold; border: solid 2px #8B110E; padding: 8px; line-height: 20px;text-align: center;}
.sarlot .btnSubmit1 { padding: 3px 15px; margin: 0 10px; cursor: pointer;}
.sarlot .btnSubmit2 { padding: 3px 15px; margin: 10px 0; cursor: pointer;}
.sarlot .note {}
    
.sarlot h1 { margin: 10px 0;padding: 0;font-size: 150%;}
.sarlot p { margin: 10px 0 0 0;padding: 0;text-align: left;}
.sarlot input { margin: 0;padding: 0;}
.sarlot label { margin: 0;padding: 0;}
.sarlot span { margin: 0;padding: 0;}
.sarlot select { margin: 0;padding: 0;}

/* Contact Us */
.contentarea .validationSummary {color:Red;}
.contentarea .validationSummary ul {margin-top:0; padding-top:0;}
.contentarea .validationSummary li {padding-bottom:0;}
.contentarea .lblRequired {font-weight:bold;} /* required field */
.contentarea .lblNameStyle {font-size:smaller;}
.contentarea .chkLabel {display:block; position:relative; margin-left: 2.5em; margin-bottom:3px;}
.contentarea .chkLabel input {position:absolute; left:-1.75em; margin-top: 3px;}
.contentarea .textfield {float:left;width: 175px;}
.contentarea .dropdownlist { width: 229px;}
.contentarea .formrow {clear: both; width:100%; margin: 0; padding-top: 3px;}
.contentarea .formrow .lblLeft {float: left; width: 130px; text-align: right; padding-right:8px;}
.contentarea p {padding-bottom:10px;}
.txtmessage { width: 450px;}
/*.submitbutton {float: left; padding-bottom: 20px; padding-left: 130px;}*/



/* Notices  */
 .notices .moreSpaceAbove { margin-top: 10px;}

 /*Other */
 .terrorismdatabase {
	border: 1px solid #000000;
    float: right;
    margin: 0 0 10px 20px;
    padding: 5px;   
  } 

 /* Publications Request Form */
.publicationsRequestForm
.publicationsRequestForm .label {/*visibility: hidden;height: 0;*/}
.publicationsRequestForm .input200 { width: 200px;}
.publicationsRequestForm .input300 { width: 300px;}
.publicationsRequestForm .input400 { width: 400px;}
.publicationsRequestForm .inputphone  { width: 200px;}
.publicationsRequestForm .inputExtension { width: 60px !important;}
.publicationsRequestForm .inputfax { width: 200px;}
.publicationsRequestForm .inputState { width: 405px;}
.publicationsRequestForm .inputZip { width: 60px !important;}

/* Miscellaneous */
.videoPanel {width:645px; height: 515px;}
.catmaterials {padding-bottom: 25px; text-decoration: underline; margin-left: 55px; float: left;}
.instructor {text-align: center; padding-bottom: 25px; padding-top: 15px; width: 145px; float: left; font-size: 90%;}

/*.instructorGrid {}
.instructorGrid p { max-width: 90px;}
.instructorGrid img { max-width: 90px;}*/

.instructorListNoPhotos {}
.instructorListNoPhotos ul {
    /*height: 300px;*/ /*your fixed height*/
    list-style-type: none;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; /*3 in those rules is just placeholder -- can be anything*/
}
.instructorListNoPhotos li {
    /*display: inline-block;*/ /*necessary*/
}


.map {width: 753px; height: 530px;}
.statemap {width: 510px;height: 305px;}
.sitetools { margin-top: 10px;}

/* =======================================================================
   Media
   ======================================================================= */

/* =======================================================================
   Custom User Controls
   ======================================================================= */
.plug-ins {}
.plug-ins h4 { line-height: 36px;vertical-align: middle;}
.plug-ins img { margin-right: 10px;vertical-align: middle;}

.notices {}

.myaccount {}

.contactus {}
.contactus .formrow { clear: both;padding-top: 5px;}
.contactus .formrow .lblLeft {display: block; float: left; width: 150px;margin-right: 5px; text-align: right;}
.contactus .formrow .lblRequired {}
.contactus .formrow .lblOptional {}
.contactus .formrow .formItems { display: block; float: left;}
.contactus #btnSend { width: 120px;}

/* Forgot Password */
.forgotPasswordFormPanel {}
.forgotPasswordFormPanel .redMessage { color: red;}
.forgotPasswordFormPanel fieldset {margin-top: 10px; padding: 10px 15px;}
.forgotPasswordFormPanel .loginFields { margin-top: 10px;}
.forgotPasswordFormPanel .loginFields label { display: block;}
.forgotPasswordFormPanel .loginFields input { display: block;}
.forgotPasswordFormPanel .loginButtons { margin-top: 10px;}
.resetPasswordFormPanel .loginButtons #SubmitButton {}
.forgotPasswordFormPanel .ErrorMessages p { margin-top: 10px;}
.forgotPasswordResultsPanel {}
.forgotPasswordResultsPanel p {}
.forgotPasswordResultsPanel .greenMessage { color: green;}

/* Reset Password */
.resetPasswordFormPanel {}
.resetPasswordFormPanel .redMessage { color: red;}
.resetPasswordFormPanel fieldset {margin-top: 10px; padding: 10px 15px;}
.resetPasswordFormPanel .loginFields { margin-top: 10px;}
.resetPasswordFormPanel .loginFields label { display: block;}
.resetPasswordFormPanel .loginFields input { display: block;}
.resetPasswordFormPanel .loginButtons { margin-top: 10px;}
.resetPasswordFormPanel .loginButtons #SubmitButton {}
.resetPasswordFormPanel .ErrorMessages p { margin-top: 10px;}
.resetPasswordResultsPanel {}
.resetPasswordResultsPanel p {}
.resetPasswordResultsPanel .greenMessage { color: green;}

/* Change Password */
.changePasswordFormPanel {}
.changePasswordFormPanel .redMessage { color: red;}
.changePasswordFormPanel fieldset {margin-top: 10px; padding: 10px 15px;}
.changePasswordFormPanel .loginFields { margin-top: 10px;}
.changePasswordFormPanel .loginFields label { display: block;}
.changePasswordFormPanel .loginFields input { display: block;}
.changePasswordFormPanel .loginButtons { margin-top: 10px;}
.changePasswordFormPanel .loginButtons #SubmitButton {}
.changePasswordFormPanel .ErrorMessages p { margin-top: 10px;}
.changePasswordResultsPanel {}
.changePasswordResultsPanel p {}
.changePasswordResultsPanel .greenMessage { color: green;}

/*.resetPassword { margin-top: 10px;}
.resetPassword .LoginFields { margin-top: 10px;}
.resetPassword .LoginButtons { margin-top: 10px;}
.resetPassword .rules {}
.resetPassword .changed {}

.changePassword { margin-top: 10px;}
.changePassword .PasswordChangeFields { margin-top: 10px;}
.changePassword .PasswordChangeButtons { margin-top: 10px;}
.changePassword .rules {}
.changePassword .changed {}*/

/* Website Registration */
.websiteregistrationform {}
.websiteregistrationform .lblRequired {font-weight:bold;}
.websiteregistrationform .lblRequired2 {font-weight:bold;} /* required field */
.websiteregistrationform .lblNameStyle2 {font-size:smaller;}
.websiteregistrationform .chkLabel2 {display:block; position:relative; margin-left: 2.5em; margin-bottom:3px;}
.websiteregistrationform .chkLabel2 input {position:absolute; left:-1.75em; margin-top: 3px;}
.websiteregistrationform .textfield2 {float:left;width: 200px;}
.websiteregistrationform .textfield3 {float:left;}
.websiteregistrationform .formrow2 {clear: both; /*width:100%;*/ /*width: 752px !important;*/white-space: nowrap; margin: 0; padding-top: 3px;}
.websiteregistrationform .formrow2 .lblLeft {float: left; width: 115px; text-align: right; padding-right:8px;}
.websiteregistrationform .formrow2 .lblExt {float: left; width: 70px; text-align: right; padding-right: 5px;}
.websiteregistrationform .input400 { width: 400px;}
.websiteregistrationform .inputphone  { width: 400px;}
.websiteregistrationform .inputExtension { width: 60px !important;}
.websiteregistrationform .inputfax { width: 400px;}
.websiteregistrationform .inputState { width: 405px;}
.websiteregistrationform .inputZip { width: 60px !important;}
.websiteregistrationform .divEmail {}
.websiteregistrationform .divEmailHint { clear: both;margin-left: 123px;}
.websiteregistrationform .divFirstName { float:left;}
.websiteregistrationform .divMiddleName { float:left;margin-left: 10px;}
.websiteregistrationform .divLastName { float:left;margin-left: 10px;}
.websiteregistrationform .divCity { float:left;}
.websiteregistrationform .divState { float:left;margin-left: 10px;}
.websiteregistrationform .divZip { float:left;margin-left: 10px;}

.websiteregistrationresults {}

/* Login */
.loginContainer {}
.loginContainer .successMessage {margin:0; padding:20px 0 0px 0; text-align:center; color:Green; font-weight:bold;}
.loginContainer .failureMessage {margin:0; padding:20px 0 0px 0; text-align:center; color:Red; font-weight:bold;}
.loginContainer .login2 { margin-top: 20px;}
.loginContainer .loginArea {margin:0 0 0 0px; padding:5px; width:400px; border:1px solid gray; background-color:#f1f1fa;}
.loginContainer .loginArea h1 {font-size:120%; margin-bottom:0; padding-bottom:0;text-align: center;}
.loginContainer .loginArea .loginRow { clear: both; margin:0; padding:10px 0 0 0; width:100%;}
.loginContainer .loginArea .loginRow label {float: left;width: 135px;/*85px;*/ text-align: right; }
.loginContainer .loginArea .loginRow .loginUserName { width: 190px;}
.loginContainer .loginArea .loginRow .loginPassword { width: 190px;}
.loginContainer .loginArea .loginRow .loginButton {float: left;margin-left: 135px; width: 90px;cursor: pointer;}
.loginContainer .linkRow {padding-top: 5px;text-align: center;}

/* Search Results */
.searchEngineResultsInfo { margin: 0; padding: 10px 15px 0 15px;} /* Results 1 - x of about n for displayed at top ... */
.searchEngineResultsWrapper { margin: 0; padding: 10px 15px 0 15px;} /* Actual results ... */
.searchEngineResultsWrapper a {}
.searchEngineResultsWrapper .searchEngineResultsOverview {} /* Summary ... */
.searchEngineResultsNoResultsMessage { margin: 0;padding: 10px 20px;min-height: 150px;}
.searchEngineResultsPagination { margin: 0; padding: 10px 15px 0 15px;} /* Pagination displayed at bottom ... */

/* Custom Search Results (for SiteControls/SiteSearchResults.ascx */
.SiteSearchResults {}
.SiteSearchResults .resultsHeading {margin:0; padding:5px 10px; color:#000000; background-color:silver;}
.SiteSearchResults .resultsStats {margin:0; padding:7px 10px; float:right;}
.SiteSearchResults .navBarT { margin: 5px 12px;padding: 0;width: 100%;text-align: left;}
.SiteSearchResults .navBarB { margin: 5px 12px;padding: 0;width: 100%;text-align: left;}
.SiteSearchResults .navBarT .disabled, .SiteSearchResults .navBarB .disabled { color: gray;}
.SiteSearchResults .resultsList { padding-left:10px}
.SiteSearchResults .resultsList .resultsItem { margin-top: 15px;}
.SiteSearchResults .resultsList .resultsItem p.itemTitle { margin: 0;padding: 0;}
.SiteSearchResults .resultsList .resultsItem p.itemBody { margin: 5px 0 0 0;padding: 0;color: #555555;}
.SiteSearchResults .space { margin: 0;padding: 0;height: 20px;overflow: hidden;}