/*
EAEFF3 - light bg
85A8BB - main light color
00015c - main dark color

*/




body.oneColFixCtrHdr {
	margin: 0; 
	padding: 0;	
	font-size:100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #88a8bb;
	text-align: center; /* this centers the container in IE 5* browsers.*/
	color: #000000;
    }

.oneColFixCtrHdr #wrapper {
	width: 820px; 
	background-image: url(../images/wrapper-shad-tile.jpg);
	background-repeat: repeat-y;
	margin: 0 auto; 
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
    }

/* \*/
* html #wrapper {
    width: 840px;
    w\idth: 820px;
    }
/* feeds IE 5* PC the correct width due to its non-standard box model */

.oneColFixCtrHdr #header {
	margin: 0 10px;
	padding-left: 10px;
	background-image: url(../images/topBnr4_800x79.jpg);
	background-repeat: no-repeat;
	height: 79px;	
    }

#topNav {
     font-size:10px;
     text-align: center;
    }

.floaterContainer {
    float: left;
    border:1px solid #6497b6;
    background-color:#d1dfe8;
    margin:1px 6px 12px 6px;
    padding: 3px 0 0 0;
    }

.floaterContainer h3, .floaterContainer h4, .floater h3, .floater h4 {
    padding: 5px 0 5px 0;
    margin:5px 0 5px 5px;
    }

.floater {
    float:left;
    width: 198px; /* for IE*/
    w\idth: 200px;  /* the REAL width for good browsers*/
    padding: 0 6px 12px 6px;
    margin:  0 3px;/*set the margins for IE5.5*/
    ma\rgin: 0 5px;/*set the REAL margins for IE 6 and other browsers allows for a float bug in IE 6*/
    }

.floaterthird {
    float:left;
    width: 208px; /* for IE*/
    w\idth: 210px;  /* the REAL width for good browsers*/
    padding: 0 5px 32px 12px;
    margin-right: 13px;/*set the margins for IE5.5*/
    ma\rgin-right: 15px;/*set the REAL margins for IE 6 and other browsers allows for a float bug in IE 6*/
    background-color: #c6d6e3;
    }

.floaterthird.last{
    margin-right: 0;
    }

.oneColFixCtrHdr #nav-container {
	margin: 0 10px;
	width: 800px;
	height: 210px;
	background-image: url(../images/libraryBG_800x210.jpg);
	background-repeat: no-repeat;
    }

#nav-container #floatright {
	float: right;
	margin-right: 1px;
	margin-top: 0px;
	width:330px;
	height:210px;
    }

#nav-container #flashcontent {
	float: right;
	margin-right: 1px;
	margin-top: 0px;
	width:330px;
	height:210px;
    }

#nav-container #floatleft {
	float: left;
	margin-left: 12px;
	margin-top: 4px;
	height:210px;
    }

.oneColFixCtrHdr p.note {
	font-family: Courier, serif;
	font-style:italic;
	color: #CC9933;
	font-size:10px;
    }

.oneColFixCtrHdr p.indent {
    padding-left:55px;
	font-style:italic;
	color: #000;
	font-size:11px;
    }

.oneColFixCtrHdr #mainContent {
	color: #000000;
	margin:0 10px;
	padding: 0 40px 25px 40px; /* remember that padding is the space inside the div box 
	and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(../images/headlineBG3_800x35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    }

.oneColFixCtrHdr #mainContent.Gala09 {
	color: #000000;
	margin:0 10px;
	padding: 0 40px 44px 40px; /* remember that padding is the space inside 
	the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image: url(../images/HolidayGala09-banner800.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    }
    
    
   
    
    
    

.oneColFixCtrHdr #mainContentBlack {
	color: #fff;
	margin:0 10px;
	padding: 0 40px 25px 40px; /* remember that padding is the 
	space inside the div box and margin is the space outside the div box */
	background: #000;
	background-image: url(../images/headlineBG3_800x35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    }


/*  divisions of mainContent*/

#mainContent #mainRight {
	 display: inline; /* fix for IE doubled margin */
	 float: right;/*float to the left to create our column*/
	 width: 420px;/*provides a width for IE5x pc*/
	 w\idth: 418px;/*subtract 2 px -corrects the width for modern browsers*/
	 margin: 1px 1px 20px 1px;
	 background-color:#fff;
	 padding: 1px 6px 12px 6px;
	}

.imgleft{
    float: left;  /*float the image to the left*/
    border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
    margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
    }


.imgleftnoborder{
    float:left;
    margin:6px;
     }
     
.imgright {
    float: right;  /*float the image to the right*/
    border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
    margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
    }

#mainContent .imgright {
    float: right;  /*float the image to the right*/
    border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
    margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
    }

#mainContent .imgrightnoborder {
    float: right;  /*float the image to the right*/
    margin: 5px 0 22px 4px;  /*set the margins to give some "air" around the text*/
    }

.image-with-caption{
	float: right;
	padding-bottom: 11px; 
	}

p.caption {
	font-style: italic; 
    }

.noborder {
    border: 0; 
    }

#mainContent .mainLeft {
	display: inline; /*fix for IE doubled margin*/
	 float: left;/*float to the left to create our column*/
	width: 425px;/*provides a width for IE5x pc*/
	w\idth: 423px;/*subtract 2 px -corrects the width for modern browsers*/
	margin: 4px 1px 20px 1px;
	background-color:#fff;	/* padding: 1px 6px 12px 6px;*/
	}


#mainContent #mainLeft {
	 display: inline; /* fix for IE doubled margin */
	 float: left;/*float to the left to create our column*/
	 width: 420px;/*provides a width for IE5x pc*/
	 w\idth: 418px;/*subtract 2 px -corrects the width for modern browsers*/
	 margin: 1px 1px 20px 1px;
	 background-color:#fff;
	 padding: 1px 6px 12px 6px;
	}


/*  :::::: equal columns inside mainContent*/
#splitLeft {
	 float: left;/*float to the left to create our column*/
	 width: 330px;/*provides a width for IE5x pc*/
	 w\idth: 328px;/*subtract 2 px -corrects the width for modern browsers*/
	 margin: 1px 1px 20px 1px;
	 padding: 1px 1px 90px 1px;
	 border-right: 1px solid black;
    }


#splitRight {
	 float: right;/*float to the left to create our column*/
	 width: 330px;/*provides a width for IE5x pc*/
	 w\idth: 328px;/*subtract 2 px -corrects the width for modern browsers*/
	 margin: 1px 1px 20px 1px;
    }

/*  :::::: extra columns inside mainContent*/
#mainContent #rightcol {
    border-top:1px solid #e5e5e5;
    display: inline; /* fix for IE doubled margin */
    float: right;/*float to the left to create our column*/
    width: 201px;/*provides a width for IE5x pc*/
    w\idth: 199px;/*corrects the width for modern browsers*/
    margin: 10px 3px 20px 10px;
    background-color:#fff;
    background-image: url(../images/boxCurl2_tile.jpg); 
    }    
	 
#rightcol .rightcol {
    height: 24px;
    margin-left:1px;
    background-image: url(../images/boxCurl2_btm.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    }

#mainContent #rightcol p, #rightcol h2, #rightcol h3{
	padding:2px 10px 1px 15px;
	margin-left: 10px;
	line-height: 150%;
    }


#rightcol ul, #rightcol li {
	height: 100%;  /* Holly at CMX */
	} 

#mainContent #leftcol {
	 display: inline; /* fix for IE doubled margin */
	 float: left;/*float to the left to create our column*/
	 width: 155px;/*provides a width for IE5x pc*/
	 w\idth: 153px;/*corrects the width for modern browsers*/
	 margin: 1px 15px 20px 1px;
	 background-color:#EAEFF3;
	 padding: 1px 6px 12px 6px;
	 border: 1px solid #85A8BB;
	}

/*  ----- 1/3 on the left - */
#mainContent #leftcol2 {
	 display: inline; /* fix for IE doubled margin */
	 float: left;/*float to the left to create our column*/
	 width: 265px;/*provides a width for IE5x pc*/
	 w\idth: 263px;/*corrects the width for modern browsers*/
	 margin: 1px 1px 2px 1px;
	 padding: 1px 6px 112px 6px;
	 border-right: 1px solid #85A8BB;
	}
	

/*  2/3 on the right */	
#mainContent #rightcol2 {
	 display: inline; /* fix for IE doubled margin */
	 float: right;/*float to the left to create our column*/
	 width: 390px;/*provides a width for IE5x pc*/
	 w\idth: 388px;/*corrects the width for modern browsers*/
	 margin: 1px 3px 2px 12px;
    }

.oneColFixCtrHdr #mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
    }

#mainContent p strong {
    line-height: 22px;
    }

#mainContent ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px 15px;
	padding: 0;
	line-height: 16px;
	}

#mainContent ul, #mainContent p ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;
	line-height: 16px;
	}
	
#mainContent ul li,
#mainContent p ul li {
	list-style: none;
	padding-bottom: 8px;
	}
		
#mainContent ul li.circle,
#mainContent p ul li.circle {
	list-style: circle;
	}
	
dl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;
	}

dl dt {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	padding-top:10px;
	}
	
/*------- links -------*/
	
ul li a:link,
p ul li a:link,
ul li a:visited,
p ul li a:visited { 
	/*padding: 2px 0 2px 12px;*/
	display:block;
	/*color: #00105c;*/
	color:#757392;
	text-decoration: none;
    }

ul li a:focus, 
ul li a:hover, 
p ul li a:focus, 
p ul li a:hover { 
	color: #000;
	text-decoration: underline;
	display:block;
	/*background-color: #85a8bb;*/
    }

ul.square,
ul li.square {
	padding-left:12px;
	list-style-type: disc;
    }

h1,h2,h3,h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: block;
    }

h2.center, h3.center, p.center {
padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	display: block;
    }

h1 {
	font-size: 1.5em;
	color: #FFFFFF;
    }

h2 {
	font-size: 1.2em;
	color: #00105c;
    }

h3, leftcol2 h3 {
	font-size: 1em;
	color: #00015c;
    }

h4 {
	font-size: 1em;
	display: inline;
    }

.container {
	width: 740px;
	margin: 0 auto;
	}

.oneColFixCtrHdr #footer {
	margin: 0 10px;
	padding: 3px 0 3px 0;
	clear: both;
	background: #85A8BB;
	background-image: url(../images/headlineBG3_800x35.jpg);
	background-repeat: repeat-y;
	color: #00105c;
	text-align: center;
    }

.oneColFixCtrHdr #footer p {
	padding: 0;
	font-size: 1em;
    }

#footer-nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    clear: both;
    margin: 0 0 20px 0;
    }
	
#footer-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	}
	
#footer-nav li {
	display: inline;
	margin: 0 6px;
	padding: 6px 0;
	}

#footer-nav a:link, 
#footer-nav a:visited,
#footer p a:link,
#footer p a:visited { 
	color: #00105c;
	text-decoration: none;
    }

#footer-nav a:hover, 
#footer-nav a:active, 
#footer-nav a:focus,
#footer p a:hover,
#footer p a:active,
#footer p a:focus { 
	text-decoration: underline;
    }   




/* ||||||||||||||||||||||||||||||||||||||||||||*/


.footnote  {
    font-size:10px;
    font-style: italic;
    text-align:right;
    padding: 12px 15px 12px 0;
    }

.footnote a:link, 
.footnote a:visited  {
	text-decoration:none;
    }

.footnote a:hover,
.footnote a:active,
.footnote a:focus {
	text-decoration:underline;
    }


 /* ||||||||||||||||||||||||||||||  */
 
 .clear {
 	clear:both;
 	}
	
.box-seven00 {
	width:700px;
	padding:6px; 
	border: 1px solid #85A8BB;
	margin:0;
	margin-top:22px;
	}
	
.box-seven00 h2 {
	padding:0;
	margin:0;
	}	
 	
.box-seven00 .newsletter-preview-current {
	float:left;
	width:200px;
	display:block;
	border:0;
	}
	
.box-seven00 .newsletter-preview-current p{	
	font-size:9px;
	font-style:italic;
	text-align:center;
	color:#5e5e5e;
	}
	
.box-seven00 .newsletter-preview-description {
	float:left; 
	width:490px;
	}	
	
.box-seven00 .newsletter-preview-archive {
	float:left;
	width:120px;
	display:block;
	}	
	
.box-seven00 .newsletter-preview-description {
	float:left; 
	width:490px;
	}

.box-three40 {
	float:left;
	width:330px;
	padding:6px; 
	margin:0;
	margin-top:6px;
	}	

.box-three40.alpha {
	margin-right:16px;	
	border-right:1px solid #85a8bb;
	padding-right:12px;
	}
	
.box-two60 {
    width:260px;
    float:left;
    margin-bottom:22px;
    border-bottom:1px solid #6696B7;
    }
	
.box-two40 {
	width:240px;
    float:left;
    margin-bottom:22px;
    border-bottom:1px solid #6696B7;
	}
	
.box-155 {
	width:155px;
	float:left;
	padding:0 0 10px 0;
	margin-right:10px;
	text-align:center;
	border:1px solid #e5e5e9;
	}
	
.box-four95 {
	width:495px;
	float:left;
	padding:10px 0;
	/*margin-right:10px;
	text-align:center;*/
	border:1px solid #e5e5e9;
	}
	
	
	
.mission-block {
    width: 250px; 
    text-align:center; 
    margin-top:22px;
    border-top:1px solid #6696B7; 
    padding-top:1px;
    }
	
	
.mission-block-wide {
    width: 400px; 
    text-align:center; 
    margin-top:22px;
	/*font-size:28px;*/
    border-top:2px solid #6696B7;
	border-bottom:2px solid #6696b7; 
    padding-top:1px;
    }	
	
  
p.mission-statement {
    font-weight:bold;
    font-style:italic;
    line-height:160%;
    /*color:#00015c;*/
	color:#6e6e6e;
    } 

p.mission-statement-wide{
    font-weight:bold;
    font-style:italic;
    line-height:200%;
	/*font-size:28px;*/
    /*color:#00015c;*/
	color:#6e6e6e;

    } 
    
#volunteer-block-homepage {
    width:100%;
    float:right;
	border-bottom:5px solid #6396b5;
	margin-bottom:12px;
    }  

#volunteer-block-homepage h2 {
    color:#dfa62a; 
    margin-top:0;  padding:0;
    font-size:26px;
    font-weight:bold;
    text-align:center;
    }   
	
#volunteer-block-homepage h3 {
	font-size:16px;
    font-weight:bold;
    text-align:center;
	padding:0;
	}
	
	 
         
#volunteer-block-homepage p {
    color:#00105c; 
    margin-top:0;
    font-size:12px;
    text-align:left;
	line-height:15px;
    }


.artists-box {
	width: 250px;
	text-align:left;
   /* padding:22px 0 6px 12px; */
    margin-top:22px;
    border-top:1px solid #6696B7; 
}


#volunteer-block-homepage .imgright {
    border:0;
    margin-bottom:14px;
    }

.smallVidArea {
    width:330px;
    float:left; 
    padding-bottom:24px;
    }

.video-title {
    font-weight:bold;
    font-style:italic;
    color:black;
    }

.video-subtitle {
    font-size:10px;
    font-style:italic;
    color:black;
    }
    



.bold {font-weight:bold;}
.ital {font-style:italic;}
.u {text-decoration:underline;}


/* this is used on the newsletter page "click on the newsletter..."  */	
.lite-blue-caption {
	font-size:9px; 
	font-style:italic; 
	color:#6497b6; 
	margin:0;
	}