/*
		Colors to be used:
		-----------------
		367e3d - tree green
		505255 - ground brown
		1b4e71 - dark blue   
		fecb3f - yellow
        
	*/
	body {
		font-size: 12px;
		font-family: arial;
		color:#333;
		line-height:18px;
		margin: 0;
		padding: 0;

	}
    h5{font-size:14px;}
	img{border:none;}
	a{color:#1b4e71;outline-style:none;}
    a:hover{color:#1b6e72}
	
	#shadowArea{height:20px;background:url(images/newdrop.png) repeat-x}
	h1{font-size:33px;font-family:Georgia, "Times New Roman", Times, serif;  font-weight:normal;line-height:33px;}
	h2{margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;
; font-size:22px; font-weight:normal; border-bottom:1px dotted #367e3d; padding-bottom:4px;color:#367e3d;margin-bottom:10px;}
    h2 a{text-decoration:none; color: #367e3d;}
	h3{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;font-size:16px; color:#1b4e71}
	#wrapper{
		background-color:#FFF;
	    width: 964px;
	    margin-right: auto;
	    margin-left: auto;

	}
    
    #wrapper-subpage{background-color:#FFF;
        width: 750px;
        margin-right: auto;
        margin-left: auto;}
    #committeepage{width:964px}
	#homepage-bottom-holder li ul li{padding-bottom:10px;clear:left;}
	#homepage-bottom-holder li{padding: 0 5px;}
	#homepage-bottom-holder li{float:left; padding: 5px;}
	
	#bottom-whatsnew{width:350px;margin:0;padding:0;list-style:none; margin-right:40px;}
	#bottom-whatsnew li,#bottom-whatsnew ul, #bottom-events li, #bottom-events ul, #bottom-connect ul, #bottom-connect ul li{margin:0;padding:0;list-style:none;width:100%}
    
	#bottom-whatsnew ul li{padding-bottom:21px;margin-bottom:10px;padding-left:5px;}

	#bottom-events{width:290px;float:left;margin-right:40px;list-style:none;}
	#bottom-connect{width:150px; float:left; list-style:none;}
	#bottom-events ul{width:290px;}
    #bottom-events ul li{float:left;clear:left;margin-bottom:8px;padding-left:5px;}
	#bottom-connect ul li{padding-left:5px;}
	
	#pagetop{height:43px;background-color:#1b4e71;}
	#search{width:210px;_width:200px;float:right;height:35px; padding-top:8px;}
	#searchbox{color:#888; padding-left:5px;}
	#search form {
    	margin: 0px;
    	padding: 0px;
	}
	#homepage-top{height:385px; padding-top:10px;background:transparent;}
	img#mla-logo-text{margin-bottom:13px;margin-left:40px;}
    #slideText{cursor: default;color:#666; font-size:16px; font-family: georgia; position:absolute;margin-top:218px; filter:alpha(opacity=78); opacity:0.78; MozOpacity:0.78; KhtmlOpacity:0.78;background-color:#FFF;color:#000; z-index:99999;width:400px;padding:5px;text-align:center;display:none;}

	#main-slideshowWell{text-align:center;  width:400px;height:277px; margin-bottom:5px; display:block;}
	#main-slideshowWell img{vertical-align:middle;
margin:0 auto;border:1px solid #CCC; padding: 5px;  display:none;text-align:center;display:block;}
	
	#menu-top{width: 964px;
	    margin-right: auto;
	    margin-left: auto;
	    height:25px;
    }
	    
	#menu-top ul{margin:0; padding:0;list-style:none;width:750px; float:left;}
	#menu-top ul li, #menu-top ul li ul li{float:left; text-align:center;padding: 11px 3px 9px 3px; z-index:99999; position:relative;}
	
	/* Sublevel menu */
	#menu-top ul li ul{background-color:#ffe295; width:215px;margin-top:15px;border:1px solid #666}
	#menu-top ul li ul li{clear:left;padding-bottom:5px;text-align:left;padding-left:13px; border:none;border-bottom:1px dotted #1b4e71}

	#menu-top ul li ul li:hover{border:none;border-bottom:1px dotted #1b4e71} 
	#menu-top ul li a, #menu-top ul li ul li a{display:block;font-family:Georgia, "Times New Roman", Times, serif;
;font-size:18px; color:#e1e9e2; padding: 0 12px; border:1px solid #CDC8B1; border-top-width:0; border-bottom-width:0;border-left-width:0}
	#menu-top ul li:hover,#menu-top ul li.selected{border-bottom:4px solid #fecb3f;background:transparent;}
	#menu-top ul li ul li a{display:block; width:200px; padding:0; margin:0; border:none; color:#000;font-size:16px;}
	#menu-top ul li ul li:hover{background-color:#FFF;border-right: 1px solid #666}
    	
	/*#menu-mla{width:160px;padding-right:10px;}*/
	
	#menu-top a{text-decoration:none;}
	
		#menu-top li
	{	}


	#menu-top li a:hover
	{	}
		
		#menu-top li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
            }
		
		#menu-top li ul li
		{	float: none;
			display: inline}
		
		#menu-top li ul li a
		{	
			background: transparent}
		
		#menu-top li ul li a:hover
		{}

	li#menu-contact a{border-right:none; border-right-width:0;}
    
    /* side menus... */
    #content #menuRight li ul
        {    margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
            border-top: 1px solid white;
        margin-left:-199px;
        margin-top:-34px;
        background-color:#FFF;
        border:2px solid #505255;
        width:210px;
        }  
    
    
	#mla-logo-image{margin-left:70px;}
    #mla-logo-image img{margin-top:-5px;}
	#homepage-top-right{float:left;width:500px; }
	#homepage-top-left{width:390px;float:right;text-align:center;padding-top:35px;padding-right:20px;}
	#homepage-top-left p{font-style: italic;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;
;color:#1b4e71;line-height:22px; padding: 2px 0 10px 45px;margin:0;}
    #menu-top ul li#menu-contact a{border-right:none;}
	/* Content... */
	#content{min-height:400px; padding:60px; padding-top:30px;font-size:14px; padding-left:0; padding-right:0; border-top:1px solid #eee;width:874px;}
	#content p{font-size:14px;line-height:20px;padding-bottom:10px;}
	#content h1{width:700px;padding-bottom:20px; margin-top:0; color:#1b4e71; font-size:33px}
    #content h2{border-bottom: 1px solid #bbb}
    li.headerCalendar h2, h2.monthdatediv{background-color:#367e3d; color:#EEE; padding: 5px 10px; border-bottom:1px solid #000; }
	img#mainLogoHeader{height:65px;margin-left:20px;}
	img.mainphoto-right{float:right; border:1px solid #CCC; padding:3px; margin:0 0 15px 15px}
	#subpageHeader{padding-top:5px;width: 550px;
	    margin-right: auto;
	    margin-left: auto;text-align:center;
	     padding-bottom:15px;
	     }
	
	/* Links... */
	#bottom-connect a, #connectLinks a{padding-left:25px; padding-top:3px; padding-bottom:3px;}
	a.link-facebook{background:url(/images/facebook_16.png) no-repeat left top;}
	a.link-twitter{background:url(/images/twitter_16.png) no-repeat left top;}
	a.link-linkedin{background:url(/images/linkedin_16.png) no-repeat left top;}
	a.link-goodreads{background:url(/images/goodreads_icon.png) no-repeat left top;} 
    a.link-blogs{background:url(/images/wordpress_16.png) no-repeat left top;}
	a.link-flickr{background:url(/images/flickr_16.png) no-repeat left top;}
    a.secondLife{background:url(/images/second_life_icon_16x16.png) no-repeat left top;}
    #bottom-connect a.storeLink{margin-left:-50px;height:85px; }
    #bottom-connect a.storeLink img{padding:6px;}
    
	.rssHeader{float:right;}
	.rssHeader img{height:20px;}				/* TODO: Resize the actual image */
	
    
	/* Dates */
	.eventDate-home{font-style:italic}

	/* Footer... */
	#footer{clear:both; text-align:center; background-color: #fff; font-size: 11px; line-height: 16px; text-align: center; margin: 0; padding:10px;padding-top:50px; color:gray}
    #loader {
        width: 400px;
        height: 267px;
        text-align:center;
        }
    #loader img{text-align:center;}

#loader.loading {

background: url(/images/ajax-loader.gif) no-repeat center center;

z-index:99999;

}

.notification{list-style:none;color:red;font-weight:bold;}
#content-rightBox{width:300px;float:right; padding:5px;}

.sharelinks{padding-top:30px; text-align:right;}

/* Events */
img.event_photo{float:right; padding:3px; border:1px solid #CCC;clear:right;}
a.rsslink{float:right;clear:both;background:url()}
.eventsdesc{border-top:1px solid #CCC;;margin-top:15px;padding-top:10px;}
a.rsslink { background: url(/images/feed-icon.jpg) left 50% no-repeat; padding: 0 0 0 21px; font-weight:bold; text-decoration:none;}
a:hover.rsslink { border:none; }
.eventdate_event{font-size:18px; font-weight:bold;}
.eventslist{width:470px;float:left;padding-top:10px; padding-left:15px;}
.eventslist ul li{list-style:none;margin:0;padding:0; padding-bottom:20px;}
.eventslist ul{margin:0;padding:0;}
.eventslist ul li h3{font-weight:normal;margin:0;}
.event_time{font-style:italic; font-size:14px; padding-left:10px;}
.event_details{font-weight:bold;padding-left:10px;}
.event_date{font-weight:bold;padding-bottom:5px; padding-left:10px;}
.eventslist ul h2{padding-top:5px;}
#eventsnav{display:none;}
.eventslist ul li.headerCalendar{padding:0;}
#eventInfo{width:460px;float:left;}
.eventdate{font-style:italic}
#eventsSubtitle{font-size:16px; font-style:italic; margin-top:-30px;padding-bottom:30px; color:#1b4e71}
#event_location{padding-top:10px;}
.categoryFilter{font-size:12px; padding-top:10px;font-style:normal;text-align:left;font-weight:bold;width:300px; }
.categoryFilter input{font-size:12px; }
/* Righthand menu... */
#menuRight{border:1px solid #ccc; margin-right:-20px;width:241px; float:right;padding:5px 10px; background-color:#FFF; margin-bottom:20px;} 
#menuRight h2{border-bottom:none;padding-top:10px;padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #2b474a; color:#2b474a; width:200px;display:block; font-family:arial; font-weight:bold; font-size:16px;}
#menuRight ul, #menuRight ul li{list-style:none; margin:0;padding:0}
#menuRight ul li a{display:block;padding: 5px 0; border-bottom:1px solid #CCC; text-decoration:none;padding-left:15px;}
#menuRight ul li a:hover,#menuRight ul li a.rsslinkItem:hover{background-color:#b4cb8b; color:#333}
#menuRight ul li.last a{border-bottom:none;}
#menuRight ul{padding-right:5px;}
#menuRight ul li a.rsslinkItem { background: url(/images/feed-icon.jpg) right 50% no-repeat; padding-right:21px; text-decoration:none;}


/* News... */
.newslist, .newstext{width:450px;vertical-align:top;}
.newslist ul{list-style:none; margin:0; padding:0;}
.newslist ul li{list-style:none;margin:0;padding:0; padding-left:15px;padding-bottom:20px;}
.newslist ul li a{font-weight:bold;}
#twtr-widget-1{margin:0;}
#shareLinks{padding-top:15px;clear:both;}
#twitterBar{width:260px;float:right;clear:right;text-align:right;margin-right:-20px;}
#twitterBar #twtr-widget-1{float:right}
#twitterBar p{font-size:12px; border-bottom:1px solid #CCC;margin-bottom:5px;}
#twitterBar h3{color:#FFF}

/* Committee Pages */
#committee_image{width:300px;float:right;margin: 10px 0 10px 10px;text-align:center;font-style:italic;}
#committee_image p{padding-top:0;margin-top:0; font-size:12px;}
#committee_image img{padding:3px; border:1px solid #CCC;}
#committeetop{width:720px;}

form#photopulldown{width:255px;  background-color: #fdfaf0; float:right; padding:8px; margin: 16px 4px 0; border:1px dotted #cdcab8;}



/* Styles for photo galleries... */

.galleryholder { clear: left; margin: 12px 0 18px; }
.galleryholder img { padding: 3px; border: 1px solid #ccc; float: left; margin: 0 12px 18px 0;   }
.galleryholder a { font-size: 14px; font-weight: bold; }
.slideshowwell { width:540px;clear:left;} 
.innerslideshowphotowell { background-color: #f8f4e6; width: 540px; border: 1px dotted #e0e0e0; vertical-align: middle; text-align: center; padding: 9px 0 0 0; margin: 6px auto; height:470px;margin-top:-30px}
.imagetitlebar { width: 540px; margin: 0 0 0 20px; padding: 0; }
.slideshowphototitle { float: left; font: bold 14px Arial, Helvetica, sans-serif; text-align: left; padding: 1px 0 0; width: 390px; color: #885c3e; }
#photonavdiv { float:left; vertical-align: middle; font: bold 11px Arial, Helvetica, sans-serif; text-align: right; width: 110px; margin: 0 0 3px; }
.photonavdivimg { border: 0;  }
#img_prevspan { float: left; width: 23px; height:23px;  }
#img_prev { cursor: pointer; } 
* html #navtext { float:left; text-align: center; vertical-align: middle; width: 58px; padding: 0; margin: 4px 0 0;  }
#navtext { float:left; text-align: center; vertical-align: middle; width: 61px; padding: 0; margin: 4px 0 0; }
#img_nextspan { float:right; width: 23px; height:23px;}
#img_next { cursor: pointer; }
.innerimagewell_kvconnect {  margin: 0; text-align: center;}
.mainimg { border: 1px solid #666; }
.captiondivclass { font-size: 12px; line-height:18px; height: 41px; width: 500px; padding: 2px 0 10px; margin: 0 0 0 20px; color: #564d47; }
.phototitle { font-size: 14px; font-weight: bold; padding: 0 0 1px; }
#photoarea h4{width:390px;float:left;margin-top:0;padding-left:30px;padding-top:8px;}

/* Contact Information... */
#contactform{width:600px; height:auto;float:left;}
#contactform a{font-size:16px;font-weight:bold;}
.contactinfo{border-bottom:1px dotted #1b4e71; width:600px;padding: 20px 0;padding-left:30px;}
.contactinfo img{float:right;}
.contacttitle{font-style:italic}
.contactname{font-weight:bold;font-size:16px;}
.contactbio{margin-bottom:0;padding-bottom:0;}
#mainContactForm label{clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#mainContactForm input,#mainContactForm #contact-message2 {font-family:Arial, Helvetica, sans-serif; float:left; padding:2px; margin:2px;  width:300px; position:relative;z-index:1000; font-size:14px;}  
#mainContactForm textarea{float:left;}
#mainContactForm .contact-send{clear:left;float:left;}
#mainContactForm button{float:left;}
#recaptcha_widget_div{float:left;}
#recaptcha_response_field{z-index:1000;position:relative;}


#contactArea h3{padding-bottom:10px;}
#contactForm{width:500px;float:left; border-right:1px solid #CCC;}
#contactArea #contactForm{width:600px;}
#contactMailingAddress{width:200px;float:right;}

/* Blogs... */
#membersList{list-style:none; margin:0;padding:0;}
#membersList li{list-style:none;padding:0;margin:0;border-bottom: 1px solid #CCC; padding-bottom: 10px;padding-top:10px; padding-right:20px;}
#membersList li img,#archiveProfile img{float:left; margin: 0 10px 10px 0; padding:3px; border:1px solid #CCC;}
.profile-name{font-size:16px;font-weight:bold; }
.profile-description{padding-top:10px;font-size:12px;}
#blogsRight{width:210px;float:right;}
#blogsLeft, .narrowcolumn{width:500px;float:left;}
.post h4{font-size:16px;margin-bottom:0;margin-bottom:4px;}
.post .dateDiv{font-style:italic;font-size:12px;}
.post{border-bottom:1px solid #CCC;clear:both;}
#content p.postmetadata{font-size:12px;}
.alignleft{width:360px;margin-bottom:10px;font-size:12px;float:left;}
.alignright{width:360px;float:right;font-size:12px;text-align:right;clear:right;}
.postmetadata{line-height:14px; font-size:14px;}

.contactDepartmentInfo{font-weight:bold;font-size:16px; padding-top:10px;color:#505255;padding-bottom:8px; }
.contactDepartmentInfo a{text-decoration:none; color:#505255}
.contactPerson-title{font-style:italic;}
.contactPerson-phone{padding-top:3px;}
.contactPerson-bio{padding-top:4px;}
.contactPerson-name{padding-bottom:3px;font-weight:bold;}
.contactDepartmentperson{float:left;padding-bottom:10px; border-top:1px dotted #CCC;margin-bottom:5px;padding-top:5px;width:300px;margin-right:25px; float:left;}
#executiveCouncil{width:700px;padding-top:20px;}
#menu-top ul li#menu-home a{font-size:16px; }

/* File downloads */
.filedownload{padding:5px; border: 2px solid #CCC; width:60%;text-align:center;background-color: #F6F9ED;}
.filedownload a{font-size:16px;font-weight:bold;}
.filedownload em{font-size:13px;padding-top:4px;display:block;}
.filedownload img{border:0;padding-top:5px;}
.arrow_orange{color: #367e3d; font-weight:bold;}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; }
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #CCC !important; padding:3px;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#flickr_badge_uber_wrapper{float:right;}

.newsattachment{font-weight:bold;font-size:14px; padding: 10px 0 28px 0;}

#committeesList{padding-left:200px;}
#committeesList li{padding-bottom:6px;}
#os0{width:200px}
#on0Text{font-size:12px;}
#membershipForm{padding-top:10px;}


