body
{
	align
	background: #FFFFFF;
	padding: 0px;
	margin: 3% 2%;
}

/*GALLERY*/

	#dhtmlgoodies_slideshow{
		background: #FFFFFF;
		margin-left: 273px;
		padding: 16px 0px 16px 27px;
		
	}
	
	#previewPane{
		border: 1px solid #000;
		margin-right: 1px;	
		text-align:center;
		vertical-align:middle;
		padding-top:30px;
		
		
		/* CSS HACK */
		height: 472px;	/* IE 5.x */
		height/* */:/**/440px;	/* Other browsers */
		height: /**/440px;
		
		width:430px;		
		float:left;
				
	}
	#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;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/445px;	/* Other browsers */
		height: /**/445px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:1px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:375px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#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:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}

/*GALLERY END*/

#container
{
width: 900px;
margin: 0 auto;
background-color: #FFFFFF;
line-height: 130%;
}

#bottom
{
background: #FFFFFF;
}

.clearboth { clear: both; }

#banner
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_1.jpg);
}

#banner2
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_pg.jpg);
}

#leftnav
{
background: #FFFFFF;
float: left;
width: 273px;
margin: 0;
padding: 0px;
}
#reg_box
{
float:left;
width: 252px;
margin: 0px;
padding: 10px 16px 0px 5px;
border: 1px solid #000;
background-color: #9f0906;
}
#content_left
{
float: left;
width: 242px;
margin: 0;
padding: 16px;
border-left: 1px solid #000000;
background-color: #c52517;
}

#content
{
background: #FFFFFF;
margin-left: 273px;
padding: 16px 16px 16px 32px;
}

#footer
{
clear: both;
width: 868px;
background-color: #9f0906;
padding: 16px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}


/*GREEN-GUI-START*/

#banner_B
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_cfp.jpg);
}

#banner_B2
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_act.jpg);
}

#reg_box_B
{
float:left;
width: 252px;
margin: 0px;
padding: 10px 16px 0px 5px;
border: 1px solid #000;
background-color: #116900;
}

#content_left_B
{
overflow: visible;
float: left;
width: 242px;
margin: 0;
padding: 16px;
border-left: 1px solid #000000;
background-color: #3da431;
}

#footer_B
{
clear: both;
width: 868px;
background-color: #116900;
padding: 16px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
/*GREEN-GUI-END*/


/*BLUE-GUI-START*/

#banner_A
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_ac.jpg);
}

#banner_A2
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_sp.jpg);
}

#reg_box_A
{
float:left;
width: 252px;
margin: 0px;
padding: 10px 16px 0px 5px;
border: 1px solid #000;
background-color: #104780;
}

#content_left_A
{
overflow: visible;
float: left;
width: 242px;
margin: 0;
padding: 16px;
border-left: 1px solid #000000;
background-color: #0f88db;
}

#footer_A
{
clear: both;
width: 868px;
background-color: #104780;
padding: 16px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
/*BLUE-GUI-END*/


/*YELLOW-GUI-START*/

#banner_Y
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_sps.jpg);
}

#banner_Y2
{
clear: right;
background: #FFFFFF;
margin-left: 275px;
padding-top: 387px;
border: 1px solid #000;
background-image:url(images/banner_ga.jpg);
}

#reg_box_Y
{
float:left;
width: 252px;
margin: 0px;
padding: 10px 16px 0px 5px;
border: 1px solid #000;
background-color: #cb9508;
}

#content_left_Y
{
float: left;
width: 242px;
margin: 0;
padding: 16px;
border-left: 1px solid #000000;
background-color: #f0c421;
}

#footer_Y
{
clear: both;
width: 868px;
background-color: #cb9508;
padding: 16px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
/*YELLOW-GUI-END*/


/*NAV_BAR*/
#navcontainer ul
{
background: #FFFFFF;
width: 241px;
margin: 0px;
padding: 70px 0px 69px 32px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0px 0px 3px 0px; }

#navcontainer a
{
display: block;
text-align: center;
font-size: 14px;
padding: 5px;
border: 1px solid #000;
width: 160px;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

/*RED*/						/*RED*/
#navcontainer a.red
{
background-color: #c52517;
}
#navcontainer a.red:hover
{
border: 1px solid #333;
background-color: #fd859f;
color: #333;
}

/*BLUE*/						/*BLUE*/
#navcontainer a.blue
{
background-color: #0f88db;
}
#navcontainer a.blue:hover
{
border: 1px solid #333;
background-color: #859cfd;
color: #333;
}

/*YELLOW*/						/*YELLOW*/
#navcontainer a.yellow
{
background-color: #f0c421;
}
#navcontainer a.yellow:hover
{
border: 1px solid #333;
background-color: #ffdc5a;
color: #333;
}

/*GREEN*/						/*GREEN*/
#navcontainer a.green
{
background-color: #3da431;
}
#navcontainer a.green:hover
{
border: 1px solid #333;
background-color: #85fd8b;
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
color: #FFF;
}
/*NAV_BAR*/

/*CLASSES_START*/

.dropcap
{
float: left;
padding-right: 9px;
width: .7em;
font-size: 4em;
line-height: 83%;
}

.teaserbox
{
float: left;
width: 300px;
margin: 10px;
padding: 7px; 
border: 1px solid #4a4a4a;
}



.teaserbox1
{
float: left;
width: 300px;
margin: 16px;
padding: 7px; 
border: 1px solid #4a4a4a;
}



.teaserboxright
{
float: right;
width: 300px;
margin: 0px;
padding: 7px; 
border: 1px solid #000;
}



.york
{
margin: 15px 21px;
padding: 3px;
background-color: #FFF;
border: 1px solid #000;
}



.info
{
display: inline;
float: left;
margin: 0px 5px;
}


.boxr
{
margin: 400px;
padding: 7px;
text-align: center;
text-align-height: middle;
border: 1px solid #4a4a4a;
}

.floatright
{
float: right;
width: 300px;
margin: 16px;
padding: 7px;
text-align: center;
text-align-height: middle;
border: 1px solid #4a4a4a;
}

 .thumbnail
{
float: left;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }

/*CLASSES_END*/


/*TEXT STYLES*/

p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: none;
color: #000;
}

.ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: none;
color: #000;
}

h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
color: #000;
font-style: bold;
}


h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
font-style: none;
margin: 0px;
padding: 0px;
}

h4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
font-style: none;
}

h5
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
font-style: bold;
}

h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
font-style: none;
}


h6
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 16px;
color: #000;
font-style: none;

a:link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fd859f;
margin: 0;
padding: 0;
font-style: none;
}