@import url(/webassets/css/rigidLiquidMax1024.css);
@import url(/webassets/css/fontDefaults.css);
@import url(/webassets/css/xSmall.css);
@import url(boxes.css);

/* add to blankSlate */
img { border:0 }
/*div, body, html { line-height: 0; }*/

body {
    position:static;
    padding:0;
    color:#fff;
    background-color: #302500;
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-position:center top;}
    
    /* rotating body background images - by commodity */
    body.uranium {
        background-image: url(/images/body/uranium.jpg);}
        
    body.potash {
        background-image: url(/images/body/potash.jpg);}
        
    body.coal {
        background-image: url(/images/body/coal.jpg);}

 
    
#header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:120px;
    z-index:100;
    background:#304014 url(/images/header_bg.jpg) no-repeat center bottom;}

    #header .outer {
        position:static;
        padding:0 385px;
        margin:0;
        text-align:center;}
        
        /* IE6 won't pull the logo out of .wrapper, give .outer a neg. bottom margin
           and a + top padding of the same... */
        #ie6 #header .outer {  
            margin:-27px 0;
            padding-top:27px;}
        
    #header .sizer {
        margin:0 auto;
        padding:0;
        text-align:left;
        width:50%; /* matches the width of #sizer */
        max-width:540px;}
        
        #ie6 #header .sizer {
             width:expression(document.body.clientWidth > 1280 ? "224px" : "50%" );}
     
    #header .expander {
        position:relative;
        margin:0 -385px;      				/* Half of wrapper minimum */
        min-width:770px;              /* Wrapper minimum */}
        
        #ie6 #header .expander, #ie7 #header .expander {
            height:0;}
            
    #header .wrapper {
        width:100%;}
        
    #header .logo {
        float:left;
        width:33.8%;
        margin:72px 0 0 0;
        text-align:center;}
        
        #header .logo.fortyPlus {
            margin:52px 0 0 0;}
        
    #header .images {
        position:relative;
        float:right;
        height:193px;
        width:500px;
        margin:0 0 -119px 0;
        background:transparent url(/images/focus/header_images.png) no-repeat top right;}
        

.slogan {
    position:absolute;
    right:5px;
    top:130px;}
 
       
#outer {
    position:relative;
    padding:0 385px; /* Half of wrapper minimum */
    margin:0;
    text-align:center;}

    #ie6 #outer {
        position:static;}
        
    #ie6 #sizer {
        position:relative;}
  

/* equal height column wrapper */
#columnWrapper {
    float:left;
    overflow:hidden;
    width:100%;
    padding-top:120px;}
    

.column {
    padding-bottom:20010px;
    margin-bottom:-20000px;}



#left {
    float:left;
    width:21%;
    border-right:1px dashed #fff;
    background:transparent url(/images/left_bg.png) repeat;}
    
    
        
    #left .pageAbbr {
        float:left;
        width:100%;
        margin-top:20px;
        background:#f6cb00;}
    
    #left .pageAbbr h1 {
        padding:.09em 0 .04em 0;
        margin:-.17em 0 -.17em 0;
        font-size:11em;
        text-align:center;
        color:#fff;
        font-family:"Arial Black", "Luxi Sans", sans-serif;}
        
    #left .pageName {
        float:left;
        clear:left;
        width:100%;
        margin:0;
        border-bottom:3px solid #fff;
        background:#03627b;}
        
        #left .pageName h1 {
            font-weight:100;
            font-size:1.3em;
            letter-spacing:.2em;
            colori:#fff;
            margin:.5em 0;
            text-align:center;}
            
    #left .navigation {
        float:left;
        width:100%;
        padding:1em 0;}
        
        #left .navigation .innerPadding {
            padding: 0 4%;}
          
    
        

#center {
  float:left;
  width:58%;
  text-align:left;
  background:transparent url(/images/center_bg.png) repeat;}

    .innerPadding {
        padding:70px 4% 0 4%;}
        
    #center p, #center li, #center a, #center td  {
        color:#fff;}
        
    #center h1, #infoContent .header h1 {
        clear:left;
        color:#f6cb00;
        font-size:3em;
        font-weight:bold;
        line-height:normal;
        letter-spacing:-.03em;
        padding:0 30px 0 0;
        margin:0;
        background:transparent url(/images/page_title_top_bg.png) no-repeat right bottom;}
        
    #center h2, #center h3, #center h4, #center h5, #infoContent .header h2, #infoContent .header h3, #infoContent .header h4, #infoContent .header h5 {
        clear:left;
        font-size:1.1em;
        font-weight:bold;
        color:#f6cb00;
        text-transform:uppercase;
        line-height:normal;
        letter-spacing:.5em;
        padding:.8em 30px 0 0;
        margin:0 0 2em 0;
        background:transparent url(/images/page_title_bottom_bg.png) no-repeat right top;}
    
    #ie6 #center h1, #ie6 #center h2, #ie6 #center h3, #ie6 #center h4, #ie6 #center h5,
    #ie7 #center h1, #ie7 #center h2, #ie7 #center h3, #ie7 #center h4, #ie7 #center h5 {
        display:inline-block;} /*IE6 seems to inherit the innerpadding values... */        
        
    #center h3, #center h4, #center h5, #infoContent .header h3, #infoContent .header h4, #infoContent .header h5 {
        font-size:1em;
        letter-spacing:.2em;
        margin:2em 0 0 0;
        background:none;}

    #center h4, #center h5, #infoContent .header h4, #infoContent .header h5 {
        letter-spacing:0;
        text-transform:none;}
        
    #center h5, #infoContent .header h5 {
        font-size:.95em;
        margin:.5em 0;}
        
        
    #center p {
        line-height:1.5;
        margin:.3em 0 1em 1em;}
        
    #center li {
        line-height:1.4;
        margin:.8em 0;}
        
    #center a, #infoWindow a {
        color:#f6cb00;
        text-decoration:none;}
        
        #center a:hover, #infoWindow a:hover {
            text-decoration:underline;}
            
        #center a.returnToList {
            float:left;
            width:auto;
            display:block;
            margin:0 0 1em 0;
            padding:0 0 0 21px;
            font-weight:bold;
            background:transparent url(/images/pagination_previous.png) no-repeat left center;}
            
    
    #center table {
        width:100%;
        margin:.5em 0;
        border-collapse:collapse;}
        
        #center table.bordered th {
            padding:.4em .2em;
            font-weight:bold;
            color:#57491a;
            background:#f6cb00;}
            
        #center table.bordered td {
            padding:.2em;}
            
/* bordered table */

    #center table.bordered, #center .commodityContent table {
        width:100%;
        margin:.5em 0;
        border-collapse:collapse;
        border-top:1px solid #fff;
        border-right:1px solid #fff;}
        
        #center table.bordered th, #center .commodityContent table th {
            padding:.4em .2em;
            font-weight:bold;
            color:#57491a;
            background:#dda91b;
            border-bottom:3px solid #fff;
            border-left:1px solid #fff;}
            
        #center table.bordered td, #center .commodityContent table td {
            padding:.2em;
            border-bottom:1px solid #fff;
            border-left:1px solid #fff;}
    
    
#right {
  float:left;
  width:20.8%;
  background:transparent url(/images/right_bg.png) repeat-y center center;}
  

    #right .innerPadding {
        padding:100px 1% 0 1%;}
    
        /* default .box overrides/additions :: default color is brown */
        #right .box .top, #right .box .bottom {
            height:29px;
            background-image:url(/images/right_box_top_left.png);}
            
            #right .box .bottom {
                background-image:url(/images/right_box_brown_bottom_left.png);}
            
            #right .box .top div, #right .box .bottom div {
                height:29px;
                background-image:url(/images/right_box_top_right.png);}
                
                #right .box .bottom div {
                    background-image:url(/images/right_box_brown_bottom_right.png);}   

                #right .box .top div h1 {
                    text-transform:uppercase;
                    font-weight:bold;
                    margin:.65em 0 0 0;
                    padding:0 25px 0 0;
                    color:#57491a;
                    font-size:1em;}
                
            #right .box .boxContent {
                background:#6d5f2e url(/images/right_box_border.png) repeat-y top right;}
                
                #right .box .boxContent .innerPadding {
                    padding:2% 4%;
                    background:url(/images/right_box_border.png) repeat-y top left;}
                    
                #right .box .boxContent p {
                    width:98%;
                    margin:0;
                    padding:1em 0 1em 0;
                    color:#fff;
                    font-style:italic;
                    line-height:1.2;}
                    
                    #right .box .boxContent p.address {
                        text-align:left;}
                    
                #right .box .boxContent p.img {
                    margin-right:0;
                    text-align:right;}
                
                #right .box .boxContent a, #right .box .boxContent a:hover {
                    display:block;
                    padding:0 0 .3em 0;
                    font-style:italic;
                    font-weight:bold;
                    color:#fff;
                    text-decoration:none;
                    text-align:right;
                    border-bottom:1px dashed #fff;}
                    
                    #right .box .boxContent a:hover {
                        color:#f6cb00;
                        border-bottom:1px dashed #f6cb00;}
                        
                    #right .box .boxContent a:after {
                        content:' »';}

        /* individual box styles - default is brown, #6d5f2e */

            /* GREEN */
            #right .greenBox .boxContent {
                background-color:#0c5238;}
                
            #right .greenBox .bottom {
                background-image:url(/images/right_box_green_bottom_left.png);}
                
            #right .greenBox .bottom div {
                background-image:url(/images/right_box_green_bottom_right.png);}
                
            /* BLUE */
            #right .blueBox .boxContent {
                background-color:#437681;}
            
            #right .blueBox .bottom {
                background-image:url(/images/right_box_blue_bottom_left.png);}
            
            #right .blueBox .bottom div {
                background-image:url(/images/right_box_blue_bottom_right.png);}


/* print footer for copyright */
#printFooter { display: none; }



/* info window - used on map & exec committee contact */
#screenCover {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:300;
    background:transparent url('/images/left_bg.png') repeat;}


#mapContainer {
    position:absolute;
    top:25px;
    left:0px;
    z-index:400;
    height:100%;
    width:100%;
    text-align:center;}
    
    #mapContainer .closeMap {
        width:790px;
        margin:0 auto;
        text-align:right;}
        
        #mapContainer .closeMap a {
            color:#fff;
            border:1px solid #fff;
            border-bottom:none;
            background:#03627b;
            padding:.2em .5em;
            text-decoration:none;}
            
            #ie6 #mapContainer .closeMap a, #ie7 #mapContainer .closeMap a {
                float:right;}
                
            #mapContainer .closeMap a:hover {
                background:#6bafBf;}
        
    #mapContainer #map {
        float:left;
        clear:both;
        width:100%;}
    	
    	
	/* info window */
	#infoWindow {
	    position:absolute;
	    top:100px;
	    left:100px;
	    width:485px;
	    z-index:1000;}
	    
	    #infoWindow #loading {
	        float:left;
	        width:100%;
	        background:transparent url(/images/map_info_window_bg.png) repeat-y;}
	        
        /* so the window appears on top of flash */
        #infoWindow iframe {
            position:absolute;
            top:0px;
            left:0px;
	        width:485px;
	        height:px;
	        border:0;
	        z-index:-1;
	        opacity:0;
	        filter:alpha(opacity=0);}
	    
	    #infoWindow .top, #infoWindow .bottom {
	        float:left;
	        width:100%;
	        height:10px;
	        font-size:0;
	        background:transparent url(/images/map_info_window_top_bg.png) no-repeat center center;}
	        
	    #infoWindow #infoContent {
	        float:left;
	        width:100%;
	        text-align:left;
	        background:transparent url(/images/map_info_window_bg.png) repeat-y;}
	        
	        #infoWindow #infoContent .innerPadding {
	            padding:0 2%;}
	        
	        #infoWindow #infoContent .header {
	            width:100%;
	            cursor:move;}
	            
            #infoWindow #infoContent .scroller {
                width:100%;
                height:15em;
                overflow:auto;}
                
                #infoWindow.contact #infoContent .scroller {
                    height:7em;}
                
                #infoWindow #infoContent .scroller .innerPadding {
                    padding-bottom:1em;}
	    
	    #infoWindow .close {
	        float:left;
	        width:100%;
	        padding:1% 0;
	        background:transparent url(/images/map_info_window_bg.png) repeat-y;}
	        
	        #infoWindow .close a {
	            color:#fff;
	            font-variant:small-caps;
	            text-decoration:none;}
	            
	            #infoWindow .close a:hover {
	                color:#f6cb00;}
	                    
	    #infoWindow .bottom {
	        background:transparent url(/images/map_info_window_bottom_bg.png) no-repeat center center;}
        
        
        
        
        
    #center .pagination {
        float:left;
        clear:both;
        width:100%;
        margin:1em 0;
        text-align:center;}
        
        #center .pagination .buttons {
            float:left;
            width:10%;}
            
            #center .pagination .buttons a {
                margin:0 .2em;}
                
        #center .pagination .pages {
            float:left;
            width:78%;
            margin:0 1%;}
            
/* Workshops */
div.registrationInfo {
    line-height: 1.5;}
    
div.registrationInfo span.date {
    font-weight: bold;}
    
span.eventCost {
    font-weight: bold;}
    
ol.registrationForm input, ol.registrationForm textarea {
    background: #ffffff;
    border: 1px solid #666666;}
    
p.submitContainer {
    text-align: right;}
    
#center ol.form li div.help {
    background-image: url('/images/help.png');}
    
ul.registrationForm {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;}
    
    ul.registrationForm li {
        border-bottom: 3px dotted #3D623F;
        padding-bottom: 1em;
        overflow: hidden;
        clear: both;}
        
        ul.registrationForm ul li {
            border-bottom: none;
            padding-bottom: 0;
            list-style-type: disc;
            overflow: visible;}
    
ul.registrationForm div {
    padding: 0 0 1em 0;
    float: left;}
    
ul.registrationForm div.eventRegister {
    float: right;
    margin-right: 20%;}
    
div.eventSummary {
    clear: both;
    float: none;
    width: 100%;}
    
div.errorMessage {
    color: #9A233B;
    padding: 2em;
    background: #D7D1C6;
    border: 1px solid #9A233B;
    margin-top: 1em;
    font-weight: bold;}