@charset "utf-8";
/* CSS Document */

/* RESET CSS *****************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;} ol, ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;}



/* TYPOGRAPHY ***************************************************************************/
/* Global Typography **********/
body { 
/* Default Font Family */ font-family:Calibri,Arial,Helvetica,Verdana,Sans-Serif; 
/* Default Font Size   */	font-size:100%; /* Use 62.5% to set 1em to 10px. pxtoem.com */
/* Default Font Color  */	color:#3D3D3D; 
/* Default Font Weight */	font-weight:normal;
/* Default Line Height */	line-height:1.4;}
p {font-size:.9em;margin:0 0 1.5em 0;}
p.error {padding:10px;color:#93246F;border-top:3px solid #93246F;border-bottom:3px solid #93246F;background:red;}
em {font-style:italic;}
strong {font-weight:bold;color:#333;}
.iteminfo, .articleinfo {color:#777;font-size:0.75em;line-height:1;}
.createdate {display:block;}
.createdby {display:block;padding:0;}
.modifydate {display:block;padding:0;}
#main p ul {margin:-10px 0 20px 10px;padding:0 0 0 10px;}
#main p ul li {list-style:square; margin:0 0 5px 5px;padding:0;font-size:.9em}
#main p ol {list-style:decimal;margin-left:20px;font-size:.9em}
#main p ol li {padding:0 0 10px 0;}
#main ol {list-style:decimal;margin:0 0 10px 20px;font-weight:bold;}
#main ol ul {list-style:square;margin:0 0 10px 20px;font-weight:normal;}


ul.copy {margin:-10px 0 20px 0px;padding:0 0 0 -10px;}
ul.copy li {list-style:square; margin:0 0 5px 15px;padding:0;font-size:.9em;font-weight:normal;}
ol.copy {list-style:decimal;margin-left:20px;font-size:.9em}
ol.copy li {padding:0 0 10px 0;font-weight:normal;}



/* Link Typography ***************/
a:link, a:visited {color:#333;text-decoration:none;font-weight:bold;}
a:hover,a:active,a:focus {color:#666;text-decoration:underline;}
#bottom a:link, #bottom a:visited {color:#999;text-decoration:none;}
#bottom a:hover,#bottom a:active,#bottom a:focus {color:#555;text-decoration:underline;}
a img, a:visited img, a:hover img, h1 img, h1 img:hover,.buttonheading img {border:none;}
p.buttonheading {position:relative;display:block;text-align:right;}
a.returntotop:link, a.returntotop:visited {float:right;color:#999;text-decoration:none;}
a.returntotop:hover {text-decoration:underline;}

/* Heading Typography ************/
h1,h2,h3,h4,h5,h6 { 
/* Default Heading Font Family */	font-family:Calibri, Helvetica, Arial, sans-serif;
/* Default Heading Font Color  */	color:#222; 
/* Default Heading Font Weight */	font-weight:bold;}
h1,h1 a:link,h1 a:visited {font-size:2.5em;text-decoration:none;letter-spacing:-.025em;line-height:1em;}
h2,h2 a:link,h2 a:visited {font-size:1.8em;text-decoration:none;line-height:1em;margin:0 0 20px 0;}
h3,h3 a:link,h3 a:visited {font-size:1.5em;text-decoration:none;}
h4,h4 a:link,h4 a:visited {font-size:1.3em;text-decoration:none;font-weight:normal;color:#000;}
h5,h5 a:link,h5 a:visited {font-size:1.0em;text-decoration:none;}
h6,h6 a:link,h6 a:visited {font-size:0.7em;text-decoration:none;}
.componentheading {line-height:.8em;}
h4.bkgrnd-litegray {font-size:1em;background:#5B5B52;color:#EFF1E4;width:100%;height:1.3em;padding:0 0 0 5px;margin:0px;}
h4 a:link {font-size:1em;}
h1 em {font-size:.5em;font-style:italic;}

/* STRUCTURE & DESIGN *********************************************************************/
/* HTML/Body & Container *************/
* {margin:0;padding: 0;}
body {width:1000px;position:relative;margin:5px auto;padding:0px;text-align:center;background:#5b5b52;}
#container {float:left;position:relative;width:1000px;margin:0;padding:0;text-align:left;border:#222 1px solid;background:#eff1e4 url(../images/bkg_content.jpg) bottom right no-repeat;}

/* Header ********************/
#header {position:relative;float:left;display:block;width:100%;height:117px;margin:0;padding:0;z-index:9999;border-bottom:#5b5b52 1px solid;background:transparent url(../images/bkg_header2.jpg) top center no-repeat;}
#logo {position:relative;float:left;width:700px;margin:0;padding:0px 0 0px 0;z-index:0;}
#logo img {margin:10px 0 4px 10px;}

/* Content - General *******************/
#contentarea {margin:0;padding:0;overflow:hidden;z-index:1;}
#wrapper {margin:0;}
#main2 {float:left;padding:25px 20px 20px 20px;position:relative;min-height:520px;}
#main {position:relative;float:left;margin:0;padding:10px 10px 20px 10px;}
#slideshow {margin:0 0 15px 0;}
strong.question {font-style:italic;font-weight:bold;font-size:1.2em;}


/* Quickinfo ***************/
#quickinfo {display:block;position:relative;float:left;width:100%;margin:0;padding:0;font-size:.85em;line-height:1;}
#quickinfo h3 {color:#666;font-weight:bold;margin:0 0 10px 0;}
#quickinfo li.ucd_item {margin-bottom:20px;}
#quickinfo .ucd_item  {margin:0;}
#quickinfo .ucd_introtext {font-size:.85em;}
#quickinfo .ucd_date {width:25px;margin-right:5px;}
#quickinfo a.ucd_readon {display:block;position:relative;float:right;font-size:.8em;}
#quickinfo a:link, #quickinfo a:visited, #quicknews p a:link, #quicknews p a:visited {text-decoration:none;color:#333;font-weight:bold;}
#quickinfo a:hover, #quicknews p a:hover {text-decoration:underline;color:#333;}
#tabbox {display:block;position:relative;float:left;width:515px;height:224px;margin-right:20px;}
#tabbox ul li {list-style:none;margin-left:0;margin-bottom:0;}
#quickevents {display:block;position:relative;float:left;width:200px;height:200px;margin:25px 20px 0 0;}
#quicknews {display:block;position:relative;float:left;width:200px;height:200px;margin:25px 0 0 0;}
#quickevents p, #quicknews p {margin:0 0 10px 0; padding:0;}

/* Bottom ***************/
#bottom {position:relative;float:left;width:990px;padding:60px 0 5px 10px;font-size:.85em;color:#3D3D3D;}
#bottom h3 {color:#666;font-weight:normal;text-transform:uppercase;}
#bottomleft {display:block;position:relative;float:left;width:300px;height:40px;margin-right:20px;background: /* #c9cac2 */ #353432;border: /* #b5b6ae */ #000 1px solid;}
#bottomleft p {padding:8px 5px 0 5px;line-height:.75em;}
#bottomleft .bottomtitle {color:#eff1e4;}
#bottomleft p a:link, #bottomleft p a:visited, #bottomleft .bottomtitle a:link, #bottomleft .bottomtitle a:visited {font-weight:bold;font-style:italic; /* color:#242223; */color:#c6a20a;}
#bottomcenter {display:block;position:relative;float:left;width:220px;height:40px;margin:0 20px;}
#bottomright {display:block;position:relative;float:right;width:343px;height:40px;margin-right:0px;vertical-align:top;}
#bottomright p {margin:0;padding:2px 0 0 0;}
.bottomtitle {float:left; display:block;position:relative;color:#222;padding:5px 5px 0 5px;font-size:16px;text-align:right;font-weight:bold;line-height:1em;letter-spacing:-.08em;}
.servicelink {display:block;float:left;width:40px;height:40px;margin:0;padding:0;border:none}
.servicelink a {padding:0;margin:0;}
.dod {background:url(../images/icon_dod.gif) bottom center no-repeat;}
.dod:hover {background:url(../images/icon_dod.gif) bottom center no-repeat;}
.bta {background:url(../images/icon_bta.gif) bottom center no-repeat;}
.bta:hover {background:url(../images/icon_bta.gif) bottom center no-repeat;}
.usaf {background:url(../images/icon_usaf.gif) bottom center no-repeat;}
.usaf:hover {background:url(../images/icon_usaf.gif) bottom center no-repeat;}
.usmc {background:url(../images/icon_usmc.gif) bottom center no-repeat;}
.usmc:hover {background:url(../images/icon_usmc.gif) bottom center no-repeat;}
.usn {background:url(../images/icon_usn.gif) bottom center no-repeat;}
.usn:hover {background:url(../images/icon_usn.gif) bottom center no-repeat;}
.uscg {background:url(../images/icon_uscg.gif) bottom center no-repeat;}
.uscg:hover {background:url(../images/icon_uscg.gif) bottom center no-repeat;}


/* Footer ********************/
#footer {position:relative;float:left;clear:both;width:990px;height:45px;display:block;padding:0 0 0 10px;background:transparent url(../images/bkg_footer.jpg) bottom repeat-x;}
#footer a {color:#fff;}
#organizationalicons {float:left;display:block;width:350px;margin:0;text-align:left;}
.social_icons {display:block;float:left;width:20px;height:20px;margin:17px 4px 5px 4px;padding:0;border:none}
.army {width:30px;height:37px;margin:0 5px 5px 0;}
.ako {background:url(../images/icon_ako.jpg) top center no-repeat;width:50px;}
.ako:hover {background:url(../images/icon_ako.jpg) top center no-repeat;width:50px;}
.rss {background:url(../images/icon_rss.jpg) top center no-repeat;}
.rss:hover {background:url(../images/icon_rss.jpg) top center no-repeat;}
.facebook {background:url(../images/icon_facebook.jpg) top center no-repeat;}
.facebook:hover {background:url(../images/icon_facebook.jpg) top center no-repeat;}
.twitter {background:url(../images/icon_twitter.jpg) top center no-repeat;}
.twitter:hover {background:url(../images/icon_twitter.jpg) top center no-repeat;}
.flickr {background:url(../images/icon_flickr.jpg) top center no-repeat;}
.flickr:hover {background:url(../images/icon_flickr.jpg) top center no-repeat;}
.youtube {background:url(../images/icon_youtube.jpg) top center no-repeat;}
.youtube:hover {background:url(../images/icon_youtube.jpg) top center no-repeat;}
.vimeo {background:url(../images/icon_vimeo.jpg) top center no-repeat;}
.vimeo:hover {background:url(../images/icon_vimeo.jpg) top center no-repeat;}


/* NAVIGATION ***************************************************************************/
/* Navigation (Top Nav) ****************/
#navigation {position:relative;float:left;z-index:999;display:block;width:1000px;height:26px;;font-family:Calibri,Helvetica,Arial,sans-serif;font-size:.8em;font-weight:bold;color:#222;border-top:none;background:transparent;}


/* Navigation (Bottom Nav) ****************/
#menu-bottom {position:relative;float:right;height:35px;margin:11px 0;background:url(../images/bkg_footer_menu.jpg) bottom right no-repeat;}
#menu-bottom ul {list-style:none;margin:3px;padding:0;}
#menu-bottom li {float:left;display:inline;padding:0 10px;}
#menu-bottom a:link, #menu-bottom a:visited {display:block;padding:5px 0;font-family:Calibri,Helvetica,Arial,sans-serif;font-size:.8em;font-weight:normal;text-transform:uppercase;color:#FFF;text-decoration:none;}
#menu-bottom a:hover {color:#FFD21F;}
#menu-bottom #active_menu  {color:#FFD21F;}



/* EXTENSIONS *********************************************************************/
/* Information Bar ****************/

/* Breadcrumbs ***************/
* html #breadcrumbs {height:65px;}
#breadcrumbs {min-height:1em;margin:0 0 0 10px;padding-top:0;color:#999;text-align:left;font-size:.8em;font-style:italic;}
#breadcrumbs p {padding:0;display:inline;}
#breadcrumbs a {text-transform:none;}
#breadcrumbs a:link,#breadcrumbs a:visited {color:#999;text-decoration:none;}
#breadcrumbs span {padding:0 7px;color:#999;font-size:0.9em;}
#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {color:#666;text-decoration:none;}


/* News ***************************************************************************/
.storyimg {float:right;margin:0 0 10px 10px;padding:8px;width:204px;background:#DDDFD1;border:#d2d4c9 1px solid;font-family:Calibri, Helvetica, Arial, sans-serif;font-size:.7em;line-height:1em;}
.storyimg img, .portimg img {padding:1px;border:#5B5B52 1px solid;}
.storyimg strong {font-weight:bold; font-style:italic;font-size:.9em;margin-bottom:10px;}
.portimg {float:right;margin:0 0 10px 10px;padding:8px;background:#DDDFD1;border:#d2d4c9 1px solid;font-family:Calibri, Helvetica, Arial, sans-serif;font-size:.7em;line-height:1em;}
.keyconcept {float:right;position:relative;margin:0 -260px 10px 10px;padding:8px;width:204px;background:#DDDFD1;border:#d2d4c9 1px solid;font-family:Calibri, Helvetica, Arial, sans-serif;font-size:.8em;line-height:1em;}
div.keyconcept h6 {font-size:1.2em;color:#222;text-transform:uppercase;padding:1px 0 2px 18px;background:transparent url(../images/star.gif) top left no-repeat;}

/* MISCELLANEOUS ***************************************************************************/
input:focus {border:solid 1px;}
fieldset {border:0;}
.image_left {float:left;margin:0 10px 10px 0;border:solid 0 #ccc;}
.image_right {float:right;margin:0 0 10px 10px;border:solid 1px #ccc;}
.wrap_image {clear:left;}
.unsichtbar,.u2,.invisible,.unseen{position:absolute;display:inline;width:0px;height:0px;left:-3000px;top:-2000px;z-index:200;}
.wrap {float:none;clear:both;margin:0;padding:0;border:0;height:0;line-height:.5px;font-size:1px;visibility:hidden;}
.updated {font-size:.75em;font-style:italic;color:#9A9B95;margin-top:40px;}
.hidden {visibility:hidden;display:none;}:

/* Tables ****************/
#main table {width:100%;background:none;border:none;}
#main table caption {font-style:italic;font-weight:bold;text-align:left;font-size:.7em;font-weight:bold;}
#main table th {font-size:.65em;padding:2px 3px;vertical-align:top;line-height:.9em;text-transform:uppercase;}
#main table td {border:none;background:none;font-size:.7em;padding:3px 3px 5px 3px;vertical-align:top;line-height:.9em;}
#main table tr.table_heading {border:#D2D4C9 2px solid;border-bottom:1px;background:#DDDFD1;}
#main table tr.table_odd {border:#D2D4C9 1px solid;border-left:#D2D4C9 2px solid;border-right:#D2D4C9 2px solid;background:#FDFFEF;}
#main table tr.table_even {border:#D2D4C9 1px solid;border-left:#D2D4C9 2px solid;border-right:#D2D4C9 2px solid;background:#FFFEF5;}
#main table strong a:link {text-decoration:none;}

#main blockquote {line-height:1em;padding:0 20px 10px 20px;font-style:italic;}
#main p ul {margin:-10px 0 20px 10px;padding:0 0 0 10px;list-style:square;}
#main h5 + ul {margin-top:0px}
#main p ul li {list-style:square; margin:0 0 5px 5px;padding:0;font-size:.9em}
#main p ol {list-style:decimal;margin-left:20px;font-size:.9em}
#main p ol li {padding:0 0 10px 0;}
#main ol {list-style:decimal;margin:0 0 10px 20px;font-weight:bold;}
#main ol ul {list-style:square;margin:0 0 10px 20px;font-weight:normal;}

.txt-blue {color:#D5B941;}
.txt-green {color:#390;}

#sm-cpi-framework {display:none;}
#sm-cpi-enablers {display:none;}
#sm-cpi-tools {display:none;}
#sm-cpi-education {display:none;}