body {
	        font-family: Arial, Helvetica, sans-serif;
	        font-style: normal;
	        color: #336699;
			font-size:12px;
	        background-color: #FFFFFF;
	        font-weight: normal;
	        width:90%;
	        margin-left:auto;
	        margin-right:auto;
	        margin:top:30px;
        }
        
        .marginRight 
        {
        	margin-right:10px;
        }
        
.sitetitle
{
	color: #336699; 
	font-family: 
	Arial Narrow, serif; 
	padding-top: 60px;
    font-size: 32pt; 
    margin-left: 60px;
}        
        
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -2px;
    top: -2px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border-right: 1px solid #848284;
        border-bottom: 1px solid #848284;
    }
        
        
        a.header 
        {
        float:left;
        width:6em;
        font-size:12px;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        color:white;
        background-color:#00589F;
        padding:0.2em 0.6em;
        border-right:1px solid white;
        }
        
        a.header:hover 
        {
            color:#00589F;
        	background-color:#95CDF6;
        }
        
        td.header
        {
			font-size:12px;
			padding-left:10px;
			padding-bottom:5px;
        }
        
        td.header a
        {
			text-decoration:none;
        }
        
        li 
        {
        	display:inline
        }
        
        .cell
        {
        	padding-left:5px;
        }
        

        .breadcrumbnode
        {
            color:#336699;
            background-color:White;
            font-size:12px;
        }
        
        a.breadcrumbnode
        {
            font-size:12px;
            width:auto;
            padding:0.2em 0.2em;
            text-decoration:underline;
        }
        
         a.breadcrumbnode:hover 
        {
        	background-color:#95CDF6;
        }
        
        #contentArea
        {
        	min-height:400px;
        }
        
        .footer
        {
        	width:1258px;
        	text-align:center;
        }
        
      
#mainContent
{
	min-height:500px;
}
        
.dropdown {float:left; margin-bottom:0px; margin-top:0px;}
.dropdown dt {padding:6px; width:118px; margin-left:auto; margin-right:auto; margin-top:5px; font:tahoma; font-weight:bolder; font-size:8pt; cursor:pointer;}
.dropdown dd {position:absolute; overflow:hidden; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; border:1px solid #9ac1c9;}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:4px; color:#333; text-decoration:none; background:#eaf0f2; width:129px; margin-left:auto; margin-right:auto;}
.dropdown a:hover {background:#d9e1e4; color:#000}



div.clearfix {padding:5px 0px; vertical-align:top;} /* provides vertical spacing */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.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 */
    padding:0 0 0 1px;
}

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

.clearfix div
{
    float:left;
}
/* 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 */

/* from CSS Designer's Guide chapter 7 */

.floatright
{
	float:right;
}

.formcontainer 
{
    padding: 20px;
    margin-left:auto;
    margin-right:auto;
    min-height:380px;
    min-width:250px;
}
.formcontainer h3 {margin:0 0 10px 10px; padding-top:10px; font-weight:bold; font-size:14px;} /* adjust top margin for your context */
.formcontainer h4 {margin:0 0 5px 10px; font-weight:normal; font-size:14px;}


fieldset
{
    margin-top:8px;
}

fieldset label /* this is the text label on the left of each input */
{
    width:80px; 
    float:left;
    font-size:12px; 
    color: #003366;   
    margin:0 15px;
    text-align:right;
    font-weight:bolder;
} 

fieldset div label
{
    width:80px; 
    float:left;
    font-size:12px; 
    color: #003366;   
    margin:0 10px;
    text-align:right;
    font-weight:bolder;
}

.gridSelected
{
    background-color:Aqua;
    font:normal 11px Verdana;
    /*
    line-height:15px;
    */
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}


div.head   
{
    /*
    border-bottom: 1px solid #CCC;
    */
    margin-left:15px;
    margin-right:15px;
}

div.headLeft  {
    float:left;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}


div.headRight 
{
    float:right;
    margin-right:20px;
}

div.headRight a 
{
    margin-left:18px;
    font-size:14px;
    vertical-align:text-bottom;
}


div.subhead   
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

div.subhead a 
{
    float:right;
    margin-left:18px;
    font-size:12px;
    text-decoration:none;
}

.buttonbar
{
    padding-left: 6px;
    padding-top: 8px;
    vertical-align:middle;
}

a.buttonbar
{
    float:right;
    margin-right:18px;
    font-size:12px;
    text-decoration:none;
}

    .calendar
    {
        margin-left: auto;
        margin-right: auto;
    }
    .calendarnextprev
    {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
    }
    .calendarTitle
    {
        font-size: 24px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    td.calendarnextprev a
	{
		text-decoration:none;
		font-size:12px; 
		padding:15px;
	}

    .eventTitle
    {
        font-weight: bold;
    }
    .eventDescription
    {
        font-weight: normal;
    }

    .eventCity
    {
        font-weight: bold;
    }
    .eventDate
    {
        font-weight: bold;
    }

    .eventAffiliate
    {
        font-weight: bold;
    }

    .eventLink
    {
        font-family: tahoma;
        font-size: 8pt;
    }

        .affiliateName
        {
        	font-size:large;
        	font-weight:bold;
		}
		
		.affiliateImage
		{
			float:left;
			margin-right: 15px;
			margin-bottom: 15px;			
		}
        
        .affiliateDescription
        {
        	font-weight:normal;
        	padding-bottom: 15px;
        }
        
        .affiliateAddress
        {
        	font-weight:normal;
        }
        
        .affiliateCityState
        {
        	font-weight:bold;
        }
        
        .affiliateEmail
        {
        	font-weight:normal;
        }
        
        .affiliateWebsite
        {
        	font-weight:normal;
        }
        
.pnlContactRosters 
{
	 width:300px; 
	 height:300px; 
	 margin:auto; 
	 overflow:auto; 
	 border:solid 1px black; 
	 background-color:White; 
	 position:absolute; 
	 top:245px; 
	 z-index:2; 
	 margin-left:200px;
}

    .affiliateName
    {
    	font-size:large;
    	font-weight:bold;
    }
    
    .affiliateDescription
    {
    	font-weight:normal;
    }
    
    .affiliateAddress
    {
    	font-weight:normal;
    }
    
    .affiliateCityState
    {
    	font-weight:bold;
    }
    
    .affiliateEmail
    {
    	font-weight:normal;
    }
    
    .affiliateWebsite
    {
    	font-weight:normal;
    }
    
    .affiliateWindow 
    {
        width:800px;
        position:absolute;
        left: 50%;
        margin-left: -400px;
    }

.pnlEventDialog
{
	position: absolute; 
	left: 350px; 
	top: 40px;
	width: 700px;
    border: 1px solid; 
    z-index: 1; 
    background: #ffffff;
}