/* CSS Document */

#middle, #middleblue  {width: 745px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
#middle { background-color: #FFFFFF;}

#middle p, #middleblue p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#middle a:link, #middle a:visited, #middleblue a:link, #middleblue a:visited, #middle a:hover, #middleblue a:hover {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #647C90; font-weight: normal; text-decoration: underline;} 

#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6, #middleblue  h1, #middleblue  h2, #middleblue  h3, #middleblue  h4, #middleblue  h5, #middleblue  h6 {margin: 0px; padding: 0px;}

#middle h1, #middleblue h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;}
#middle h2, #middleblue h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}
#middle h3, #middleblue h3 {font-size: 12px; font-weight: normal;}
#middle h4, #middleblue h4 {color: #647C90; font-size: 11px;}
#middle h5, #middleblue h5 {font-size: 12px; font-weight: normal; margin-bottom: 7px;}
#middle h6, #middleblue h6 {color: #625BC3; font-size: 11px;}

#middle ul, #middleblue ul {color: #647C90; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#middle li, #middleblue li {margin-bottom: 10px;}

#security-wrap h4 {color: #94CDC1;}
#security-wrap ul {color: #94CDC1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#aml-wrap h4 {color: #F2C63C;}
#aml-wrap ul {color: #F2C63C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#di-wrap h4 {color: #625BC3;}
#di-wrap ul {color: #625BC3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#large {font-size:12px;}

hr {color: #667C90; height: 1px;}

.large {font-size:12px;}
.yellow {color: #F2C63C;}
.green {color: #94CDC1;}
.grey {color: #647C90;}
.purple {color: #625BC3;}
.bold {font-weight: bold;}
.pad {padding:15px; background-color: #FFFFFF;}
.pad p {margin-top: 0px; margin-bottom: 15px;}
.black {color: #000000;}
.clear {clear:both; height:1px; overflow:hidden;}


/* home styles */
#home-middle {width: 745px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #E0E8EE;}
#home-middle p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#home-main {height: 190px; margin-bottom: 7px; background-image: url(../content_assets/main_text_box.gif); background-repeat: repeat-y; background-position: left top;}
#home-main h2 {color: #545354; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal;}

#home-main-text {width: 560px; float: left; padding-top: 15px; padding-left: 27px;}
#home-main-links {float: right; width: 130px; font-size: 12px; padding-top: 50px; padding-right: 12px;}
#home-main-links ul{list-style-type:none; padding:0; margin:0; display: block; color: #FFFFFF;}
#home-main-links li{list-style-type:none; display: block; padding-right: 0; padding-bottom: 0; margin-bottom: 2px; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
#home-main-links a:link, #home-main-links a:hover, #home-main-links a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; color: #FFFFFF; display: block; height: 36px; font-weight: bold; text-decoration: none; font-size: 12px;}

#security {line-height: 36px; background-image: url(../content_assets/security_link_bg.gif); background-repeat: no-repeat;}
#aml {background-image: url(../content_assets/aml_link_bg.gif); background-repeat: no-repeat; line-height: 36px;}
#diversity {padding-top: 4px; background-color: #5b56a3; background-image: url(../content_assets/diversity_link_bg.gif); background-repeat: no-repeat; height: 32px;}

#i-wareness {float: left; width: 368px; height: 160px; background-image: url(../content_assets/i-wareness_box.gif); background-repeat: no-repeat;}
#i-wareness-in {font-size: 9px; padding-top: 17px; padding-left: 18px;}
#i-wareness-in-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; float: left; width: 190px; padding-top: 20px; padding-right: 4px; padding-left: 6px;}
#i-wareness-link {float: left; padding-top: 15px; padding-left:98px;}

#special-interest-group {float: right; width: 368px; height: 160px; background-image: url(../content_assets/SIGs_box.gif); background-repeat: no-repeat;}
#special-interest-group-in {font-size: 9px; padding: 8px;}
#sig-in-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; float: left; width: 272px; padding-top: 26px; padding-right: 4px; padding-left: 7px; padding-bottom: 0px;}
#sig-link {float: left;}
#special-interest-group-bottom {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding-right: 7px; padding-left: 7px; margin-top: 18px;}


/* teach & test / knowledge zone / pmc styles */
#stt-banner, #amltt-banner, #ditt-banner, #pmc-banner  {width: 745px; background-repeat: no-repeat; height: 190px; margin-bottom: 15px; position: relative;}
#stt-banner {background-image: url(../content_assets/stt_banner.jpg);}
#amltt-banner {background-image: url(../content_assets/amltt_banner.jpg);}
#ditt-banner {background-image: url(../content_assets/ditt_banner.jpg);}
#pmc-banner {background-image: url(../content_assets/pmc_banner.jpg);}


#tt-box {width: 404px; height: 61px; background-image: url(../content_assets/stt_banner_box.jpg); position: absolute; right: 10px; bottom: 17px;}
#pmc-box {width: 404px; height: 61px; position: absolute; right: 10px; bottom: 17px;}

#tt-box-text, #pmc-box-text {float:left; width: 300px; font-size: 12px;}
#tt-box-text-in, #pmc-box-text-in {padding-left: 16px; font-size: 12px; padding-top: 16px;}

#tt-box-text a:link, #tt-box-text a:hover, #tt-box-text a:visited, #pmc-box-text a:link, #pmc-box-text a:hover, #pmc-box-text a:visited, #lp-box-text a:link, #lp-box-text a:hover, #lp-box-text a:visited {font-size: 12px; text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
#tt-link, #kz-link, #pmc-link, #lp-link  {float: right; padding-top: 12px; padding-right: 15px;}
#tt-left, #pmc-left, #vt-left, #kz-left  {float: left; width: 360px; text-align: center;}
#tt-left img, #pmc-left img, #vt-left img, #kz-left img {margin-left: auto; margin-bottom: 15px; display: block; margin-right: auto;}
#tt-right, #pmc-right, #vt-right, #kz-right {float: left; width: 370px;}
#tt-right p, #pmc-right p, #vt-right p, #kz-right p, #security-wrap p {margin-top: 0px; margin-bottom: 15px;}

#svt-banner, #skz-banner {width: 745px; background-repeat: no-repeat; height: 190px; margin-bottom: 15px; position: relative;}
#svt-banner {background-image: url(../content_assets/svt_banner.jpg);}
#skz-banner {background-image: url(../content_assets/skz_banner.jpg);}

#amlkz-banner  {width: 745px; background-image: url(../content_assets/amlkz_banner.jpg); background-repeat: no-repeat; height: 235px; margin-bottom: 15px; position: relative;}
#dikz-banner  {width: 745px; background-image: url(../content_assets/dikz_banner.jpg); background-repeat: no-repeat; height: 245px; margin-bottom: 15px; position: relative;}

#amlkz-banner-text, #skz-banner-text, #dikz-banner-text {width: 395px; position: absolute; right: 11px; top: 10px;}

#amlkz-banner-text p, #skz-banner-text p, #dikz-banner-text p {margin-top: 0px; margin-bottom: 10px;}
#svt-box {width: 404px; height: 60px; position: absolute; right: 10px; bottom: 17px;}

#skz-box, #amlkz-box {width: 395px; height: 60px; position: absolute; right: 12px; bottom: 17px; background-repeat: no-repeat;}
#amlkz-box {background-image: url(../content_assets/amlkn_link_box.gif);}
#skz-box {background-image: url(../content_assets/skz_link_box.gif);}

#dikz-box {width: 395px; height: 60px; background-image: url(../content_assets/dikz_link_box.gif); position: absolute; right: 11px; bottom: 16px; background-repeat: no-repeat;}

/* communication support styles */
#comms-left {float: left; width: 330px; text-align: center;}
#comms-left img {margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto;}
#comms-right {float: left; width: 400px;}
#comms-right p {margin-top: 0px; margin-bottom: 15px;}
#comms-banner {margin-bottom: 15px;}

/* contact styles */
#contact-left {float: left; width: 410px; padding-left: 15px;}
#contact-left a:link {font-size: 12px;}
#contact-right img {margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto;}
#contact-right {float: left; width: 310px;}
#contact-banner {margin-bottom: 15px;} 
#contact-footer {font-size: 9px; color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #94C4BB; margin-top: 10px; padding-top: 10px;
 width: 715px; margin-right: auto; margin-left: auto; padding-bottom: 15px;} 

/* downloads styles */
#downloads-main {background-color: #E0E8EE;}
.box {background-color: #FFFFFF; width: 745px; margin-bottom: 5px;}
.box-in {padding: 15px;}
.box-in p {width: 550px; float: left; margin-top: 10px;}
.downloads-box-left { float: left; width: 550px;}
.download {float: right; margin-bottom: 15px;}

/* landing page styles */
#amllp-banner, #dilp-banner, #slp-banner {width: 745px; background-repeat: no-repeat; height: 220px; position: relative;}
#amllp-banner {background-image: url(../content_assets/amllp_banner.jpg);}
#dilp-banner {background-image: url(../content_assets/dilp_banner.jpg);}
#slp-banner {background-image: url(../content_assets/slp_banner.jpg);}

#lp-banner-text {width: 346px; position: absolute; right: 11px; top: 45px;}
#lp-banner-text p {margin-top: 0px; margin-bottom: 10px;}
#amllp-box {width: 348px; height: 60px; background-image: url(../content_assets/amllp_link_box.gif); position: absolute; right: 12px; bottom: 12px; background-repeat: no-repeat;}
#lp-box-text {float:left; width: 250px; font-size: 12px;}
#lp-left {float: left; width: 370px; height: 170px; position: relative; background-image: url(../content_assets/lp-left.jpg); background-repeat: no-repeat; margin-top: 5px;}

#lp-text {width: 190px; position: absolute; left: 15px; top: 15px;}

#amllp-right, #dilp-right, #slp-right {float: right; width: 370px; height: 170px; position: relative; background-repeat: no-repeat; margin-top: 5px;}
#amllp-right {background-image: url(../content_assets/amllp_right.jpg);}
#dilp-right {background-image: url(../content_assets/dilp_right.jpg);}
#slp-right {background-image: url(../content_assets/slp_right.jpg);}

.lp-arrow {position: absolute; left: 207px; top: 30px;}
#lp-text-link {width: 190px; position: absolute; left: 15px; top: 125px;}

#lp-text-link a:link, #lp-text-link a:hover, #lp-text-link a:visited {color: #FFFFFF; font-size: 9px; text-decoration: underline;}

#slp-bottom {color: #000000; width: 745px; height: 61px; background-image: url(../content_assets/slp_bottom.gif); background-repeat: no-repeat; font-size: 12px; display: block; clear: both; margin-top: 5px;}

#slp-bottom a:link, #slp-bottom a:hover, #slp-bottom a:visited {color: #000000; font-size: 12px; text-decoration: underline;}

#slp-bottom-left {margin-top: 23px; float: left; padding-left: 15px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

#bottom-bar {color: #FFFFFF; margin-bottom:-15px;margin-left:-10px; width: 745px; margin-right:-10px; height: 61px; background-image: url(../content_assets/bottom_bar.gif); background-repeat: no-repeat; font-size: 12px; display: block; clear: both; margin-top: 7px;}
#bottom-bar-left {margin-top: 23px; float: left; padding-left: 15px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
#bottom-bar a:link, #bottom-bar a:hover, #bottom-bar a:visited {font-size: 12px; color: #FFFFFF;}
#bottom-bar-sasig {margin-top: 17px; float: left; padding-left: 15px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.sasig-bottom-bar-link, .events-bottom-bar-link, .slp-arrow  {float: right; margin-right: 36px; margin-top: 14px;}

.event {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.date {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; list-style-type: none;}