/* CSS 2.0 stylesheet for www.wiesbaden.army.mil */
/* default.css */
/* Aaron Rothschild, Nov.2004 */
/* Version 1.0 */

/* helpful to know:
   "For CSS style sheets, the base URI is that of the style sheet, not that of the source document."
   Source: http://www.w3.org/TR/REC-CSS2/syndata.html#uri
*/


/* General Tags */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.3em;
}
body#g {
	margin-right: 1em;
}
/* H1 for the page title */
h1 {
	font-size: 1.8em;
	font-weight: normal;
	font-family: "Myriad Web Pro";
	color: #303030; /* teal */
	width: 90%;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	line-height: 1.7em;
}
#g h1         {
	width: 80%;
	position: relative;
	top: -0.3em;
}
#contents_main h1 {
	padding-top: 2em;
}
h2 {
	font-size: 1.75em;
	font-weight: normal;
	line space:
	line-height:
	margin: 2em 0 0 0;
	font-family: Arial, sans-serif ;
	color: #303030;
}
h2.nextToPicture {
	font-size: 1em;
	font-weight: normal;
	font-family: Georgia, serif;
	margin: 0em 0 0 0;
	clear: none;
}
p {
	margin: 0.5em 0em 1em 0em;
}
h1 + p {
	margin-top: 1em;
}
/* a small spacing between header and first paragraph */
h2 + p {
	margin-top: 0.5em;
}
h2.no_p_following {
	margin-bottom: 1em;
}
h3 {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin: 1.5em 0em 0em 0em;
	color: #303030;
}
h3.inline-h {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-right: 1em;
	color: #303030;
	/*font-weight: bold;*/
	/* letter-spacing: normal;*/
}
table {
	font-size: 1em;
	line-height: 1.3em;
	
	margin: 0.5em 0 0 0;
}
/* table header has a (broken) underlining */
th {
	border-bottom: 2px solid #12301E;
	background-color: #C5C4BE; /* (was)IMA yellow */
}
table20 {
	font-size: 1em;
	line-height: 1.3em;
	border-top: 2px solid #051d3f;
	border-bottom: 2px solid #051d3f;
	margin: 0.5em 0 0 0;
}


}
table8 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0.5em 0 0 0;
}

tr {
	vertical-align: top;
	text-align: left;
}
td {
	padding: 0.1em 0.3em 0.1em 0.3em;
}
.CenterArea li, #contents_main li {
	margin-bottom: 0.5em;
}
td .cell_title {
	font-weight: bold;
}
/* for the table cell itself, usually to add highlighting to rows in the center of a table */
td.row_title {
	padding: 0em;
	margin: 0em;
	background-color: #FBEFB1;
}
/* for spans inside the table cell, usually to add highlighting to rows in the center of a table */
td .row_title {
	font-weight: bold;
	display: block;
	background-color: #FBEFB1; /* IMA yellow */
}
td .first_col {
	font-weight: bold;
	display: block;
}
/* for table columns (tc) with prices */
td .price {
	text-align: right;
	display: block;
}
blockquote {
	border-left: 5px solid #CCC;
	padding-left: 2em;
	margin: 1em 0em;
}
blockquote .author {
	text-align: right;
	font-style: italic;
}
address {
	margin: 1em 0em 1em 0.5em;
	padding-left: 2.0em;
	background: url('../images/symbol_address.gif') no-repeat 0px 2px;
	font-style: normal;
}
author {
	font-style: italic;
}




/* CSS filter for IE5.5-IE6 so that PNG files are handled using pngbehavior.htc and blank.gif */
/* 041122ar not yet finished 
html.* img  {
	behavior: url(../../js/pngbehavior.htc);
}
*/
/*
The recent release of the Windows XP SP2 update has created a new issue - the HTC behavior file is only recognized by Internet Explorer when it is served with the MIME type "text/x-component". You will need to ensure your web site server is correctly configured to do so. For example, if you're using Apache as your web server and can create a ".htaccess" file, then add the following to it:
    AddType text/x-component .htc
*/
/* to reduce uneven spacing between lines due to use of superscripts (e.g. 221st) */
sup {
	line-height: 0;
}

/* Link Colors */
a:normal {
	color: blue;
}
a:link, a:visited {
	color: #303030;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #56A1BC;
	text-decoration: underline;
	background-image: none;
}
a img {
	border: none;
}
ul {
	list-style-type: disc; /* fall back if image not usable */
	list-style-image: url('../images/symbol_disc.gif');
	margin-top: 0.5em;
}
/* second order unordered lists will have extra space at top */
ol ul {
	margin-top: 0.5em;
}



/* Content area set off from the browser margins */
#content_area {
	margin: 1em 2em 2em;
	padding: 0px 0px 2em 0px;
	/* 041120ar: Aufhebung der Fixen Breite width: 738px; */ /* 041120ar: was: 768px */
	background-color: #FFF;
}
/* the browser area is divided into four areas: header, contents, sidebar, footer*/
#contents{
	margin: 0em 176px 0px 0em;
	background-color: #FFF;
}
/* cf. cm_first for padding and rounded corners at the top of the sidebar */
#c #sidebar {
	width: 176px;
	margin: 0;
	padding: 0;
	background-color: #717870;
	/*
	041206ar problems with left margin of content_area disappearing
	float: right;
	position: relative;
	top: -3.95em;
	*/
	position: absolute;
	top: 62px;
	right: 21px;
}
#g #sidebar {
	width: 168px;
	margin: 0;
	padding: 0;
	background-color: #303030;
	position: absolute; 
	top: 200px; 
	left: 0px;
}
/* CSS filter for IE5.5-IE6 */
/* 041206ar 
html.* #c #sidebar {
	top: -4.3em;
}
*/
#footer {
	padding-top: 1em;
	clear: both;
	text-align: center;
	/* 041206ar background: #b7d1c1 url(../images/background_corner_bl.png) no-repeat bottom left;*/
}


/* the header area consists of crests and text lines */
#header_crest1 {
	border: 0;
	padding: 1.5em 2em 1.5em 2em;
	float: left;
}
#header_textlines {
	position: absolute;
	left: 133px;
	top: 20px;
}
#header_textline1, #header_textline2 {
	font-family: myriad pro;
	font-size: 2.0em;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	color: #FCFCFC; /*yellow*/
}
#header_textline3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	margin-top: 0.2em;
	color: #FFF;
}
#header_crest2 {
	border: 0px none;
	padding: 1.5em;
	position: relative;
	top: -4.5em;
	left: 36em
}




/* the sidebar has content modules (short: "cm") */
#sidebar form {
	margin: 0;
	padding: 0;
}
#sidebar #search_form input {
	font-size: 0.8em;
	margin-bottom: 0.4em;
}
#sidebar select {
	margin: 0em 0 0.5em 0;
	font-size: 0.9em;
}
#sidebar ul#relatedLinks {
	background-color: #FCFCFC;
	padding: 2px 10px 2px 10px;
	margin: 0;
	border-top: 1px solid #fff;
	list-style-type: none;
}
#sidebar ul#relatedLinks li {
	margin: 0em 0em 0.5em 0em;
}
.sidebar_group {
	/* 041207ar changed: no more Cinderella */
	/*padding: 0px;*/ /* this needs to be 0 */
	/*border: 0px;*/ /* this needs to be 0 */
	
	width: 168px; 
}
.cm {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
	color: #000;
}
.cm_first {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
	color: #000;
}
/* CSS filter for IE6 */
@media all {
	* html b\ody .cm , * html b\ody .cm_first {
		margin-bottom: -0.1em;
		border-bottom: 1px solid white;
  	}
}
.cm_last {
	height: 1em;
	border-top: 1px solid white;
}
.cm_contents#font-family {
	padding: 0 0.5em 0.2em 1em;
}
.cm_title {
	color: #D2D2D2;
	background-color: #303030;
	padding: 0.2em 0em 0.1em 0em;
}
.sidebar_spacer_vertical {
	padding: 0;
	height: 1em;
	background-color: #fff;
	/* border and margin-right together cover the sidebar border in the #g template */
	border: 1px solid #fff;
	margin-right: -1px;
}









/* the main contents area has an almost empty left column and the main text area */
#contents_left {
	float: left;
	width: 105px;
}
#contents_main {
	margin-left: 105px;
	padding-right: 1em;
	background-color: #fff;
}




/* the main text area has breacrumbs, header and text */
#contents_main #Breadcrumbs {
  top: 114px; 
  left: 130px; 
  height: 24px;
  position: absolute; 
}
#breadcrumbs_prefix {
	margin-top: 0.5em;
	color: #717870;
}
/* "overwrite" link style for breadcrumbs from main.css 
   with link styles from this stylesheet using the
   selector #contents_main */
#font-family .Breadcrumbs a:link, #contents_main .Breadcrumbs a:visited {
	color: #717870;
	text-decoration: none;
}
#contents_main .Breadcrumbs a:active {
	color: #717870;
	text-decoration: underline;
	background-image: none;
}
#contents_main .Breadcrumbs a:hover {
	color: #717870;
	text-decoration: underline;
	background-image: none;
}        



/* miscellaneous text attributes */
.toTop a img {
	border: 0px none;
	margin: -1em 0 0 -5em;
	float: left;
}
.clear {
	clear: left; /* to allow margin notes to float in the left margin */
}



/* footer has the following parts */
#footer #endOfPage {
	margin: 0;
	padding: 0;
	background: #FCFCFC;
}
#footer #copyrightAndLastUpdate {
	color: #717870;
	background: #FCFCFC;
	font-size: 0.9em;
	padding: 0.2em 0 0.2em 0;
}
#linklist {
	margin: 1em 0 0.5em 0;
}



/* Main Navigation */
ul#mainNavi {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #9FAEAB;
}
#g ul#mainNavi {
	background-color: #868F85; /*was 717870*/
}
/* Main Sections */
ul#mainNavi li {
	margin: 0 0 0em 0;
	padding: 0;
}
#g ul#mainNavi li a:link {
	border-right: 1px solid #fff;
}
#g ul#mainNavi li a:visited {
	border-right: 1px solid #fff;
}
ul#mainNavi li a:link {
	color: #303030;
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border-top: 1px solid #FFF;
}
ul#mainNavi li a:visited {
	color: #303030;
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border-top: 1px solid #FFF;
}
ul#mainNavi li a:hover {
	color: #303030;
	background-color: #FFF;
}
/* Subsections */
ul#mainNavi li ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #000;
	background-color: #C5C4BE;
}	
#g ul#mainNavi li ul {
	background-color: #D2D2D2;
	width: 167px;
	border: none;
}
ul#mainNavi li ul li {
	margin: 0;
	padding: 0;
	width: 147px;
	border: none;
}
ul#mainNavi li ul li a:link {
	font-size: 1em;
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	margin: 0;
	border-bottom: none;
	border-right: none;
	width: 157px;
}
#g ul#mainNavi li ul li a:link {
	width: 147px; /* width: 152px;*/  /* <<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
ul#mainNavi li ul li a:visited {
	font-size: 1em;
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border-bottom: none;
	border-right: none;
	width: 157px;
}
#g ul#mainNavi li ul li a:visited {
	width: 147px; /* width: 152px;*/  /* <<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
ul#mainNavi li ul li a:hover {
	width: 147px;
	border-right: none;
}

/* CSS filter for Opera7  */
html:first-child>b\ody ul#mainNavi li ul li a:link {
	width: 168px; 
}
html:first-child>b\ody ul#mainNavi li ul li a:visited {
	width: 168px; 
}
html:first-child>b\ody ul#mainNavi li ul li a:hover {
	width: 148px; 
}

/* style for li for "unit/tenants": quick fix to avoid strange IE behaviour for menu items without submenus
/* CSS filter for IE5.5-IE6  */
html.* ul#mainNavi li.noSubmenus {
	border-bottom: 1px solid white;
}

/* highlighting the menu entry of the currently selected subsection */
.currentSubmenuItem {
	font-weight: bold;
}





/* news */
#sidebar .news {
	color: #000;
	background-color: #C5C4BE;
	display: block;
	padding: 0.2em 1em 0.2em 1em;
	margin: 0;
	border-top: 1px solid white;
}
#sidebar .news .header {
	font-style: italic;
	letter-spacing: 0.1em;
	padding-right: 0.5em;
}
#sidebar .news .teaser {
}




/* homepage */
#homepage_contents {
	/*border: 1px dashed lime;*/
	margin-top: 1em;
	min-width: 39em;
}
#g #homepage_contents {
	margin-top: 0em;
}
#homepage_pictures {
	/*border: 1px dashed red;*/
	float: left;
	width: 37em;
	margin-bottom: -1em; /* to neutralize the 1em from the selector #homepage_pictures img */
}
/* CSS filter for Mozilla where the margin-bottom=-1em is just too small a margin */
*:not(hr) #homepage_pictures { 
	margin-bottom: 1em;
}
#homepage_text {
	/*border: 1px dashed blue;*/
	margin: 0 0em 0em 40em;
	padding: 0 1em 0 1em;
	background: #D2D2D2; 
}
#homepage_pictures img{
	margin-bottom: 1em;
	width: 37em;
}
#homepage_contents .story {
	margin: 1em 0 0em 0;
}
#homepage_text .headline, #homepage_logos .headline {
	font-family: Georgia, serif;
	font-size: 3em;
	margin-right: -0.85em; /* to push the corner graphic to the right edge of the homepage_text div */
	background: #C5C5BE;
}
.headline div{
	background: #303030;
	margin-right: 1em;
	padding: 0.3em 0 0.4em 0;
	color: white;
}
/* CSS filter for IE5.5-IE6  */
html.* .headline div  {
	padding: 0.3em 0 0.4em 0;
}
.headline9 div{
	background: #303030;
	margin-right: 2em;
	padding: 0.3em 0 0.4em 0;
	color: white;

}
.headline20 div{
	background: 
	margin-right: 2em;
	padding: 0.3em 0 0.4em 0;
	color: white;
}
/* CSS filter for IE5.5-IE6  */
html.* .headline9 div  {
	padding: 0.3em 0 0.4em 0;
}
#homepage_text .headline9, #homepage_logos .headline9 {
	font-family: Georgia, serif;
	font-size: 1.1em;
	margin-right: -0.85em; /* to push the corner graphic to the right edge of the homepage_text div */
	background: #D2D2D2;
}
html.* #homepage_logos .headline div {
	padding: 0.2em 0 0.5em 0;
}
/* CSS filter for Opera7  */
html:first-child>b\ody .headline div {
	padding: 0.3em 0 0.5em 0;
}
#homepage_contents .title {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #303030;
	padding-right: 0.5em;
}
#homepage_contents .teaser {
font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1.3em;
}
#endofstories div div {
	background: #afeeee;
	margin: 0 0.55em 0 -0.55em;
}
#endofstories div {
	background: #afeeee;
	margin: 0 -0.45em 0 1.1em;
}
#endofstories {
	background: #afeeee;
	margin: 0 -0.55em 0 -1em;
}



/* news */
#contents_main .news, div.GarrisonContentArea .news {
	clear: left; /* to overcome float problems with multicolumn above news */
}
/* CSS filter for IE5.5-IE6  */
html.* div.GarrisonContentArea .news {
	width: 88%; /* helps IE to not overflow into the right edge */
}
#contents_main .news .story, div.GarrisonContentArea .news .story {
	margin: 0em 2em 1em 0em;
	width: 42%; /* a larger value causes 800x600 windows to have one column only rather than two */
	float: left;
}
#contents_main .news .headline, div.GarrisonContentArea .news .headline {
	/*border: 1px dotted red;*/
	display: inline;
	font-size: 1.2em;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #717870;
	padding-right: 0.5em;
}
#contents_main .news .conttext, div.GarrisonContentArea .news .conttext {
	/*border: 1px dotted lime;*/
	display: inline;
}
#contents_main .news .newspic, div.GarrisonContentArea .news .newspic {
	width: 100%;
	margin-bottom: 1em;
}



/* phonebook */
.phonenumbers {
}
.phonenumbers .office {
	width: 53%;
}
.phonenumbers .dsn {
	width: 20%;
}
.phonenumbers .civilian {
	width: 27%;
}
.phonenumbers .off {
	width: 13em; /* if there is more text, this column will automatically grow */
}
.phonenumbers .civ {
	width: 12em;
}
.phonenumbers .mil {
	width: 12em;
}



/* margin notes */
.margin_note {
	float: left;
	border-width: 0;
	padding: 0;
	position: relative;
	left: -170px;
	top: -1.5em;
	width: 150px;
	text-align: right;
}
.margin_note img {
	display: inline;
}
.totop {
	margin-top: -3em;
	width: 4em;
	position: relative;
	top: 5em;
}
.important {
	height: 4em;
	position: relative;
	top: 4.5em;
	margin-top: -3em;
}
/* CSS filter for Opera7  */
html:first-child>b\ody .important {
	top: 5.5em;
}
.margin_note a {
	border: none;
}



img.pic_tl {
	float: left;
	width: 50%;
	margin: 0 1em 1em 0em;
}
.pic_l {
	float: left;
	margin: 0 1em 0em 0em;
}
.pic_matrix {
	float: left;
	margin: 1em;
}
img.tr {
	float: right;
	margin: 1em 0 1em 1em;
}
.pic_caption {
	border-bottom: 1px solid #BFBFBF;
	margin: 0em 0em 0.3em 0em;
	padding: 0.3em 0em;
	font-size: 0.8em;
	line-height: 1.2em;
	/*letter-spacing: -0.05em;*/
}
.right {
	float: right;
}
ul.linklist {
	list-style-type: disc; /* fall back if image not usable */
	list-style-image: url('../images/symbol_downArrow.gif');
	text-indent: 0em
}
ul.linklist_internal {
	list-style-type: disc; /* fall back if image not usable */
	list-style-image: url('../images/symbol_rightArrow.gif');
	text-indent: 0em}
ul.linklist li {
	margin-bottom: 0.25em;
}
ul.multicolumn, ul.multicolumn20 {
	margin: 0.5em 2em 0.5em 2em;
	padding: 0em;
}
ul.multicolumn li {
	width: 30em;
	padding: 0;
	margin: 0em 3em 0.5em 0em;
	float: left;
}
ul.multicolumn20 li {
	width: 20em;
	padding: 0;
	margin: 0em 2em 0.5em 0em;
	float: left;
}
ul.multicolumn15 li {
	width: 15em;
	padding: 0;
	margin: 0em 1em 0.5em 0em;
	float: left;
}

ul.multicolumn14 li {
	width: 25em;
	padding: 0px;
	margin: 2px 30px 0px 5px;
	float: left;
}
/* CSS filter for IE5.5-IE6 */
/* IE6 doesn't display the list discs ("bullets") when then list items are floated;
   this is be fixed by adding a background picture to each list item */
html.* ul.multicolumn li, html.* ul.multicolumn20 li,  html.* ul.multicolumn15 li {
	padding-left: 15px;
	margin-left: -10px;
	background: url('../images/symbol_disc.gif') no-repeat 0px 6px;
}
/* for lists where no bullets are needed */
ul.no_bullets {
	margin: 2em 0em;
	padding: 0em;
	list-style-type: none;
	list-style-image: none;
	text-indent: 0em
}



span.phone {
	margin-left: 0em;
	padding-left: 0.9em;
	background: url('../images/symbol_phone.gif') no-repeat;
	word-break: keep-all
}
span.fax {
	margin-left: 0em;
	padding-left: 1.8em;
	background: url('../images/symbol_fax.gif') no-repeat;
	word-break: keep-all
}
span.time {
	margin-left: 0em;
	padding-left: 1.3em;
	background: url('../images/symbol_time.gif') no-repeat 0px 2px;
	word-break: keep-all
}
div.address {
	margin: 1em 0em 1em 0.5em;
	padding-left: 2.0em;
	background: url('../images/symbol_address.gif') no-repeat 0px 2px;
}
div.hours {
	margin: 1em 0em 1em 0.5em;
	padding-left: 2.0em;
	background: url('../images/symbol_time.gif') no-repeat 0px 2px;
}
/* important2 looks good only with two or more text lines (not one) */
.important2 {
	vertical-align: top;
}
.important2 img {
	display: inline;
	float: left;
}
.important2 .story {
	margin-left: 2.5em;
}



/* homepage logos */
div#homepage_logos {
	padding: 0px; /* this needs to be 0 */
	border: 0px none; /* this needs to be 0 */
	margin: 1em 0em;
	width: 99%; /* to avoid the div to flow over the right edge of contents_main */
}
/* CSS filter for IE5.5-IE6 */
html.* div#homepage_logos  {
	/*margin-right: 139px;*/
}
#homepage_logos .content {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #831716;
	border-bottom: 1px solid #831716;
	border-left: 1px solid #831716;
	border-right: 1px solid #831716;
	background-color: #FFF;
	color: #000;
}
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
	border-top: 1px solid #FFF;
}
/* contains the bottom round corners /*
.bottomCorners {
	border: none;
}
.not_first_group .roundedCornerSpacer {
	border-top: none;
}
/*
#g .first_group {
	position: absolute; 
	top: 200px; 
	left: 0px;
}
*/
/* CSS filter for IE5.5-IE6 */
html.* #c #sidebar .first_group .roundedCornerSpacer {
	border-top: 1px solid #FFF;
}
/* CSS filter for Opera7  */
html:first-child>b\ody #c .first_group .roundedCornerSpacer {
	border-top: none;
}

.borderTL, .borderTR, .borderBL, .borderBR {
	width: 7px; height: 7px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { 
	float: left;  
	clear: both; 
}
.borderTR, .borderBR { 
	float: right;
	clear: right;
}
.borderTL {
	margin:  -1px  0px  0px -1px;
}
.borderTR { 
	margin:  -1px -1px  0px  0px; 
}
.borderBL { 
	margin: -7px  0px  0px  0px; 
}
.borderBR { 
	margin: -7px  0px  0px  0px;
}
/* CSS filter for IE5.5-IE6 */
html.* .borderTL  {
	margin-left: -4px;
	margin-top: -2px;
}
html.* .borderTR  {
	margin-right: -4px;
	margin-top: -2px;
}
html.* .borderBL  {
	margin-left: -3px;
	margin-top: -7px;
}
html.* .borderBR  {
	margin-right: -3px;
	margin-top: -7px;
}
/* CSS filter for Opera7  */
html:first-child>b\ody .borderTR {
	margin: -1px -1px 0px -1px;
}
html:first-child>b\ody .borderBL {
	margin: -7px  0px  0px  0px; 
}
html:first-child>b\ody .borderBR {
	margin: -7px 0px 0px 0px;
}

/* corrections for certain cases */
#sidebar .borderTL {
	margin: 0;
}
/* CSS filter for IE5.5-IE6 and sidebar */
html.* #sidebar .borderTL  {
	margin: 0 0 0 -3px;
}
html.* #sidebar .borderBR  {
	margin: -7px 0px 0 0px;
}
/* CSS filter for IE6 */
/* for garrison only, but #g causes IE6 to not apply the style */
@media All{
	* html b\ody #sidebar .borderTR {
		margin: 0 -1px 0 0px;
	}
}
/* CSS filter for IE5.5 */
html.*  #sidebar .borderTR  {
	content:"\"; 
	margin: 0px -3px 0px 0px;
}
html.*  #sidebar .borderBR  {
	content:"\"; 
	margin: -7px -3px 0 0px;
}
/* CSS filter for Mozilla */
*:not(hr) #g #sidebar .first_group .borderTR {
	margin: 0px 0px 0px 0px;
}
*:not(hr) #g #sidebar .not_first_group .borderTR {
	margin: 0px 0px 0px 0px;
}
*:not(hr) #g #sidebar .borderBR {
	margin: -7px 0px 0px 0px;
}
*:not(hr) #footer .borderBL { 
	margin-top: -6px;
}
*:not(hr) #footer .borderBR { 
	margin-top: -6px;
	margin-right: 1px;
}





#logo_container {
	/*padding: 0.5em;*/
}
#homepage_logos .logo {
	/*border: 1px dotted #ccc;*/
	padding: 0.5em 0 0.5em 0;
	width: 18.5em;
	height: 4.1em; /* enough space for 42px-height logos and 0.5em padding at top and bottom */
	float: left;
}
/* CSS filter for IE5.5-IE6 */
html.* #homepage_logos .logo  {
	padding: 0.5em 0 0em 0;
	height: 5.1em; 
}
#homepage_logos .logo .picture {
	/*border: 1px dashed red;*/
	width: 7.5em;
	margin: 0em 0em 0em 0em;
	text-align: center;
	float: left;
}
.logo .description {
	/*border: 1px dashed lime;*/
	vertical-align: top;
	margin-left: 8em;
}
.logo .annotation {
	margin: 0;
	font-family: Georgia, serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	display: inline;
}
.logo .logo_title {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
	font-weight: bold;
	display: inline;
}





#stylePickerP {
	clear: both; /* to move stylepicker below logos on homepage */
	text-align: center;
	margin: 2em 0em 1.5em 0em;
}
/* CSS filter for Mozilla */
/* on homepage (garrison style) extra space between logos and stylepicker */
*:not(hr) .CenterArea #stylePickerP { 
	padding-top: 1.5em;
}
#stylePicker {
	border: 1px solid #CCC;
	padding: 0.5em 2em 0.5em 2em;
	text-align: center;
	display: inline;
	width: auto;
}
/* CSS filter for Opera7  */
html:first-child>b\ody #stylePicker {
	padding: 0.5em 1em 0.5em 1em;
}
/* extension to main.css to move footer to bottom of page
   (on homepage in particular) */
.Footer {
	clear: both;
}
/* extension to main.css to overwrite branding styles */
.ima {
	top: 6px;
    font-size: 1.3em;
    font-family: Verdana, Arial, Helvetica, san-serif;
}
#ima2 {
	margin-top: 2px;
}
#ima3 {
	margin-top: 3px;
	line-height: 1.2em;
}
#region {
	margin-top: 2px;
}
.ima a:link, .ima a:visited, .ima a:hover, .ima a:focus, .ima a:active  {
	color: #060;
	text-decoration: none;
}
.banner {
	min-width: 1000px;
	width:1250px;
}
/* CSS filter for IE5.5-IE6  */
html.* .banner {
	width:expression(document.body.clientWidth < 1000? "1000px": "100%" );
}
.banner_middle {
	background: url('../img/masthead_middle.png') no-repeat top;
	width: 21px
	height: 180px;
}
.banner_left {
	background: url('../img/masthead_left.png') no-repeat top left;
	height: 180px;
	width: 625px;
}
.banner_right {
	background: url('../img/masthead_right.png') no-repeat top right;
	
	height: 180px;
}
/* style for the branding, more detailed styles are named header_textline1 etc. */
#base {
    position: relative;
	top: 8px;
	left: -20px;
	font-size: 1em;
}
#g .CenterArea {
	/* 041204ar the following lines worked fine in the beginning
	 but caused the peek-a-boo IE bug later. To fix the bug,
	 absolute positioning was used instead.
	*/
	
	position: absolute;
	left:180px;
	top: 199px;
	width: auto;
	height: auto;
	margin-right: 1em;
}
#g #GarrisonContentArea {
	margin-bottom: 2em;
}


/* command policy */
.cp {
}
.signature {
	text-align: right;
	margin-right: 10em;
}
/* The numbered list that the cp consists of */
.cp ol.top_level_list {
	clear: left;
}
.cp ol {
	list-style-type: decimal;
}

.cp ol ol { 
	list-style-type: lower-alpha;
}
.cp ol ol ol {
	list-style-type: decimal;
}
.cp ol ol ol ol {
	list-style-type: lower-latin;
}
.cp .header, .header_with_logo .header {
	margin: 0em 0em 3em 0em;
	vertical-align: 50%;
}
.cp .header p, .header_with_logo .header p {
	margin: 0em 0em 1em 0em;
}
.cp .header h1, .header_with_logo .header h1 {
	margin-top: 1.5em;
	display: inline;
}
.cp #pic_left_of_h1 {
	float: left;
	margin: 0em 1em 1em 0em;
	height: 10em;
}
.header_with_logo #pic_left_of_h1 {
	float: left;
	margin: 0em 1em 1em 0em;
}
.cp .enclosure {
	margin-top: 2em;
	border-top: 5px solid #DDD;
	padding-top: 2em;
}

/* list of enclosures */
.cp .enclosure ul {
	list-style-type: none;
	padding-left: 0;
}
.cp ol ol ol ol ol {
	list-style-type: lower-roman;
}





span.pdf {
	margin-left: 0.5em;
	padding-left: 2.0em;
	background: url('../images/symbol_pdf.gif') no-repeat 0px 0px;
	word-break: keep-all;
	line-height: 1.5em;
	padding-top: 2px; /* for the top two pixels of the pdf symbol */
	padding-bottom: 1px; /* for the bottom line (one pixel high) of the pdf symbol */
}

.xlink {
	padding-right: 2em;
	background: url('../images/symbol_xlink.gif') no-repeat 100% 0%;
}



/* two column layout */
.left_col {
	float: left;
	width: 48%;
}
.right_col {
	margin-left: 50%;
	width: 48%;
}
/* CSS filter for IE5.5-IE6 */
html.* .left_col {
	float: left;
	width: 36%;
}
html.* .right_col {
	margin-left: 38%;
	width: 36%;
}
/* CSS filter for Mozilla */
*:not(hr) .mozilla_two_column_correction_1dot5 { 
	margin-top: -1.5em;
}
*:not(hr) .mozilla_two_column_correction_1 { 
	margin-top: -1em;
}




/* article author */
.author {
	margin-top: 0em;
	font-style: italic;
}
/* driving directions */
.driving_directions {
	/* nothing yet */
}
/* extra space above */
.spaceTop4 {
	margin-top: 4em;
}
.spaceTop2 {
	margin-top: 2em;
}
.spaceTop1 {
	margin-top: 1em;
}
.spaceTop0 {
	margin-top: 0em;
}
.spaceBottom1 {
	margin-bottom: 1em;
}
.spaceBottom2 {
	margin-bottom: 2em;
}
.spaceBottom0 {
	margin-bottom: 0em;
}
/* for text that needs highlighting, e.g. "Why volunteer? ..." */
.special_1 {
	border: 2px solid #67E196; /* light variant of IMA Garrison template green */
	color: #000;
	text-align: center;
	padding: 1em 1em;
}
.note {
	background-color: #BFBFBF;
	color: #000;
	text-align: left;
	padding: 1em 1em;
	display: block;
}
.note .header {
}
.mission {
	border: 2px solid #1B3012; /* DARK GREEN */
	color: #000;
	text-align: left;
	padding: 1em 1em;
}
.mission .header {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
.mission p {
	margin: 1.5em 0em 0em 0em;
}
.mission .header + p {
	margin-top: 0.5em;
}

td.center {
	text-align: center;
}

/* page header to contain picture and h1 */
.page_header {
}
.page_header h1 {
	display: inline;
}



.groupContainer { 
	width: 100%; 
	padding: 6px 0 6px 0; 
}
/* CSS filter for IE5.5-IE6  */
html.* .groupContainer {
	width: 90%;
}
.thumbnailFloatBox { 
	float: left; 
	width: 160px; height: 194px; 
	padding: 2px; margin: 2px; 
	border: 1px solid #ccc; 
	text-align: center;
	margin-right: 1em;
}
.thumbnailFloatBox div.thumbContainer { 
	display: block; 
	height: 148px; 
	width: 160px;
	padding-top: 4px;
}
.thumbnailFloatBox div.labelContainer { 
	padding-left: 4px; 
	padding-top: 4px;
	height: 30px; 
	margin-top: 4px;
	background-color: #FFF; 
}
.clearDivider { clear: both; }


/* slides (mostly of powerpoint origin */
.slide {
	clear: both;
}

/* phonebook */
.phonebook {
	text-align: center;
	line-height: 2.5em;
	margin-left: 0em;
}
.phonebook ul {
	list-style-item: none;
	padding-left: 0em;
}
.phonebook ul li {
	display: inline;
	margin-right: 0.5em;
	font-size: 1.25em;
	font-weight: bold;
}





/* sitemap */
td.sitemap_level1 {
	padding-left: 1.5em;
	font-size: 150%;
	line-height: 200%;
}
td.sitemap_level2 {
	padding-left: 2em;
}
td.sitemap_level3 {
	padding-left: 6em;
}




/* at the very bottom of the stylesheet */

/* CSS filter for IE4-5.5 */
@media tty {
	@import url(ie40-55.css);
}