/* Authored by Tim Rauter October 2005 */
body {
margin: 30px auto;
background-color: #646464;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
text-align: left;
}

a {
color: #336699;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #475C78;
font-weight: bold;
text-decoration: underline;
}

.title {
font-size: 12px;
font-weight: bold;
color: #304F78;
    text-align: right;
}
.g_title {
font-size: 12px;
font-weight: bold;
color: #304F78;
    text-align: center;
}

.header {
height: 110px;
background-image: url(images/headerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
}

.headerleft {
padding: 15px 0 0 15px;
}

.headerright {
padding: 15px 15px 0 0;
}

.mainbody {
background-image: url(images/mainbodybg.gif);
background-repeat: repeat-y;
background-color: #646464;
}

.mainleft {
padding: 0 0 0 20px;
}

.dividervert {
background-image: url(images/divider_vert.gif);
background-repeat: repeat-y;
}

.mainright { 
padding: 10px 15px 0 5px;
}

.footer {
height: 43px;
margin: 0;
background-image: url(images/footerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
}

.footerleft {
padding: 8px 0 0 35px;
font-size: 9px;
}

.footerright {
text-align: right;
padding: 8px 35px 0 0;
font: size: 9px;
}

.poweredBy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
}
     .style1{
            padding: 15px 0 0 15px;
            width: 208px;
            height: 89px;
            color: #FFFFCC;
            font-weight: bold;
        }
        .style2
        {
            color: #FFFFFF;
        }
        .style3
        {
            width: 424px;
            color:White;
        }
        .style4
        {
            width: 10px;
        }
        .style5
        {
            width: 182px;
        }
        .style6
        {
            color: #FFFFFF;
            width: 300px;
        }
td.details input {
width:300px; height:100px;  
} 
td.name input {
width:120px; 
}
td.date input {
width:80px; 
}
td.location input {
width:100px;
}

        
.welcommessage
{
 color:White;
 
}


.btn { 
	  background-color:#FFFFCC;
color: #006699;
font-family: arial, verdana, ms sans serif;
font-weight: bold;
font-size: xx-small; 

	  /*filter:progid:DXImageTransform.Microsoft.Gradient 
	  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
	} 
	
	
	
	/**Gallery***/
		body{
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:80px;
	}
	#dhtmlgoodies_slideshow{
		width:593px;	/* Total width of slideshow */
    height: 492px;
}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/508px;
    top: 0px;
    left: 1px;
    width: 594px;
}
	#previewPane img{
		line-height:400px;
    height: 480px;
    width: 520px;
}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:1.6em;
    height: 21px;
}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/142px;
    top: 4px;
    left: 5px;
}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
    top: 1px;
}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:239px;
		left:39px;
		width:99981px;
    top: 7px;
}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		border-style: none;
    border-color: inherit;
    border-width: 0px;
    float:left;
		    padding:1px;
		    /**filter: alpha(opacity=50);
		    opacity: 0.5;**/
		    cursor:pointer;
		    height: 108px;
    width: 123px;
}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}