/* CSS Document */

#wrapper	{
	margin: 0 auto;
	width: 960px;
}

#header	{
	background: url(images/header.jpg) repeat-x;
	height: 153px;
	width: 960px;
}
	
#logo	{
	background: url(images/logo.jpg) no-repeat;
	float: left;
	height: 140px;
	margin: 0 0 0 20px;
	width: 116px;
}	

#title	{
	background: url(images/title.jpg) no-repeat;
	float: left;
	height: 141px;
	margin: 0 0 0 200px;
	width: 350px;
}

#french	{
	color: #fff;
	height: 20px;
	float: right;
	font-size: 1.6em;
	padding: 0 30px 0 0;
	width: 50px;
}
	
* html #french	{
	padding: 0 5px 0 0;
}
	
#french a	{
	color: #fff;
}
	
#dnn_Nav	{
	background: #000;
	color: #fff;
	float: left;
	font-size: 1.6em;
	vertical-align: top;
	width: 181px;
}
/*
* html #dnn_Nav	{
	margin: 10px 0 0 -45px;
}*/

#innerwrapper	{
	float: left;
	width: 741px;
}

/*jquery carousel begins*/

.stepcarousel	{
	background: url(images/scroller-bg.jpg) no-repeat;
	height: 250px; /*Height should enough to fit largest content's height*/
	left: -5px;
	margin: 0 auto;	
	overflow: scroll; /*leave this value alone*/
	position: relative; /*leave this value alone*/
	top: 35px;
	width: 741px; /*Width of Carousel Viewer itself*/
}

.stepcarousel .belt	{
	left: 0;
	position: absolute; /*leave this value alone*/
	top: 0;
}

.stepcarousel .panel	{
	color: #fff;
	float: left; /*leave this value alone*/
	font-size: 1.2em;
	margin: 5px; /*margin around each panel*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	text-align: center;
	width: 183px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img	{
	padding: 7px 0 7px 0;
}

/*jquery carousel ends*/

#breadcrumb	{
	color: #fff;
	height: 20px;
	margin: 35px 0 0 17px;
	width: 540px;
}

* html #breadcrumb	{
	color: #018FCB; /*blue*/
	float: left;
	padding: 0 0 15px 0;
	text-align: left !important;
}

* html #breadcrumb a	{
	color: #018FCB !important; /*blue*/
}

#breadcrumb a, a:link, a:visited, *:first-child + html #breadcrumb a, a:link, a:visited	{
	color: #018FCB; /*blue*/
	padding: 0 5px 0 5px;
}

#breadcrumb a:active, *:first-child + html #breadcrumb a:active	{
	color: #fff;
}

#dnn_ContentPane	{
	background: #000 url(images/crest.jpg) bottom right no-repeat;
	min-height: 140px;
	padding: 0 0 100px 20px;
	width: 740px;
}

#footer	{
	background: #2E5D8B; /*light blue*/
	color: #fff;
	float: left;
	font-size: 1.0em;
	height: 28px;
	line-height: 3em;
	text-align: center;
	width: 960px;
}

#footer a	{
	color: #fff;
}

#footer a:hover	{
	color: #1F2A35; /*deep blue/gray*/
	text-decoration: none;
}

.login 	{
	margin: 0;
	text-align: right;
}

.login a 	{
	color: #fff !important;
}

.Normal {
	color: #EAEADB; 
	font-size: 1.4em;
}

.FCKImageGalleryContainer
{
	background-color: #FFF;
}

.FCKLinkGalleryContainer
{
    background-color: #FFF;
}

#galleryB
{
	margin-bottom: 50px;
}