/* Layout Start */
#skin_wrapper {
 width: 987px;
 padding: 0px;
 margin: auto;
 text-align: left;
}

#skin_login {
 position: relative;
 display:block;
 font-size: 12px;
 line-height: 30px;
 width: 34%;
 text-align:left;
 float:left;
 margin: 0px;
 color: #FFFFFF;
}

#skin_topnav {
 position: relative;
 display:block;
 font-size: 12px;
 line-height: 30px;
 padding-right: 3px;
 margin: 0px;
 width: 65%;
 text-align:right;
 float:right;
 color: #FFFFFF;
}

#skin_footer {
 width: 984px;
 margin-top: 4px;
 text-align: left;
 border-top: 1px solid #C1C1C1;
 float:left;
 font-size: 10px;
 }

#skin_ct {
 float:left;
 width: 984px;
 margin: 0px;
 }
 
 #skin_top_flash {
 width: 984px;
 margin-bottom: 3px;
 position:relative;
 }

#skin_ct_holder {
 width: 984px;
 margin-top: 4px;
 }

#skin_ct_lcol {
 background-color: #F3F3F3;
 margin: 0px;
 vertical-align: top;
 border: 1px solid #C1C1C1;
 }
 
 #skin_breadcrumb {
 clear:both;
 height:19px;
 line-height: 17px;
 background: #CCCCCC url('images/breadcrumb.gif') repeat-x;
 padding-left: 8px;
 font-weight:bold;
 }
 
 #skin_ct_mcol {
 margin: 0px;
 vertical-align: top;
 width: 3px;
 }
 
 #skin_ct_rcol {
 background-color: #F3F3F3;
 margin: 0px;
 vertical-align: top;
 border: 1px solid #C1C1C1;
 }

.skin_breadcrumb_2 {
 clear:both;
 height:19px;
 line-height: 17px;
 background: #CCCCCC url('images/breadcrumb.gif') repeat-x;
 padding-left: 8px;
 font-weight:bold;
 }
 .skin_breadcrumb_2:hover {
 clear:both;
 height:19px;
 line-height: 17px;
 background: #CCCCCC url('images/breadcrumb2.gif') repeat-x;
 padding-left: 8px;
 font-weight:bold;
 cursor:pointer;
 }
 
 #skin_content {
 margin: auto;
 padding-top: 10px;
 padding-left:10px;
 padding-right:10px;
 z-index:10;
 }
 
 .skin_breadcrumb_main {
 clear:both;
 height:19px;
 line-height: 17px;
 background: #CCCCCC url('images/breadcrumb.gif') repeat-x;
 padding-left: 8px;
 font-weight:bold;
 cursor:pointer;
 }
 
 .skin_breadcrumb_main:hover {
 clear:both;
 height:19px;
 line-height: 17px;
 background: #CCCCCC url('images/breadcrumb2.gif') repeat-x;
 padding-left: 8px;
 font-weight:bold;
 cursor:pointer;
 }
/*banners */
.headerSlideShowSmall 
{
	width: 982px;
	height: 135px;
	border: solid 1px #ffffff; 
}

.headerSlideShowSmall img
{
	width: 982px;
	height: 135px;
}

.headerSlideShowMedium 
{
	width: 982px;
	/*height: 265px;*/
	border: solid 1px #ffffff; 
}

.headerSlideShowMedium img
{
	width: 982px;
	/*height: 265px;*/
}
.headerSlideShowBig 
{
	width: 982px;
	height: 364px;
	/*background-color:#000000;*/
/*	border: solid 1px #ffffff; */
}

.headerSlideShowBig  img
{
	width: 982px;
	height: 362px;
	border: solid 1px #ffffff; 
}

#logoSlideShow 
{
	width:170px;
	height:60px;
	bottom:10px;
	left:800px;
	z-index:20;
	color:#ffffff; 
	position: absolute; 
	background:url(images/logo_slide_ely.png) no-repeat;
	cursor: pointer;
}

#smallSlidePlaceholder 
{
	width: 982px;
	height: 135px;
	/*background:#CCCCCC;
	border: solid 1px #ffffff; */
	padding-bottom:3px;
}
#mediumSlidePlaceholder 
{
	width: 982px;
	/*height: 265px;*/
	/*background:#CCCCCC;
	border: solid 1px #ffffff; */
	padding-bottom:3px;
}
#bigSlidePlaceholder 
{
	width: 982px;
	/*height: 265px;*/
	/*background:#CCCCCC;
	border: solid 1px #ffffff; */
	padding-bottom:3px;
}
/* Layout End */

/* Right Menu */

.panelCollapsed 
{
	background:url(/images/up.gif) no-repeat;
	padding-right:10px;
	margin-top:5px;
	width:7px;
	height:7px;
	text-align:right; 
	float:right
}

.panelExpanded 
{
	background:url(/images/down.gif) no-repeat;
	padding-right:10px;
	margin-top:5px;
	width:7px;
	height:7px;
	text-align:right; 
	float:right
}
.rightMenuHeader 
{
	text-align:left; 
	float:left
}

/* General Elements */


/*Page Elements Start*/
/* spotlight */
.spotlight_title {
 color: #AF2C00;
 font-size: 12px;
 font-weight: bold;
}
a.more:link { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:10px;}
a.more:visited { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:10px;}
a.more:hover { color: #333333; text-decoration: none; font-weight: bold; font-size:10px;}
a.more:active { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:10px;}
/*spotlight end */

a.unfancy_white {
 /*color: #FFFFFF;*/
 color:Black;
 font-weight: normal;
 text-decoration: none;
 cursor: pointer;
 }
 
 a.unfancy_white:hover {
 color: #AF2C00;
 }
 /*seach start */
 .kz_searchbox {
 background-color: #FFFFFF;
 border: 1px solid #555555;
 font-size: 11px;
 margin: 0px;
 padding-right:4px;
 padding-left:4px;
 width:100px;
 }

.kz_searchbox:hover {
 background-color: #EFEFEF;
 }
 
 .kz_btn_search 
 {
	padding-top:0px;
	/*padding-bottom:1px;*/
	vertical-align:middle;
	cursor:pointer;
	margin-left:3px;
 }
/* search end */

/* table classes end */
#copyrightSpan 
{
	
}


a.footer:link { color: #333333; text-decoration: none; }
a.footer:visited { color: #333333; text-decoration: none; }
a.footer:hover { color: #AF2C00; text-decoration: underline; }
a.footer:active { color: #333333; text-decoration: none; }

a.decrease:link { color: #AF2C00; text-decoration: none; font-size:11px;}
a.decrease:visited { color: #AF2C00; text-decoration: none; font-size:11px;}
a.decrease:hover { color: #333333; text-decoration: underline; font-size:11px;}
a.decrease:active { color: #AF2C00; text-decoration: none; font-size:11px;}

a.increase:link { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:11px;}
a.increase:visited { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:11px;}
a.increase:hover { color: #333333; text-decoration: underline; font-weight: bold; font-size:11px;}
a.increase:active { color: #AF2C00; text-decoration: none; font-weight: bold; font-size:11px;}

/* breadcrumb */

#skin_breadcrumb span a 
{
	font-weight: bold;	
}
.skin_breadcrumb_main span a 
{
	font-weight: bold;	
}
#skin_breacrumb span a:visited 
{
	color: #AF2C00;
}

/* Page Elements End */

/* right menu */
ul.submenuList {
 list-style:none;
 line-height: 16px;
 /*padding-left: 6px;*/
 padding-left: 18px;
 list-style-image: url(/images/indent.gif);
 }
 
 ul.submenuList li 
 {
 /*	list-style-image: url(/images/menu/indent.gif);*/
 /*background: transparent url(/images/menu/indent.gif) left center no-repeat;*/
 }
 
ul.submenuList a{
 text-decoration: none;
 color: #555555;
 }
ul.submenuList a:link{
 text-decoration: none;
 color: #555555;
 }
 ul.submenuList a:hover{
 text-decoration: none;
 color: #000000;
 }

ul.submenuSubList {
 list-style:none;
 line-height: 14px;
 padding-left: 11px;
 /*list-style-position: inside;*/
 list-style-image: url(/images/indent.gif);
 }

ul.submenuSubList li 
{
	/*list-style-image: url(/images/menu/indent.gif);*/
	/*padding-left: 11px;(*/
 }
 
/* right menu end */

/* Top Menu System Start */
.menu {width:987px; height:46px; font-size:11px; position:relative; z-index:100; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:988px; w\idth:987px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px; margin:0px; list-style-type:none;}
.menu ul ul {width:141px;}/*was 141*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:141px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:46px; background:#758279;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:141px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#FFFFFF url('images/arrow1.gif') no-repeat right center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#AF2C00 url('images/arrow2.gif') no-repeat right center;
}

/* Drop down with arrow */
.menu ul ul :hover > a.drop {
	background-color: #AF2C00;
	background-image: url(/images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF;}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#AF2C00;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:46px;
	left:-2px;
	width:135px;/*sub level box width was 141*/
	height:auto;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #E7E7E7;
	border-right-color: #E7E7E7;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:45px;t\op:46px;}

/* position the third level flyout menu */
.menu ul ul ul{left:135px; top:-1px; width:135px;} /* olliegash both changed from 141px*/

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-141px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a {background:#FFFFFF; color:#000000; height:auto; padding:3px 5px; width:auto; border:2px solid #FFFFFF; }
.menu ul ul a:visited {background:#FFFFFF; color:#000000; height:auto; padding:3px 5px; width:auto ; border:2px solid #FFFFFF;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover {
	color:#ffffff;
	background:#AF2C00;
}
.menu ul ul a:hover{
	color:#ffffff;
	background:#AF2C00;
}
.menu :hover > a {
	color:#fffFFF;
	background:#AF2C00;
}
/* Main Drop Down - Red Area */
.menu ul ul :hover > a {
	color:#fffFFF;
	background:#AF2C00;
	border: 2px solid #FFFFFF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul ul li {
	width:135px;
} 
/* Top Menu System End */

/*fiseye*/
.latestNewsFisheye {
float:left;margin-left:20px;height:135px;width:462px; display:block;
/*float:left;margin-left:55px;height:135px;width:404px; display:block;border:solid 1px blue;*/
}
.meetUsNewsFisheye {
float:left;/*width:100%;*/margin-left:32px;height:135px;text-align:center;width:300px;display:block;
}


/*events list -  event calendar */

.eventHeader 
{
	border: solid 1px #999999;
	background-color: #CCCCCC;
	color:#AF2C00;
	display:block;
	width:672px;
	height:20px;
	margin-top:5px;
	line-height:20px;
	font-weight:bold;
	font-size:13px;
}
/*
.eventTitle 
{
	 font-weight:bold;
	 font-size: 13px;
	 text-align:center;
	 width:690px;
}
.eventStartTime 
{
	 float:left;
	 padding-left:11px;
	 padding-right:11px;	
}

.eventEndTime 
{
	 float:left;
}

.eventLocation 
{
	 text-align:right;
	 padding-right:11px;	
}
*/
#eventListHeader 
{
	display:block;
	height:20px;
	width:672px;
}
.eventStartTimeHeader 
{
	width:80px; 
	text-align:left; 
	padding-left:5px; 
	float:left;
	font-size:13px;
}
.eventDescriptionHeader 
{
	width:350px;
	text-align:left;
	float:left;
	font-size:13px;
}
.eventLocationHeader
{
	width:150px;
	text-align:left;
	float:left;
	font-size:13px;
}
.eventEndTimeHeader {
	width:80px;
	text-align:left;
	float:left;
	font-size:13px;
}

.eventStartTime 
{
	width:80px; 
	text-align:left; 
	padding-left:5px; 
	float:left;
	color:#a90d20;
}
.eventDescription
{
	width:320px;
	text-align:left;
	float:left;
	color:#a90d20;
}
.eventLink 
{
	width:30px;
	text-align:left;
	float:left;
	color:#a90d20;
}
.eventLocation
{
	width:150px;
	text-align:left;
	float:left;
	color:#a90d20;
}
.eventEndTime {
	width:80px;
	text-align:left;
	float:left;
	color:#a90d20;
}
.eventLongDescription 
{
	background:#e0e0e0;
}

.spotlightLink 
{
	color:#000000;
	text-decoration:none;
}
.spotlightLink:hover 
{
	color:#000000;
	text-decoration:none;
}
.spotlightLink:visited
{
	color:#000000;
	text-decoration:none;
}

span 
{
	font-size:11px;
}

.currentContent 
{
	font-size:11px;
	font-weight:bold;
}
#rightCategoryMenu 
{
	margin-top:3px;
	margin-bottom:6px;
}
#rightSpotlight 
{
	margin-top:3px;
	margin-bottom:6px;
}
#rightContactUs 
{
	margin-top:3px;
	margin-bottom:6px;
	margin-left: 8px;
}
#rightGallery 
{
	margin-bottom:6px;
}
#galleryTableDescription 
{
	color: #AF2C00;	
}
#printTitle 
{
	display:none;
}
.myBox
{
    margin: 0 auto;
    color: #ffffff;
    text-align: left;
    background-repeat: no-repeat;
    width:283px;
    height:20px;
    position:absolute;
    position:absolute;
    top:1px;
    left:1px;
    z-index:210;
}

.myBoxb
{
    margin: 0 auto;
    color: #ffffff;
    text-align: left;
    background-repeat: no-repeat;
    width:243px;
    height:20px;
    position:absolute;
    /*top:320px;*/
	margin-bottom:0px;
	/*bottom:0px;*/
	top:1px;
	right:1px;
    /*left:1px;*/
    z-index:210;
}
#spotDiv 
{
	top:5px;
	left:45px;
	z-index:110;
	font-size:14px;
	position:absolute;
	padding-left: 17px;
	padding-top: 6px;
}
#spotDivb 
{
	top:7px;
	left:80px;
	z-index:310;
	font-size:14px;
	position:absolute;
	padding-left: 17px;
	padding-top: 6px;
	width: 130px;
}

#treeWrapper 
{
	margin-top:10px;
}
.mailIcon 
{
	vertical-align:middle;
	padding-bottom: 1px;
}

#content_main ul 
{
	margin: 1em 1em 1em 2em;
	padding: 0;
}

#content_main ul li 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;	
}

.clear {
	clear: both;
}

.centre_pic {
display: block; margin-left: auto;	margin-right: auto;	text-align: center;
}

p.centred {
display:block; text-align: center;
}