/* Global Properties */

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2c2c2c; text-align:center; background:url(../images/bgd_header.gif) top repeat-x; }
ul { list-style:none; }
img, fieldset { border:none; }
a { color:#4c9102; text-decoration:underline; outline:none; }
a:hover { color:#4c9102; text-decoration:underline; }
h1 { font-size:26px; font-weight:bold; font-family:Garamond; color:#4c9102; margin:0 0 15px 0; }
h2 { font-size:24px; font-weight:bold; font-family:Garamond; color:#4c9102; margin:0 0 15px 0; }
h3 { font-size:18px; font-weight:normal;font-size: Arial, Helvetica, sans-serif; color:#4c9102; margin:0 0 15px 0; }
h4 { font-size:18px; font-weight:normal;font-size: Arial, Helvetica, sans-serif; color:#333; margin:0 0 15px 0; }
h5 { font-size:14px; font-weight:bold;font-size: Arial, Helvetica, sans-serif; color:#333; margin:0 0 15px 0; }

p { line-height:22px; padding:0 0 20px 0; }
.clear { clear:both; line-height:1px; }

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

textarea { line-height: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 1px}

hr { border: 1px dotted #e7e7e7;margin: 10px 0 24px 0;}

/* End Global Properties */

#header { width:940px; text-align:center; margin:auto; }
	#nav { font-size:12px;display: block; font-weight:bold;overflow: hidden;height: 45px;}
	#nav li { float:left; background:url(../images/bgd_nav.gif) right repeat-y; margin:15px 8px 0 0; padding:0 8px 0 0; position:relative}
	#nav li a { color:#ebf5e6; float:left; padding:8px 10px 8px 10px; text-transform: uppercase }
	#nav li input[type='text'] { display: none;margin: 5px 8px 0 8px; width:100px}
	#nav li a:hover { background:#5bb834; text-decoration:none; color:#FFFFFF; }
	#nav li:last-child { background:none;margin-right: 0; padding-right: 0 }
	#nav li.active a { text-decoration: none; color:#D5FA52}
    
    #nav a.editNavigationItem { display: none}
    #nav li:hover a.editNavigationItem {display:block;position: absolute;top: 0px;left: 0px;float: none;z-index: 150; background-color: #4C9102;padding: 3px;color: #fff;font-weight: bold;font-size: 10px; font-family: Arial, Helvetica, sans-serif}
    
    #nav li.ui-sortable-helper { background:none;margin-right: 0; padding-right: 0 }
	

	
	#maincontent { width:940px; text-align:left; margin:auto; padding:0 0 60px 0; }
	
		#maincontent li { line-height:22px; margin:0 0 5px 0; }
		#maincontent table { background:#e7e7e7; margin:0 0 20px 0; }
		    #maincontent table thead td, #maincontent table th  { text-align: center }
		
		#maincontent td, #maincontent th { background:#ffffff; padding:10px; }

        #maincontent table.compressed { font-size: 0.8em; width:100%}
            #maincontent table.compressed td{padding:5px}
            #maincontent table.compressed td.description{font-size: 0.8em}

        #maincontent table.midsize { font-size: 0.9em; width:100%}
            #maincontent table.midsize td{padding:7px}
            
        #maincontent tr td.numeric {text-align: right}
        #maincontent tr td.negative {color:red}
	
	    #maincontent span.hearts, span.diamonds{color:red}
	    #maincontent span.clubs, span.spades{color:black}
        #maincontent span.clubs {font-size:0.8em}
        #maincontent span.spades {font-size:1.3em}


        

        #maincontent img {max-width:100%}
        
		#maincontent .banner { width:900px; background:#4c9102; color:#FFFFFF; padding:20px; margin:0 0 0 0; }
		#maincontent .banner h1, 
		#maincontent .banner h2, 
		#maincontent .banner h3,
		#maincontent .banner h4,
		#maincontent .banner h5,
		#maincontent .banner h6
		                        { color:#FFFFFF; margin:0 0 15px 0; }
		
		#maincontent .banner span { margin:0 0 0 0; }
		    #maincontent .banner > .left{ width:200px; float:left; border-right:1px solid #70a735; border-top:1px solid #70a735; padding:10px 20px 0 0; }
		        #page.edit #maincontent .banner > .left{ width:196px;}
		        #maincontent .banner > .left textarea {width:196px;height: 192px;  color: white;padding: 1px; background-color: #4C9102 }
		    
		    #maincontent .banner > .right { width:650px; float:left; border-left:1px solid #70a735; border-top:1px solid #70a735; padding:10px 0 0 20px; margin:0 0 0 -1px; }
		        #page.edit #maincontent .banner > .right{ width:196px;}
	            #maincontent .banner > .right textarea {width:646px;height: 192px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white;padding: 1px; background-color: #4C9102 }
		    
	    #maincontent .oneColumn { width:940px; border-top:20px solid #4c9102; margin:50px 0 0 0; }
		    #page.edit #maincontent .oneColumn { width:936px;}
		    #maincontent .oneColumn textarea {width:936px;height: 800px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C; padding: 1px }

	    #maincontent .twoColumns { width:940px; background:url(../images/bgd_content.gif) repeat-y; margin:50px 0 0 0; }
		    #maincontent .twoColumns > .left { width:540px; float:left; }
		        #page.edit #maincontent .twoColumns > .left {width:536px;}
		        #maincontent .twoColumns > .left > input[type='text'] {width:536px; font-size:24px; font-weight:bold; font-family:Garamond; color:#4c9102; margin-bottom:15px  }
		        #maincontent .twoColumns > .left textarea {width:536px;height: 800px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C; padding: 1px }
		    
		    #maincontent .twoColumns > .right { width:360px; float:right; }
                #page.edit #maincontent .twoColumns > .right {width:356px;}
		    	#maincontent .twoColumns > .right textarea {width:356px;height: 845px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C; padding: 1px }

	    #maincontent .threeColumns { width:940px; margin:50px 0 0 0}
		    #maincontent .threeColumns > div { width:300px; float:left;  }
                #page.edit #maincontent .threeColumns > div {width:296px;}
		        #maincontent .threeColumns > div.middle { margin: 0 20px }
		        #maincontent .threeColumns > div textarea {width:296px;height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C; padding: 1px }


    	#maincontent div.highlight { width:900px; background:#dbe9cc; border-top:1px solid #4c9102; border-bottom:1px solid #4c9102; padding:20px; margin:50px 0 0 0; }
		    #maincontent div.highlight input[type='text'] {width:896px; font-size:24px; font-weight:bold; font-family:Garamond; color:#4c9102;margin-bottom: 15px;background:#dbe9cc;  }
		    #maincontent div.highlight textarea {width:896px;height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C;padding: 1px; background:#dbe9cc; }
		
		
	#backtop { width:940px; text-align:right; }
	#backtop a { background:url(../images/bgd_arrow_backtop.gif) left no-repeat; padding:0 0 0 15px; color:#000000; }
	
	
	#footer { background:#38ba00; color:#ebf8e6; padding:40px 0 20px 0; font-size:12px; }
	#footerContent { width:940px; margin:auto; }
	#footerContent p span { margin:0 40px; }
	#footerContent p a { color:#ebf8e6; font-weight:bold; }
	
	
	select#NewSection {margin-top:20px}
	
	
	#accountOptions a { display: inline-block;margin-left: 5px;padding: 4px 5px; background-color: #4C9102;text-decoration: none;color: #4C9102;font-weight: bold;border: solid 2px #4C9102; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	                    background: #d5fa52;
	                    }
	
	
	#pageHeader {display: block;height: 218px;position: relative;}
	    #pageHeader h1 { float:left; }
	        #pageHeader h1 a { background:url(../images/logo.png) no-repeat; width:219px; height:142px; display:block; margin:45px 0 0 0; }
	        #pageHeader h1 span { display:none; }
        #pageHeader .right { float:right; margin:45px 0  0 0; text-align:right; width:700px}	
	
	#pageHeader #pageCaption {float: none;margin: 25px 0 5px 0;font-size: 2.5em; }
	
	
	#navigationEdit { position: absolute;top: 0;left: 0;width: 30px;height: 60px; z-index: 200}
	    #navigationEdit .add {display: block;float: left;width: 30px;height: 30px;background: url(../Images/round_plus_icon_24.png) center center no-repeat; cursor: pointer }
	    #navigationEdit .remove { display: block;float: left; width: 30px;height: 30px; background:url(../Images/trash_icon_24.png) center center no-repeat }
	        #navigationEdit .remove ul { width: 30px;height: 30px;margin-left: 0px;}
	            #navigationEdit .remove ul li { display: none}
	
	
	#editHeader { display: block;height: 218px}
	    #editHeader .left { width: 540px; float:left}
	        #editHeader > .left span { display: block; margin:10px 0 0 0}
	        #editHeader > .left #Path {width:230px}
	        #editHeader > .left #Published { width: 70px; margin-left: 10px}
	        #editHeader > .left label {display: block}
	        #editHeader > .left textarea { width: 536px;height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2C2C2C; padding: 1px}
	        #editHeader > .left input#Caption { width: 480px;height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2C2C2C; padding: 1px; vertical-align: middle}
	        #editHeader > .left input[type='submit'] { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2C2C2C;padding: 1px; vertical-align: middle}
	        #editHeader input#saveHeader { vertical-align: middle}
	        #editHeader img.loader { vertical-align: middle; display:none}
	        
	        #editHeader > .left img.ui-datepicker-trigger { vertical-align: middle;margin-left: 5px; }
	        
	    #editHeader > .right { width:360px; float:right; }
	        #editHeader > .right table { background-color: transparent; margin: 0px}  
	        #editHeader > .right table td { background-color: transparent;padding: 2px;  width: 70px}
	            #editHeader > .right table td:first-child { font-weight: bold; width:100px}
	        #editHeader > .right table th { background-color: transparent;padding: 10px 0 5px 2px;}
	        #editHeader > .right span {display: block;margin: 15px 0 0 5px}
	        
	#editHeaderContainer {width:940px;height: 218px;position: absolute;overflow: hidden; display:none }
	    #editHeaderContainer > #editHeader {width:940px;height: 210px;position: absolute;z-index: 1;top: -218px; background-color: #e7e7e7}
	     
	 .sectionFooter { width: 940px;text-align: right; margin: 5px 0}
	 
	 fieldset { background:#dbe9cc; border-top:1px solid #4c9102; border-bottom:1px solid #4c9102; padding:40px 20px 20px 20px; margin:30px 0 0 0;position: relative}
	    fieldset legend {font-size:20px; font-weight:bold; font-family:Garamond; color:#000;position: Absolute;top: 0px; display: none }
	    fieldset .editor-label { display: block;float: left;width: 150px;clear: left;margin-bottom: 15px; padding-top: 5px}
	    fieldset .editor-field { display: block;float: left; width: 300px}
	        fieldset .editor-field input[type='text'], fieldset .editor-field input[type='password'] { width: 200px;padding: 3px}
	        fieldset .editor-field select { width: 210px;padding: 3px}
	        fieldset .editor-field .field-validation-error { display: block;margin-top: 5px; margin-bottom: 15px}
	        fieldset .editor-field input[type='checkbox'] {margin-top: 6px}
	        fieldset .editor-field a {display: block;margin-top: 5px}
	    fieldset img.ui-datepicker-trigger { vertical-align: middle;margin-left: 5px; }
	    fieldset input[type='submit'] { padding: 3px 10px}
	    fieldset p { clear: both; padding-top: 10px}
	  
	  
	  #page.edit .content, #page.edit h1.title { border: solid 2px transparent; position: relative}
    	  #page.edit .content:hover, #page.edit h1.title:hover { border: solid 2px #4C9102}
        	  #page.edit .content:hover > a.edit, #page.edit h1.title:hover > a.edit {display:block}

      #page.edit h1.title > a.edit { position:absolute;left: -50px;display: none;width: 40px;background-color: #4C9102;padding: 5px;color: #fff;font-weight: bold;font-size: 14px; font-family: Arial, Helvetica, sans-serif  }  

      #page.edit .content > a.edit { position:absolute;left: -65px;display: none;width: 55px;background-color: #4C9102;padding: 5px;color: #fff;font-weight: bold;font-size: 14px; font-family: Arial, Helvetica, sans-serif  }  
        #page.edit .content > a.edit span {display: block; color: #fff;font-weight: bold;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration: none; }  

      #page.edit .content > img.loader { display: none; }  
	  
	  #page.edit .section { border: solid 2px transparent; position: relative}
    	  #page.edit .section:hover { border: solid 2px red}
        	  #page.edit .section:hover > a.deleteSection {display:block}
	  
      #page.edit .section > a.deleteSection { position:absolute;left: 0px;top: -30px; display: none;width: 45px;height: 20px; background-color: red;padding: 5px;color: #fff;font-weight: bold; }  

	  #page.edit #relatedFiles {display:none}
	  
	  
        #page blockquote, #page ul, #page ol, #page dl {
	        /*giving blockquotes and lists room to breath*/
	        margin:1em;
        }
        #page ol, #page ul, #page dl {
	        /*bringing lists on to the page with breathing room */
	        margin-left:2em;
        }
        #page ol li {
	        /*giving OL's LIs generated numbers*/
	        list-style: decimal outside;	
        }
        #page ul li {
	        /*giving UL's LIs generated disc markers*/
	        list-style: disc outside;
        }	  

	  
	  #editPageFooter { clear: both; }
	    #editPageFooter select { height: 24px;vertical-align: middle; margin-top:0}
	    #editPageFooter img.loader { vertical-align: middle;margin-top: 0;display: none;}
	  
	  .editHeading { text-align: right;display: none;}
	  
	      .editHeading input[type='text'] { font-size:26px; font-weight:bold; font-family:Garamond; color:#4c9102; margin:0;padding: 3px; }
	      .editHeading input[type='submit'] {font-size:20px;padding: 3px 0;margin: 5px 0 15px 0; width:70px}
	      .editHeading img.loader {display: none; margin: 5px 0 22px 0;}
	 
	 #maincontent .commentsAndSharing .left textarea { width: 480px;height: 130px; padding:10px}
        #maincontent .commentsAndSharing .left textarea.watermarked { color: #ccc;}
     #maincontent .commentsAndSharing .left img.loader { display: none;vertical-align:middle }  
     
     #maincontent .commentsAndSharing .left .comment .name {font-size: 1.2em}
     #maincontent .commentsAndSharing .left .comment .commentContent { white-space: pre-wrap}
     
	 
	 #pageList {}
	    #pageList .select {width:14px}
	    #pageList .id {width:100px}
	    #pageList .path {width:150px}
	    #pageList .published {width:80px}
	    #pageList .membersAccess {width:75px}
	    #pageList .subscribersAccess {width:75px}
	    #pageList .publicAccess {width:75px}
	    
	  
    #maincontent td.highlight {background-color: #dbe9cc}
    #maincontent td.highlight-semi {background-color: #eaefe6}
    #maincontent td.highlight-stop {background-color: #e5757c}
    #maincontent td.highlight-semi-stop {background-color: #fcbabe}
    #maincontent td.highlight-caution {background-color: #ffb570}
    #maincontent td.highlight-semi-caution {background-color: #fcd9b8}
    #maincontent td.far-rule {border-right: solid 2px #333}