body {color:#000000;
font-size:11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:13px;
background:#ffffff;
margin:auto;
width: 810px;
height:auto;
padding: 0;
text-align: center; /* this isn't strictly needed it's just here so that ie6 plays nice and centers our screen */
}



/* Basic TYPOGRAPHY */


div#header {
text-align: left;
}

div#header_orig {
text-align: left;
}

/* this declaration is for ie6 only, if you need to set specific font styles for the newsflash module and you have it published
in the Joomla default top position then you will need to set them here */
div#top-module table.contentpaneopen {
}

div#page {
}

div {
font-size: 1em;
}

img {
border: 0;
}

.img_wrap{padding-right:10px; padding-bottom:10px;
}

.float_left{float:left;
margin:0 10px 10px 0;
}

.float_right{float:right;
margin:0 0px 10px 10px;
}

.float_logo{float:right;
margin:0 0px 20px 20px;
}
/* LINKS */
a,
a:link {color:#495B77; font-weight:bold; text-decoration:underline;font-size:10px;line-height:16px; line-height: 17px; 


}

a:visited {color:#495B77; font-weight:bold; text-decoration: underline;font-size:10px;line-height: 17px;

}

a:hover {color:#FDBB40; font-weight:bold;text-decoration: underline;font-size:10px;
}


.news a {color:#FDBA3F; font-weight:bold; text-decoration:underline;font-size:10px;line-height:14px;
}

.news a:link {color:#FDBA3F; font-weight:bold; text-decoration:underline;font-size:10px;line-height:14px;
}

.news a:visited {color:#FDBA3F; font-weight:bold; text-decoration: underline;font-size:10px;
}

.news a:hover {color:#666666;text-decoration: underline;font-size:10px;
}

.cmi a {color:#FF0000; font-weight:bold; text-decoration:underline;font-size:14px;line-height:14px;
}

.cmi a:link {color:#FF0000; font-weight:bold; text-decoration:underline;font-size:14px;line-height:14px;
}


.dropdown_bold { font-weight:bold;
}


.dropdown_bolditalic { font-weight:bold;
font-style:italic;
}
.underline{
	border-bottom:1px solid #000000;
	width:200px;
}

.border{border-bottom:1px solid #999999;
}

/*
/*	div#header h1 a:link,div#header h1 a:visited,div#header h1 a:hover,{
/*	background:url('../images/logo-image.png') left top no-repeat; /* the template's logo image */
/*	height:100px; /* the height of the above image */
/*	width: 50px; /* the width of the above image */
/*	display: block; /* the image region should be clickable */
/*	text-decoration: none; /* we don't want the image to be underlined */
/*	text-indent:-9000em; /* indent the text 9000 em to the left to take it off screen */
/*	}
*/
/*
/*	div#header h1 a:focus {
/*	outline: none; /* we don't want an outline on the image as the outline will stretch off to the left of the screen and look kinda ugly */
/*	}
*/

/* END LINKS */

/* HEADINGS */



.subheads{color:#ff8000;
font-size:11px;
font-weight:bold;
}


h1 {
font-size:16px; color:#636466; font-weight:bold; font-family:"Times New Roman", Times, serif;line-height:18px;
margin-left:10px;
}

h2 {
color:#ff8000;
font-size:12px;
font-weight:bold;
line-height: 14px;
margin-left:10px;
}

h2 a:link{
color:#ff8000;
font-size:12px;
font-weight:bold;
line-height: 14px;

text-decoration: underline;
}

h2 a:visited{
color:#ff8000;
font-size:12px;
font-weight:bold;
line-height: 14px;
text-decoration: underline;
}

h3 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
padding:0;
color:#666666;
margin-left:10px;
}

h4 {color:#666666;
font-size:11px;
font-style:italic;
margin-left:10px;

}

h5 {
font-size:12px;
line-height:14px;
margin-top:4px;
margin-bottom:8px; 
color:#CC0000;
margin-left:10px;
}

h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
margin-left:10px;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 11px;
margin: 0 0 1.5em 10px;
padding: 0;
line-height:1.4em;
}

.indent{ margin-left:10px;
}

blockquote {

margin-left:10px;
}

pre {
font-family: monospace;
font-size: 1.0em;
}

strong, b {
font-weight: bold;
}

em, i {
font-style:italic;
}

code {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
white-space: pre;
}
/* END TEXT */

/* LISTS */
ul {
line-height:1.4em;
margin: 0 0 1.5em 0;
padding: 0;
background-repeat:no-repeat}

ul li {
margin: 0 0 0.25em 30px;
padding: 0;
}

ol {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}

ol li {
font-size: 1.0em;
margin: 0 0 0.25em 30px;
padding: 0;
}

dl {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.4em;
}

dl dt {
font-weight: bold;
margin: 0.25em 0 0.25em 0;
padding: 0;
}

dl dd {
margin: 0 0 0 30px;
padding: 0;
}
/* END LISTS */


/* tables */
table {
font-size: 1em;
margin: 0 0 1.5em 10px;
padding: 0;
}

table caption {
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 1.5em 0;
}

table.border{border-right:1px dashed #636466;
}


th {
font-weight: bold;
text-align: left;
}

td {
font-size: 1em;
}
/* end tables */

/* horizontal rules */
hr {
display: none;
}

div.hr {
height: 1px;
margin: 1.5em 10px;
border-bottom: 1px dotted #000;
}

/* end horizontal rules */


/* END Basic TYPOGRAPHY */


/* Best Practices */

#benchmarking{
	width:545px;
	height:auto;
	background-image:url(../images/benchmarking_bgrd.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	padding-left: 10px;
}

.bp_categories{
	width:200px;
	height:20px;
	background-color:#FDBA3F;
	border:1px dashed #636466;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.bp_border{
	width:135px;
	border-bottom: 1px dashed #636466;
	float:right;
	height: 26px;
}
.bp_intro{
	width:350px;
	background-image:url(../images/bp_gradient.jpg);
	background-repeat:repeat-x;
}
.docs{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
}
.docs a:link{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	text-decoration:underline;
	
}

.docs a:hover{
	color:#FDBA3F;
}

#bp_col_a{
	width:250px;
	padding-right:10px;
	border-right:1px dashed #636466;
}
#bp_col_b{
	width:250px;
	
	float:right;
	padding-right: 10px;
}

/* End Best Pracitce */




/*******************************************************************************************
*                           Horizontal dropdown suckerfish menu- top menu in user3 position                  *
*******************************************************************************************/

/* NAV */
#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{  /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
top:200px;
left:20px;
z-index:600;
font:.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#mainlevelmainnav,#mainlevelmainnav ul{
	float:right;
	list-style:none;
	line-height:1em;
	background:transparent;
	font-weight:700;
	padding:0;
	height:46px;
#height:96px;
_height:32px;
width:580px;
margin-top:5px;
*margin-top:-10px;
#margin-top:-8px;
z-index:600;
}


#mainlevelmainnav a{
display:block;
color:#636466;
text-decoration:none;
margin-right:15px;
padding:0.3em;
z-index:600;
font-size:11px;
font-weight:bold;
}




#mainlevelmainnav li{
float:left;
padding:0;
margin:0;
font-size:11px;
z-index:600;
}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:12em;
font-weight:400;
background:#636466;
margin:0;
z-index:600;
}
#mainlevelmainnav li li{

}
#mainlevelmainnav li ul a{
width:11.4em;
#width:11.4em;
color:#fff;
font-size:11px;
line-height:1em;
font-weight:400;
display:block;
position: relative;
top: 0px;
z-index:900;


}
#mainlevelmainnav li ul a:hover{
color:#FDBA40;
background:#999999;



}

#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;

}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
display:block;padding:0;

}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
/*background:#039;*/
}

/* END NAV */

/*******************************************************************************************
*                       Left Column Vertical dropdown in left position                    *
*******************************************************************************************/


#left ul#mainlevel li, #left ul.menu li {

list-style:none;
padding:0 0 0 0;
margin:0;
}

#left ul#mainlevel li a:link, #left ul#mainlevel li a:visited, #left ul.menu li a:link,  #left ul.menu li a:visited {
width:144px;
#width:145px;
_width:163px;
padding:5px 20px 5px 0px;
display:block;
text-decoration:none;font-size:12px;color:#232A31;font-weight:normal;
border-bottom: 1px solid #FEEA3E; 
}


#left ul#mainlevel li a:hover, #left ul.menu li a:hover{
text-decoration:none;color:#ffffff; background-color:#333333;
}


#left ul#mainlevel li a#active_menu, #left ul.menu li a#active_menu{
text-decoration:none;
color:#232A31;
font-weight:bold;
background:none;
}


/* this style controls the active link and sublinks */
#left ul.menu li#current a{
text-decoration:none;
color:#232A31;
font-weight:bold;
background:none;
} 
 

/* this style controls the sublinks when mainlink is clicked */
#left ul.menu li#current ul li a {
width:144px;
#width:145px;
_width:163px;
text-decoration:none;
color:#232A31;
font-weight:normal;
background:none;
font-size:10px;
border-bottom: 1px solid #FEEA3E;
display:block; 
} 


#left ul.menu li#current ul li a:hover {
color:#ffffff; background-color:#333333;

} 




/* this style controls the sublinks when sublink is clicked */
#left ul.menu li ul li#current a{
width:144px;
#width:145px;
_width:163px;
text-decoration:none;
color:#232A31;
font-weight:bold;
background:none;
font-size:10px;
border-bottom: 1px solid #FEEA3E;
display:block; 
} 



#left ul.menu li ul li#current a:hover {
color:#ffffff; background-color:none;
} 


#left li:hover ul ul ul {
display: block;
}

/* this style controls all the sublinks when any sublink is clicked */

#left ul.menu li li a span{
text-decoration:none;
color:#232A31;
font-weight:normal;
background:none;
font-size:10px;
padding:0px 0px 0px 10px;
display:block; 
}

/* this style controls the third level sublinks- creates indent */
#left ul.menu li li li a span {
text-decoration:none;
color:#232A31;
font-weight:normal;
background:none;
font-size:10px;
padding:0px 0px 0px 20px;
display:block; 
}

#left ul.menu li li a:hover span{
color:#ffffff; background-color:#333333;
}



/* this style makes the sublink bold after it is clicked */
#left ul.menu li li#current a span {
text-decoration:none;
color:#232A31;
font-weight:bold;
background:none;
font-size:10px;
}

#left ul.menu li li li#current a span {
text-decoration:none;
color:#232A31;
font-weight:bold;
background:none;
font-size:10px;
}

#left ul.menu ul li {
background:none;
}

/* @group Suckerfish Flyout */

/* Root = Vertical, Secondary = Vertical */
#left ul#mainlevel,
#left ul.menu,
#left ul.menu li,
#left ul.menu ul {
width: 100%; /*For KHTML*/

list-style: none;
}


#left ul#mainlevel:after,
#left ul.menu:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}


#left ul#mainlevel li, #left ul.menu li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
display: inline; /*For IE*/
position: relative;
}

/* Root Menu */
#left ul#mainlevel a, #left ul.menu a {
display: block;
height: auto !important;
height: 1%; /*For IE*/

}

/* Root Menu Hover Persistence */
#left ul.menu a:hover,

#left ul.menu li:hover a,

#left ul.menu li.iehover a {
}

/* 2nd Menu */
#left ul.menu li:hover li a,
#left ul.menu li.iehover li a {
}

/* 2nd Menu Hover Persistence */
#left ul.menu li:hover li a:hover,
#left ul.menu li:hover li:hover a,
#left ul.menu li.iehover li a:hover,
#left ul.menu li.iehover li.iehover a {


}

/* 3rd Menu */

#left ul.menu li:hover li:hover li a,
#left ul.menu li.iehover li.iehover li a {
}

/* 3rd Menu Hover Persistence */
#left ul.menu li:hover li:hover li a:hover,
#left ul.menu li:hover li:hover li:hover a,
#left ul.menu li.iehover li.iehover li a:hover,
#left ul.menu li.iehover li.iehover li.iehover a {
}

/* 4th Menu */
#left ul.menu li:hover li:hover li:hover li a,
#left ul.menu li.iehover li.iehover li.iehover li a {
}

/* 4th Menu Hover */
#left ul.menu li:hover li:hover li:hover li a:hover,
#left ul.menu li.iehover li.iehover li.iehover li a:hover {
}

#left ul.menu ul,
#left ul.menu ul ul,
#left ul.menu ul ul ul {
display:block;
position: relative;
top: 0px;
z-index:900; 
}

/* Do Not Move - Must Come Before display:block for Gecko */
#left ul.menu li:hover ul ul,
#left ul.menu li:hover ul ul ul,
#left ul.menu li.iehover ul ul,
#left ul.menu li.iehover ul ul ul {
display: none;
}

#left ul.menu li:hover ul,
#left ul.menu ul li:hover ul,
#left ul.menu ul ul li:hover ul,
#left ul.menu li.iehover ul,
#left ul.menu ul li.iehover ul,
#left ul.menu ul ul li.iehover ul {
display: block;
}

/* @end */

/* -- Layout-- */
/* SITE SPECIFIC LAYOUT */



div#page {
margin:  0 auto; /* we want to center this div for browsers that understand so we have an auto declaration for the left and right margin */
padding: 0;
}


#top_container{height:100px;
margin:auto; 
#width:810px;
padding: 0;
margin-bottom:30px;
#text-align: center;
}

#bottom_container{height:100px;
margin:auto; 
width:810px;
padding: 0;
#text-align: center;

}

#mapcontainer {
	margin:auto;
	width:810px;
	height:auto;
}



/* HEADER */
#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:810px;
height:103px;
*height:129px;
	margin-top:20px;
	margin-bottom:0px;
	z-index:1;
}

#header_orig {
	background-image:url(../images/header_alt.jpg);
	background-repeat:no-repeat;
	width:810px;
	height:103px;
	margin-top:20px;
	margin-bottom:0px;
	z-index:1;
}

#zone {    /* header clickable area */
	float:left;
	width : 205px;
#width : 240px;
	height: 85px;
	margin-left: 20px;
	margin-top: 15px;
	z-index:500;

}


#zoneb {    /* header clickable area */
	float:right;
	width : 205px;
#width : 240px;
	height: 30px;
	margin-right: 30px;
	z-index:1000;
	margin-top: 40px;
#margin-bottom:-46px;

}



#footer { background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
width:810px;
height:42px;
margin:0px;
padding:0px;
}

#search{ width:200px; 
position: relative; 
top:25px;
#top:25px;
left:120px;
}



ul#access {
list-style-type:none;
}

ul#access:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

ul#access li{
float:left;
margin:0;
padding:2px 5px 3px 5px;
}

div#branding {
float: left;
width: 40%; /* we set the width to 40% to allow for the left padding on this div and the right padding on the top-module div below */
margin: 0;
padding: 10px 0 10px 20px; /* 10 pixels top padding, 0 pixels right padding, 10 pixels bottom padding and 20 pixels left padding */
text-align: left;
}

div#top-module {
float: right;
width: 49%;
margin: 0;
padding: 16px 20px 0 0; /* 10 pixels top padding, 20 pixels right padding, 0 pixels bottom padding and 0 pixels left padding */
text-align: right;
}

div#breadcrumbs {
clear:both; /* beacuse the above divs have widths equalling 89% and 40pixels horizontal padding (left padding + right padding) there may be a gap between those two modules. We want to ensure that the breadcrumbs module clears both of these modules */
float:right;
margin:0;
padding:0;
}
/* END HEADER */

/* NAVIGATION DIV 
div#nav {
See css/menus.css
}
*/

/* END NAVIGATION DIV */

/* MAINCONTENT */
#BodyContent {background-image:url(../images/bgrd.jpg);
background-repeat:repeat-y;
height:auto;
	padding: 0px;
	margin: 0px;
#margin-top:-26px;
}

/* this container holds the left column content links. We load this container before we load the right column for SEO Source Ordering purposes. */
#left {
width: 184px;
#width: 184px;
_width: 204px;
float: left;
margin-left:10px;
#margin-left:20px;
_margin-left:10px;
padding-left:20px;
padding-right:-20px;

#padding-right:0px;
_padding-right:0px;

background-image: url(../images/left_nav_bgrd_06.jpg);
background-repeat:repeat-y;
font-size:12px; font-weight:normal; color:#232A31;

}



#quick_links{
	width:800px;
	height:10px;
	margin-top:20px;
	text-align:right;
	_width:300px;
	_float:right;
}


#quick_links a:link{ font-size:11px; font-weight:bold;  color:#333333;text-decoration:none;
}

#quick_links a:hover{ font-size:11px; font-weight:bold; color:#959EAB; text-decoration:none;
}

#quick_links a:visited{ font-size:11px; font-weight:bold; color:#333333;text-decoration:none;
}


#mainbody{
	width:543px;
#width:545px;
	_width:580px;
	height:auto;
	background-image:url(http://www.nacm.org/images/main_area_bgrd_03.jpg);
	background-repeat:no-repeat;
	margin-right:25px;
#margin-right:17px;
	_margin-right:0px;
	padding:10px;
}

#breadcrumb{
	width:510px;
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}



/* end MAINCONTENT */
/* -- Special additional layout items for interior pages -- */



.right_col_links{ border-right:2px solid #949EAB;
border-left:2px solid #949EAB;
border-bottom:1px dashed #949EAB;
font-weight:bold;
font-size:11px;
width:220px;
height:auto;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin:0px;
}

.right_col_links a:link{ 
color:#21285A; font-weight:bold;
font-size:11px;
text-decoration:none;

}

.right_col_links a:hover{ 
color:#999999; font-weight:bold;
font-size:11px;
text-decoration:none;
}

.right_col_links a:visited{ 
color:#21285A; font-weight:bold;
font-size:11px;
text-decoration:none;
}


#MemBenefitsBox {
width:225px;
height:auto;
border: 4px solid #CCCCCC;
padding: 4px;
}

#MemBenefitsBox .title{
font-weight:bold;
color:#959fab;
}

.eNews_ad {
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding:5px;
background-color:#EFEFEF;
}