body { background: #fff url(../img/subpage-bg-fade.jpg) no-repeat; }

table#container { font-size: 1.0em; }

* html #header { position: relative; left: -10px; }
#header, #header h1 span { width: 237px; }
/*#header h1 span { top: 5px; background: url(../img/afscme-logo-subpage.jpg) no-repeat;}*/

#search { float: right; margin-top: -74px; margin-right: 12px; }
* html #search { margin-right: 6px; }
#search fieldset {border: none; padding: 3px 0 0 15px;}

.outer-constrainer { max-width: 975px; width:expression(document.body.clientWidth > 975? "975px": "auto" ); clear: left; }
table#container { width: 100%; }
table#container td#page-edge { vertical-align: top; padding-top: 44px; }

#navigation {padding: 46px 30px 0 0px; width: 212px; background-image:url(../img/bg_navigation_hack.gif);background-position:top left;background-repeat:repeat-x;vertical-align: top; }
#nav-others { width: 199px;}

#nav-site li.no-flyout { background: #005dab; padding-top:2px;background-image:url(../img/bg_bluenav_top.gif);background-position:top left;background-repeat:no-repeat; }
#nav-site li.no-flyout ul { background-color:#337dbb /*url(../img/nav-bg-bot-padded.gif) no-repeat top*/; width: 100% !important; position: static; display: block; border: 0; list-style: none; padding: 10px 0 6px 0; }
#nav-site li.no-flyout ul li { padding: 2px 0 5px 23px; background: url(../img/bullet-subnav.gif) no-repeat; background-position: 15px 6px; font-size: .9em; width: 176px; }
#nav-site li.no-flyout ul li a { background: none; color: #ffffff; border: 0; padding: 0; }
#nav-site li.no-flyout ul li a:hover, #nav-site li.no-flyout ul li.active a { color: #d21c29; }

#page-header { font: bold 2.0em/1.2em Arial, Helvetica, sans-serif; color: #fff; padding: 10px 0 12px 0; }

#center, 
#center-2col { vertical-align: top; padding-right: 20px; font-size: 1.2em !important;background-image:url(../img/bg_center2col.gif);background-position:top right;background-repeat:no-repeat; }
#center-2col p, 
#center-2col h1, 
#center-2col h2, 
#center-2col .inner-constrainer { max-width: 550px; width:expression(document.body.clientWidth > 800? "550px": "auto" ); }
#center-2col .AFSCMEcart {position:absolute;top:210px;left:220px;font-size: 8pt; color: #343434; font-weight: Bold; font-style: normal; text-decoration: none; vertical-align: middle; }
#center-2col .AFSCMEcart img {vertical-align:middle;}
#center h1, 
#center-2col h1 { font-size: 1.8em; font-weight: bold; clear: right; margin-bottom: 8px;  }
#center h2, 
#center-2col h2 { font-size: 1.3em; color: #1c7b1f; font-weight: bold; border-bottom: 1px solid #989898; margin: 10px 0 5px 0;  }
#center #breadcrumbs, 
#center-2col #breadcrumbs { font-size: 0.9em !important; margin: 0 0 15px 0; float: left; }
#center .page-intro, 
#center-2col .page-intro { font-size: 1.3em !important; margin: 0 0 15px 0; }
#center .page-intro-image, 
#center-2col .page-intro-image { float: right; border: 1px solid #666; margin: 0 5px 10px 8px; }
#center h2.home-header a, 
#center h2.home-header span { padding-left: 24px;}

/* #center h2.home-header span { background: url(../img/home-center-h2-nolink-end.jpg) top right no-repeat; } */

#center li.img-no-bullet, 
#center li.no-bullet { background: none; }
#center li.img-no-bullet img { float: left; }
* html #center li.img-no-bullet img { position: relative; left: -3px; }	/* fixes 3px of left margin stuck in by IE browsers */
#center li.img-no-bullet div { padding: 0 0 0 97px; margin: 0; }	/* assumes an 82-px-wide img, with 15px of space to the left of the text */
* html #center li.img-no-bullet div { margin-top: -15px; }	/* fixes 15px of top margin stuck in by IE browsers */
#center li.img-no-bullet span { clear: left; }
#center li { overflow: hidden; clear: left; margin-left: 0; }
#center-2col table.indiv-item-w-image { margin-bottom: 20px; width: 100%; }
#center-2col table.indiv-item-w-image td { vertical-align: top; font-size: 1em; }
* html #center-2col table.indiv-item-w-image td { font-size: .7em; }
#center-2col table.indiv-item-w-image td.image img { border: 1px solid #d0d0d0; margin-right: 15px; }
#center-2col table.indiv-item-w-image td p { width: auto; } /* w/o this, IE/PC tries to make P's inside a
			 						  	   	 			  	   table stretch out to max width, not taking into
			 						  	   	 			  	   account the width of the image to the left */

#center #page-tools { margin-top: 2em; border-top: 1px #ececec solid; text-align: right; }
#center #page-tools a { display: block; height: 27px; float: right; padding: 5px 10px 0 40px; text-decoration: none; }
#center #page-tools a.print { background: url(../img/icon-bg-print.gif) top left no-repeat; }
#center #page-tools a.email { background: url(../img/icon-bg-email.gif) top left no-repeat; }

#col3 {width: 210px; vertical-align: top; background: #fff; }

#col3-container { position: relative; top: -32px; background: url(../img/col3-bg-subpage.gif) top left no-repeat; padding-top: 4px;}

#action-box-subpage { width: 179px; background: #1a521c; color: #ffbe1d; margin-left: 4px; padding: 10px; border: 1px #d2aa11 solid; display: table;  }
* html #action-box-subpage { width: 199px; }
#action-box-subpage a img { display: block; margin-bottom: 10px; }
#action-box-subpage img.photo { float: left; margin-right: 4px; width: 50px; border: 2px solid #ecb51d; }
#action-box-subpage div { float: left; margin: 0; width: 121px; font-weight: bold; font-size: .9em; margin-bottom: 6px; }
#action-box-subpage fieldset { clear: left; }
#action-box-subpage input#petition-sign {width: 130px; height: 18px; border: 0; }
#action-box-subpage form { padding: 0; margin: 0; }
/* a vain attempt to deal with this weird IE bug.
* html #action-box-subpage form { pos\ition: relative; top: -10px; }
*/

#our-voices, #afscme-news, #promos, #livewire-subpage { border: 1px solid #eee; border-width: 0 1px 1px 1px; margin: 10px 0 0 4px; width: 179px; padding: 30px 10px 10px 10px; background-color: #f6f6f6; }
#our-voices { background: #f6f6f6 url(../img/our-voices-header.gif) top no-repeat; }
* html #our-voices, * html #afscme-news, * html #promos, * html #livewire-subpage { width: 201px; }
#our-voices h3 { color: #1c7b1f; font-size: 1em; margin-bottom: 10px; }
#our-voices .photo { float: right; border: 1px solid #a4a4a4; margin-left: 5px; }
#our-voices ul { margin:0 10px; padding:0; list-style: none; }
#our-voices li { padding: 0 0 0 10px; background: url(../img/bullet-our-voices.gif) no-repeat; background-position: 0 6px; }
#our-voices .rule { height: 0; font-size: 0px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #fff; width:179px; margin: 10px 0 10px 0; }
#our-voices h2, #get-news-box h2 { color: #1a5e92; font-size: 1em; font-weight: bold; margin: 0 0 4px 0; width: auto; border: 0; }
#our-voices input#get-news, #get-news-box input#get-news {width: 130px; height: 18px; border-left: 1px solid #bebebe; border-top: 1px solid #bebebe; border-bottom: 1px solid #959595; border-right: 1px solid #959595; }

#get-news-box { float: right; width: 174px;  padding: 10px 25px; background: #eee url(../img/get-news-bg.gif) bottom left no-repeat; position: relative; top: -5px; right: -20px; }
* html #get-news-box { width: 224px; }


/* Ben's new stuff */
#center table.col-splitter { width: 100%; margin-top: 20px; }
#center table.col-splitter td { width: 50%; vertical-align: top; }
* html #center table.col-splitter td { font-size: .75em; }
* html #center table.col-splitter td h4 { font-size: .9em; }
#center table.col-splitter td.left-col { border-right: 1px solid #dfdfdf; }
#center table.col-splitter td.right-col { }
#center table.col-splitter td h4 { background: #2e7f32; color: #fff; padding: 2px 6px; margin-bottom: 8px; }
#center table.col-splitter td.left-col h4 { margin-right: 2px; }
#center table.col-splitter td.right-col h4 { margin-left: 2px; }
#center table.col-splitter td.left-col h5 { background: #f2f2f2; font-size: .95em; padding: 1px 6px; }

#center table.col-splitter td h5 a { color: #000; text-decoration: none; background: url(../img/morelink-arrow.gif) 100% 3px no-repeat; width: 100%; display: block; }
#center table.col-splitter td.left-col h5 { margin-right: 4px; }
#center table.col-splitter td.right-col h5 { margin-left: 2px; }
#center table.col-splitter td.left-col h5 a:hover { color: #d21c29; }


#center ul.doc-list { margin: 0 0 13px 0; padding: 0; list-style: none; }
#center ul.doc-list li { margin: 0 0 5px 0; padding: 0 0 0 25px; background: url(../img/bullet-document.gif) 8px 2px no-repeat; }

#center ul.sub-list { margin-bottom: 13px; padding: 0; }
#center ul.sub-list li { margin: 0 0 2px 0; padding-bottom: 0; font-size: .9em; }

#center div.feature p, #center div.feature h4, #center div.feature table { margin-left: 12px; margin-right: 12px; }
#center div.feature h4 { margin-bottom: 2px; }
* html #center div.feature h4 { font-size: 1em; }
#center div.feature p { margin-bottom: 10px; }
#center div.feature p, #center div.feature td { line-height: 1.1em; font-size: .95em; }
* html #center div.feature td { font-size: .7em; }
#center div.feature table.login-form { margin-bottom: 6px; width: 270px; }
#center div.feature table.login-form td { width: 115px; vertical-align: top; }
#center div.feature table.login-form td.go { width: 40px; vertical-align: bottom; text-align: center; }
#center div.feature table.login-form td input.text-input { border: 1px solid #a7a7a7; width: 95px; margin-top: 5px; }

#livewire-subpage { background: #f6f6f6 url(../img/livewire-header-short.gif) top left no-repeat; }
#livewire-subpage h3 { color: #226ba3; font-size: 1em; margin-bottom: 2px; }
#livewire-subpage img { margin: 8px 0; }

#members-only { background: url(../img/members-only-bg.jpg) 216px 42px no-repeat; }
#members-only-top-pad { width: 100%; text-align: right; margin-bottom: 15px; }
#members-only-top-pad img { margin-top: 176px; position: relative; left: 20px; }

/* new stuff as of 6/6 */
body#store { background: #fff url(../img/subpage-bg-store.jpg) no-repeat; }
#store td#navigation { padding-top: 124px; }

#featured-product { width: 199px; margin: 1px 0 0 13px; background: #00a94f url(../img/featured-product-bg-bottom.gif) bottom no-repeat; display: table; } /* the width here can be lumped in with nav-others rule, below #navigation around line 18 */
#featured-product h2 { margin: 10px 8px 12px 11px; color: #fff; font-size: 1.75em; }
#featured-product p { margin: 0 8px 5px 11px; color: #fff; }
#featured-product img#bg { display: block; }
#featured-product div.product { text-align: center; width: 100%; margin-bottom: 5px; }
#featured-product div.product div { width: 142px; margin: 0 auto; background: url(../img/featured-product-img-bg.jpg) bottom right no-repeat; }
#featured-product div.product div img { border: 5px solid #fff; margin: 0 3px 1px 0; }
#featured-product img#order-button { float: right; margin: -5px 8px 5px 0; }

#store #center-2col { padding-top: 145px; }
#store-buttons { width: 100%; text-align: right; margin-bottom: 20px; vertical-align: middle; }
table#store-categories { width: 100%; }
table#store-categories td h2 { font-size: 1em;font-weight:normal; border: 0; margin: 0 0 0 5px; width: auto; }
* html table#store-categories td h2 { font-size: .9em; }
table#store-categories td h2 a { color: #1c7b1f; text-decoration: none; font-weight:normal;}
/* --- NEW Product Category Red Style --- */
table#store-categories td h2.new a { color: #ff0000; text-decoration: none; }
/* --- End --- */ 
table#store-categories td div { background: url(../img/store-category-img-bg.jpg) no-repeat; padding: 0 3px 4px 1px; margin-bottom: 10px; }
table#store-categories td div img { width: 159px; height: 137px; border: 5px solid #fff; }