@charset "utf-8";
/* CSS Document */

/** body **/
body { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:0.8em; margin: 0; padding: 0; height:100%; width:100%; color:#000; background-color:#fafafa; }
p{line-height:18px;}
ul, li, ol, form, input{ margin:0; padding:0;}
ol {margin-left: 20px;}
a{ color:#6d9200; text-decoration:none;}
a:hover{color:#add037;}
h1{
	line-height:1.7em;
	margin-bottom:6px;
	color:#333;
	font-size:1.6em;
	font-weight:normal;
}
h2{
	line-height:1.6em;
	margin-bottom:4px;
	color:#30948a;
	font-size:1.5em;
	font-weight:normal;
}
h3 {
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 0;
}
h4{font-size:1.2em; font-weight:normal; line-height:1em; color: #355911;}
img{border:0; outline:none;}
fieldset{border:0;margin:0;padding:0;}

#wrapper{
	width:100%;
	border:none;
	text-align: left;
	overflow: hidden;
}
#inner-wrapper {display: block; background-color:#fff;margin-bottom: 20px;margin-left: auto;margin-right: auto;margin-top: 0; overflow-x: hidden;overflow-y: hidden; padding-top: 0;	position: relative;	width: 966px;	border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; border-top:none;}

#header-wrapper {display: block;width: 100%; border-bottom: 1px solid #ccc; height: 167px; background-color:#FFFFFF;}

/* images called by sprite */
#logo {/*background-image: url(../img/NAMA-AMC-logo.gif);
	background-repeat: no-repeat;*/
	overflow:hidden;
	display:block;
}



/* header area */
#header{width:966px;height:167px;display:block;	position:relative;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 0;overflow-x: hidden;overflow-y: hidden;padding-top: 0;background-image: url(../img/amc-masthead-bg.gif);	background-position: right top;	background-repeat: no-repeat; }

#logo{
	position:absolute;
	margin:6px 0 0 0;
	z-index:999;
	width:292px;
	height:155px;
	display:inline-block;
	
}
#logo a{float:left;}
	




/* Global Header & Navigation */
ul#primary {
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width:460px;
	height:34px;
	float:right;
	background-color: #c2b59b;
	z-index:999;
	display:block;
margin-top:132px; padding:4px;}


ul#primary li {display: inline;text-align: left;height: 34px;font-size:1.3em;margin-left:20px;}

ul#primary li a {color:#fff;}
ul#primary li a.active-trail {text-decoration:underline}
ul#primary li a:hover {text-decoration:underline }
ul#primary li a:active {}


/* main */

#main {
	display:block;
	display:block;
	position:relative;
	float: left;
	width: 680px;
	padding:15px;
}
#main img {display:block}

/* sidebar */

.demo-container h3 {
	color: #056839; padding-bottom:5px;
}

.demo-container #sidebar {padding:10px;}


/* home promos */

ul#promos {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
	border-top: 1px solid #ccc;
	/*width:100%; prob with ie*/}
	
ul#promos li {
    display: inline;
    float: left;
    margin: 0;
    padding: 20px;
    text-align: left;
    width: 200px;
	height: 140px;
	border-right:1px solid #ccc;
}

ul#promos li#foam {border:none; width: 203px;}

ul#promos li span.copy, ul#promos li p {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    text-align: left;
}
ul#promos li h3 {color: #000000;font-size: 1.4em; line-height:1.5em;}
ul#promos li#orange {background-color: #f7941e}
ul#promos li#green {background-color: #a8bf7b}
ul#promos li#teal {background-color: #56b5ac}
ul#promos li#foam {background-color: #9bceb3}

ul#promos li a{color:#fff; text-decoration:underline;}

/* sponsors */
#inner-wrapper.sponsors {border-top: 1px solid #ccc; }

#inner-wrapper.sponsors h2 {/*padding:15px;*/}

/* footer */
#footer {
	display:block;
	margin:0px;
	padding:15px;
	vertical-align:top;
	position:relative;
	clear: both;
	font-size: 0.8em;
}
#footer ul{
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 10px;
    padding: 0;}
	
#footer li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 20px;
    padding-right: 50px;}


/* tabs */

#tab-wrapper {display: block; margin-bottom: 20px;margin-left: auto;margin-right: auto;margin-top: 0;overflow-x: hidden;overflow-y: hidden;	padding-top: 0;	position: relative;	width: 966px;}

        * { margin: 0; padding: 0; }
        .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
        p { margin: 0 0 10px 0; }
        
        .tabs { list-style: none; }
        .tabs li { display: inline; }
        .tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
        .tabs li a:hover { background: #ccc; }
        
        
        /* Generic styles & example one */
        
        .tabbed-area { margin: 0 0 120px 0; }
        .box-wrap { position: relative; min-height: 250px; }
        .tabbed-area div div { background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
        .tabbed-area div div, .tabs li a { border: 1px solid #ccc; }
        #box-one:target, #box-two:target, #box-three:target { z-index: 1; }
        
        
        
      


        /* Stuff for example six */

        .w3c { min-height: 450px; position: relative; width: 100%;}
        .w3c > div { display: inline; }
        .w3c > div > a { margin-left: -1px; position: relative; left: 1px; text-decoration: none; color: black; background: white; display: block; float: left; padding: 5px 10px 0 10px; border: 1px solid #ccc; border-bottom: 1px solid white; }
		.w3c h2 {margin-bottom:0px}
        .w3c > div:not(:target) > a { border-bottom: 0; background: -moz-linear-gradient(top, white, #eee); }   
        .w3c > div:target > a { background: white; }    
        .w3c > div > div { background: white; z-index: -2; left: 0; top: 36px; bottom: 0; right: 0; padding: 20px; border: 1px solid #ccc; }    
        .w3c > div:not(:target) > div { position: absolute }
        .w3c > div:target > div { position: absolute; z-index: -1; }
        
        
.w3c li {}
.w3c ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
padding-right:10px;}

.w3c h3 {font-size: 1.1em; border-bottom: 1px solid #ccc;color: #30948A;}
	
	
	.w3c #tab16 ul {width: 220px;}
		.w3c #tab17 ul {width: 300px;}
	
/* logo scroller */

#logoParade
	{
		width: 966px;
		height: 110px;
		position: relative;
	}

#logoParade div.scrollableArea *{float: left;	padding-left: 40px;	}


