/*	FIXES	*********************************************/

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of no-extra-markup clearing method */
body { background-image:url(../images/bg_tile.jpg); behavior:url(css/csshover.htc); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
	
a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:ff00ff; text-decoration:underline;}
a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:none;}
	
* {margin:0px; padding:0px;}

/*	CONNTAINERS	*********************************************/

div#container {position:relative; max-width:730px;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "730px":
        "auto" ); margin-left:auto; margin-right:auto;}

div#content {width:730px; background-color:#ededed;}
div#contentLeft{ width:169px; float:left; height:100%; text-align:center; margin:0px 5px 0px 0px; float:left; background-image:url(../images/bg_content_areas.jpg);}
div#contentRight{ width:556px; height:100%; float:left; background-image:url(../images/bg_content_areas.jpg);}

div#header{background-image:url(../images/header.jpg); background-repeat:no-repeat; width:730px; height:169px;}

/****	GLOBAL	*************************************************/

.leftP { padding:3px 3px 5px 3px;}
.rightP { padding:20px 3px 5px 3px;}
.strongTitle { color:#3366CC;}
.strongArtists { color:#3b9b0c; font-size:14px;}
.strongArtistsTitle { color:#000000; font-size:14px;}
.strongMainTitle { color:#3b9b0c; font-size:16px;}

h2.titles{ color:#83b383; font-size:16px; margin:20px 0px 20px 5px;}

/**** 	GET INVOLVED	***************************************************/

ol.getin{margin:10px 5px 10px 50px;}
ol li ol.insidegetin{margin:10px 5px 20px 50px;}
ol li ol li.insideli{margin:5px 0px 5px 0px;}

div#involvedBot{ margin:120px 0px 0px 0px; text-align:center;}

/**** 	EVENTS	***************************************************/

.rightevents { padding:20px 3px 15px 3px; text-align:center;}
div#contentRightEv{ width:556px; height:100%; float:left; background-image:url(../images/bg_content_areas.jpg);}
p.details{ padding:0px 5px 0px 3px;}
p.addlinks{ padding:0px 3px 15px 3px; width:400px;}

ul.donors{margin:5px 5px 10px 20px;}
ul.donors li {margin:5px 5px 5px 20px;}

ul.pastEvents{margin:5px 3px 10px 5px; list-style-type:none;}

img.haas{ padding:0px 10px 0px 10px;}

.artinparkTxt{ padding:0px 3px 15px 3px; text-align:left;}
div#contentRightEv table{ clear:both;}
div#contentRightEv table tr td{ background-color:#e5e3d8;}
/**** 	CONTACT	***************************************************/
p.friends{ padding:20px 3px 5px 25px;}
/**** 	FRIENDS	***************************************************/

div#friendsBot{ margin:30px 0px 0px 0px; text-align:center;}


/**** 	MENU	***************************************************/

div#listMenu { width:730px; background-color:#1d532f; border:1px solid #c3d7c3;} 



div#listMenu a{ 
   display:block; 
   height:32px;
   padding-top:14px; 
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px; 
   font-weight:bold; 
   color:#FFFFFF; 
} 

div#listMenu a:hover{ 
   display:block; 
   text-decoration:none; 
   background-color:#c3d7c3; 
   height:32px;
    
  
}

div#listMenu ul {
	margin: 0px 0px 0px 0px; 
   	text-align: center; 
  	float: left; 
   	list-style-type: none; 
	
} 


div#listMenu li.homeBtn{ text-align:center; float:left; width:107px; background-color:#60866c;}
div#listMenu li.homeBtnMark{ text-align:center; color:#FFFFFF; float:left; width:107px; background-color:#1d532f; height:32px; padding-top:14px; font-weight:bold;}
 
div#listMenu li.involvedBtn{ text-align:center; float:left; width:107px; background-color:#60866c;} 
div#listMenu li.involvedBtnMark{ text-align:center; color:#FFFFFF; float:left; width:107px; background-color:#1d532f; height:32px; padding-top:14px; font-weight:bold;}

div#listMenu li.eventsBtn{ text-align:center; float:left; width:107px; background-color:#60866c;} 
div#listMenu li.eventsBtnMark{ text-align:center; color:#FFFFFF; float:left; width:107px; background-color:#1d532f; height:32px; padding-top:14px; font-weight:bold;}

div#listMenu li.contactBtn{ text-align:center; float:left; width:107px; background-color:#60866c;} 
div#listMenu li.contactBtnMark{ text-align:center; color:#FFFFFF; float:left; width:107px; background-color:#1d532f; height:32px; padding-top:14px; font-weight:bold;}

div#listMenu li.friendsBtn{ text-align:center; float:left; width:107px; background-color:#60866c;} 
div#listMenu li.friendsBtnMark{ text-align:center; color:#FFFFFF; float:left; width:107px; background-color:#1d532f; height:32px; padding-top:14px; font-weight:bold;}




/****	FOOTER	****************************************************/
div#footer{width:730px; text-align:center; height:32px; margin-top:10px; background-color:#1d532f; clear:both;}
div#footer a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:underline;}
div#footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:underline;}
div#footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#162e5f; text-decoration:underline;}
div#footer a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:white; text-decoration:none;}