@charset "utf-8"; /* CSS Document, Army Diversity Office, 4/20/2010 */
/* Global - - - - - - - */
body {background:#777 url(/web/20161027051555oe_/http://www.armydiversity.army.mil/image/adoBackgroundBody.png) repeat-x top; color:#3d3d3d/* Armry.Mil */;font-family:Arial, Helvetica, sans-serif; font-size:100%; height:100%; margin:0; padding:0; text-align:center/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */}
a:link, a:visited {color:#000; text-decoration:none}
a:active, a:hover {color:#7b8738}
input {font-family:Arial, Helvetica, sans-serif/* Firefox fix */;font-size:13px/* IE fix */}
table {margin-left:72px}
table td {font-size:.93em; padding:4px 8px; vertical-align:baseline}
.mmhide_clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
#adoContainer {text-align:left/* this overrides the text-align:center on the body element. */; margin:0 auto/* the auto margins (in conjunction with a width) center the page */; position:relative; width:960px/* less wide than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */}
/* Header - - - - - - - */
#adoHeader {background:#000; color:#c2c2c2; height:auto; margin:0; overflow:hidden; padding:0; width:960px}
#adoHeader img {border:none; float:left; margin-left:24px; margin-top:4px; height:56px; width:208px}
#adoHeader ul {float:right; margin:4px 24px 4px 0; padding:0; position:relative}
#adoHeader li {background:#000; float:right; font-size:13px/* pixels is for IE (.81em) */;
	list-style:none; position:relative}
#adoHeader form {/* IE6 Fix */border:none; font-size:100%; margin:0 8px 0 0; padding:0}
#adoHeader a {background:#000; margin:0 2px; padding:2px 5px; color:#c2c2c2}
#adoHeader a:hover {color:#ffcb05}
#adoHeader a:active, #adoHeader a.selected {color:#ffcb05}
/* Content 1  - - - - - */
#ado1Content {background:#f7f7f7; height:512px; margin:0; overflow:hidden; padding:0; position:relative; width:960px}
/* jQuery Photo Show - - */
#photoShow {height:368px; position:relative; width:960px}
#photoShow div {position:absolute; z-index:0}
#photoShow div.mmHide_previous {z-index:1}
#photoShow div.mmHide_current {z-index:2}
/* Link Group - - - - - */
#adoLinkGroup {height:156px; margin-left:24px; overflow:hidden; position:absolute; top:408px; width:928px; z-index:10}
#adoLinkGroup .adoHomeLink {background:url(/web/20161027051555oe_/http://www.armydiversity.army.mil/image/adoBackgroundHomeLink.png) no-repeat center top; float:left; height:156px; width:228px}
#adoLinkGroup .adoHomeLink span {background:transparent; display:block; font-size:14px/* pixels are for IE (.87em) */;height:20px; margin:0 4px; padding:8px 0; text-align:center; font-weight:bold; cursor:pointer;}
#adoLinkGroup .adoHomeLink img {border:none; height:116px; margin-left:4px; width:220px}
/* Video  - - - - - - - */
#adoVideo {background:#f7f7f7; color:#3d3d3d; height:100px; position:relative; width:960px}
#adoVideo img {border:none; display:block; float:left; height:64px; width:64px; margin:4px 12px 0px 24px}
#adoVideoDescription {float:left; padding:4px; width:448px}
#adoVideoDescription h1 {font-size:.75em; font-weight:bold; margin:0}
#adoVideoDescription p {font-size:.75em; margin:.5em 0}
/* Content 2  - - - - - */
#ado2Content {background:#e5e5e5 url(/web/20161027051555oe_/http://www.armydiversity.army.mil/image/adoBackgroundContent.jpg); width:960px}
#adoContentLeft {background:url(/web/20161027051555oe_/http://www.armydiversity.army.mil/image/adoBackgroundContentLeft.jpg) repeat-y left top; width:960px}
#adoContentLeft img {float:left; height:552px; width:324px}
#adoContentRight {display:block; float:left; margin-left:8px; margin-bottom:16px; width:600px}
#adoContentRight h1 {background:url(/web/20161027051555oe_/http://www.armydiversity.army.mil/image/adoBackgroundHeading1.png); color:#ffcb1f; font-size:1em; margin-top:32px; padding:2px 48px 2px 64px; width:488px}
#adoContentRight h2 {color:#3d3d3d; font-size:1.3em; margin-left:32px}
#adoContentRight h3, #adoContentRight h4, #adoContentRight h5, #adoContentRight h6 {font-size:1em; padding:2px 48px 2px 64px}
#adoContentRight p, #adoContentRight li {font-size:.93em; line-height:1.3em; margin-bottom:.5em; margin-left:76px}
/* Photo Group  - - - - */
#adoPhotoScroll {height:208px; margin-top:8px; overflow:auto; padding:0; position:relative; width:601px}
#adoPhotoGroup {height:184px; margin:0; overflow:hidden}
#adoPhotoScroll button {height:178px; margin:2px; padding:3px; width:112px}
#adoPhotoGroup img {float:none; height:160px; margin:auto; width:96px}
/* Diversity Goal - - - */
#adoContentRight p.adoGoal {font-weight:bold}
/* Diversity Messages - */
#adoDiversityMessages {width:600px}
#adoDiversityMessages img {float:right; height:284px; margin:16px 0 16px 16px; width:220px}
#adoContentRight p.adoQuestion {font-weight:bold}
/* Footer - - - - - - - */
#adoFooter {color:#222; font-size:.75em; padding:8px 0; width:960px}