/*********************************************************************************
****** 
********************************************************************************** */


/*********************************************************************************
****** Main section styles - content, header, nav, and footer
********************************************************************************** */
html { overflow:auto;}
body {
    /* creates left and right gradients next to main content areas*/
    background: url(/images/BackgroundGradients.gif) repeat-y fixed center top; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

p { margin: 0; }

div#resizeFont li {
   margin-left:10px;
}

div#content {
    width: 990px;
}

div#header {
    width: 990px;
    height: 195px;
	margin: 8px 0 0 0;
}

/*********************************************************************************
****** 1st Line of NavBar 
********************************************************************************** */
.chromestyle {
	width: 990px;
	margin: 5 0 5 2px;
	padding-top: .5em;
	left:0px;
	font-weight: bold;
	z-index: 10;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 1px solid #BBB;
	width: 988px;
	background: url(http://www2.aci-na.org/images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
	font:bold 12px Arial, Helvetica, sans-serif;;
	line-height:14px;
}

.chromestyle ul li a{
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
	background: url(http://www2.aci-na.org/images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
	content: " ";
	/*content: " " url(http://www.dynamicdrive.com/dynamicindex1/chrome/chrometheme/downimage.gif); /*uncomment this line to use an image instead*/
}

/*********************************************************************************
****** 2nd Line of NavBar 
********************************************************************************** */
.chromestyle2 {
	width: 990px;
	margin: 5 0 5 2px;
	padding-top: .5em;
	padding-bottom: 1em;
	left:0px;
	font-weight: bold;
	z-index: 10;
}

.chromestyle2:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle2 ul{
	border: 1px solid #BBB;
	width: 988px;
	background: url(http://www2.aci-na.org/images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle2 ul li{
	display: inline;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:14px;
}

.chromestyle2 ul li a{
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.chromestyle2 ul li a:hover{
	background: url(http://www2.aci-na.org/images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle2 ul li a[rel]:after{ /*HTML to indicate drop down link*/
	content: " ";
	/*content: " " url(http://www.dynamicdrive.com/dynamicindex1/chrome/chrometheme/downimage.gif); /*uncomment this line to use an image instead*/
}    

/*********************************************************************************
****** Dropdown Portion of NavBar 
********************************************************************************** */
.dropmenudiv2 {
	position:absolute;
	top: 0;
	margin-left:-10px;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 11px Arial, Helvetica, sans-serif;;
	line-height:12px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
}

.dropmenudiv2 a{
	width: auto;
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 4px 0px 4px 5px;
	text-decoration: none;
	font-weight: bold;
	color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
	background-color: #E1F3FF;
}

/*********************************************************************************
****** Breadcrumbs
********************************************************************************** */    
div#breadcrumbs {
	color: #656565;
	font-size: 9pt;
}
    
div#breadcrumbs span {
	color: black;
}
    
div#breadcrumbs a {
	color: #656565;
}

div#breadcrumbs a:hover {
	text-decoration: underline;
}
    
/*********************************************************************************
****** Footer Styles
********************************************************************************** */   
div#footer {
	width: 990px;
	height: 64px;
	clear:both;
	border-top:2px dotted #cccccc;
	padding-top:1em;
	color:#999999;
	text-align:center;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
}

div#footer a:hover {
	text-decoration: underline;
}


/*********************************************************************************
****** General Styles
********************************************************************************** */  
.bold {
    font-weight: bold;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.hidden {
	display: none;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.lastItem {
    border-bottom: none !important;
    margin-top:5px !important;
}

.bottomSpacer {
    margin-bottom: .4em;
}

.readMoreLink {
    margin-top: .8em;
    margin-bottom: .8em;    
    margin-left: 1.1em;    
    padding-left: 0px ! important;
    text-transform: uppercase;
}
        
.readMoreLink a {
    color: black ! important;                        
    font-weight: bold;        
    text-decoration: none ! important;
    background: url(/images/ArrowLink.gif) 0 2px no-repeat;
    padding-left: 15px ! important;    
    display: block;
}

.readMoreLink a:hover {
    color: black ! important;
    text-decoration: underline ! important;
}

.readMoreLink2 {
    margin-top: .2em;
    margin-bottom: .2em;
    padding-left: 0px ! important;
    text-transform: uppercase;
}
        
.readMoreLink2 a {
    color: black ! important;                        
    font-weight: bold;        
    text-decoration: none ! important;
    background: url(/images/ArrowLink.gif) 0 2px no-repeat;
    padding-left: 15px ! important;    
    display: block;
}

.readMoreLink2 a:hover {
    color: black ! important;
    text-decoration: underline ! important;
}

.readMoreLink3 {
    padding-bottom: .8em;
    padding-left: 0px ! important;
    text-transform: uppercase;
}
        
.readMoreLink3 a {
    color: black ! important;                        
    font-weight: bold;        
    text-decoration: none ! important;
    background: url(/images/ArrowLink.gif) 0 2px no-repeat;
    padding-left: 15px ! important;    
    display: block;
}

.readMoreLink3 a:hover {
    color: black ! important;
    text-decoration: underline ! important;
}

.subTitle {
    color: #999999;
}

.subTitle2 {
    font-weight: normal;
}

.businessArticle h2 {
   font-size: .85em !important;
}

.businessArticle h3 {
   font-size: .85em !important;
}



/*********************************************************************************
****** Static Center Content Styles
********************************************************************************** */  
div#leftSideBar {
	float: left;
	margin-bottom: 1em;
}

#centerContentStatic {
    float: left;
	/* width:600px; */
    width: 794px;
	margin:0 0 1em 15px;
	overflow: hidden;
}

#centerContentStatic p {
	line-height: 1.4em;
	padding-bottom:10px;
}

#centerContentStatic h2 {
	width:100%;
	border-bottom:1px solid #222222;
	font-weight:bold;
	font-size:1.5em;
	text-transform:uppercase;
	margin-bottom:12px;
	color:#222222;
}

#centerContentStatic h3 {
    font-weight: bold;
    font-size: 1.35em;	
	text-transform:none;
	margin: 16px 0 4px;
	color:#666;
}

#centerContentStatic ul {
	margin:0 0 1.5em 1em;
}

#centerContentStatic ul li {
	margin:0 0 .5em 1.5em;
	list-style-type:disc;
	padding-left:0px;
	line-height:1.25em;
}
#centerContentStatic ul ul li {
	list-style-type:circle;
	margin:0 0 .5em 1.5em;
	line-height:1.25em;
}

#centerContentStatic p a, #centerContentStatic a {
    /*color: #656565;*/
    text-decoration:none;
    color: Navy;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

#centerContentStatic p a:hover, #centerContentStatic a:hover {
    text-decoration:none;
    color: Red;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

#centerContentStatic ul a {
    /*color: #656565;*/
    text-decoration:none;
    color: Navy;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

#centerContentStatic ul a:hover {
    text-decoration:none;
    color: Red;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

#centerContentStatic a img {
	border: none;
	margin-top: 8px;
	text-decoration: none;
}

#centerContentStatic a:hover img{
	text-decoration: none;
}

#resizeFont {
	margin:1em 0 0 0;
}

/*end of styles for static center content */


div#quickToolsBox, div#helpBox {
	margin-top:1em;
	margin-bottom: 1em;
}

div#quickToolsBoxContent, div#helpBoxContent {
    color: #474747;
    background-color: #ffffff;
    border: 1px solid #9f9f9f;
    border-top: 0;
    width: 179px;
    font-size: 8pt;
    line-height: 1.7em;
}

div#quickToolsBoxContent p, div#helpBoxContent p {
	margin:0 7px;
}

#helpBoxContent p strong a {
	color:#000000; !important
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px; 
	text-decoration:underline;
	position:relative;
	top:5px;
}

#helpBoxContent p strong a:hover {
	color:#06F;
}

div#helpBoxContent a {
    color: #737471;
}

div#quickToolsBoxContent a, div#quickToolsBoxContent a:visited, div#quickToolsBoxContent a:active {
	color: #737471;
	text-decoration:none;
	border:none;
}

div#quickToolsBoxContent a:hover, div#helpBoxContent a:hover {
    color: black;
	text-decoration:underline;
}

div#quickToolsBoxContent ul, div#helpBoxContent ul {
    margin-left: .8em;
}

div#quickToolsBoxContent li, div#helpBoxContent li {
    border-bottom: 1px solid #959595;
    width: 155px;
	padding:.5em 0 .2em 0;
}        

div#quickToolsBoxContent li.lastItem {
	border:none;
}

div#quickToolsBoxHeader, div#helpBoxHeader {
    color: #666666;
    font-size: 8pt;
    font-weight: bold;
    text-indent: 1em;
    line-height: 26px;
    background: url(http://www.aci-na.org/images/QuickToolsHeader.gif) top center no-repeat;
    width: 181px;
    height: 26px;
}

/*end of quick tools box styles*/


/*            ------End of Generic static page template CSS Styles-----        */



p a.ImageLink {
	border:none !important;
}

.image-left { float:left; }
.image-right { float:right; }

.noback {
	border:none !important;
	margin: 0px !important;
	padding: 0px !important;
	background:none !important;
}

#centerContentStatic p img {
	border: 1px solid #999999;
	margin: 10px;
	padding: 6px;
	background-color:#FCFFEA;
}

.discreet  {
font-size:11px;
font-style:italic;
position:relative;
top:-2px;
font-weight:bold;
}