body
{
	font-family: Arial, 'Apex New' , Tahoma, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	z-index: 0;
	overflow: hidden;
}

#CMS_MainDesign
{
    padding: 2px;
    margin: 2px;
    width: 100%;
    border-spacing: 2px;
}

#BottomText
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	width: 960px; /*border: thin solid #00FF00;*/
	position: absolute;
	bottom: 0px;
	text-align: center;
	height: 15px;
	background-color: #FFFFFF;
	vertical-align: middle;
}
#MainDesign
{
	padding: 0px;
	margin: 0px;
	/*background-image: url(  'gfx/BGStrip.gif' );
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: left bottom;*/
	width: 960px;
	z-index: 0;
	/*min-height: 600px;*/
	height: 1280px;
	text-align: left;
	background-color: #DDDFD9;
}
#FrontPageImage
{
	position: absolute;
	top: 70px;
	z-index: 0;
}
#FrontPageText
{
	/*border: thin solid #00FF00;*/
	/*background-color: #DDDFD9;*/
	padding: 20px 0px 0px 0px;
	/*margin: 0px;*/
	font-family: Arial;
	font-size: 30px;
	color: #000000;
	z-index: 0;
	text-align: center;
	position: absolute;
	width: 960px;
	top: 0px;
	/*vertical-align: middle;*/
	/*height: 50px;*/
}
#FrontPageContent
{
	overflow-x: hidden;
	overflow-y: auto;
	width: 960px;
	position: absolute;
	top: 105px;
	bottom: 5px;
	z-index: 0;
}

#FronPageCutMask
{
	z-index: 1;
	position: absolute;
	width: 960px;
	top: 70px;
}
#Content
{
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 0;
	width: 930px;
	position: absolute;
	top: 130px;
	bottom: 20px;
	padding-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}
.ContentTable
{
	width: 90%;
	z-index: 0;
	margin-left: 10px;
}
.ElvLogo
{
	position: absolute;
	z-index: 999;
	top: 0px;
}
a.ElvLogo:hover
{
	z-index: 999;
	border-width: medium;
	border-color: #ffffff;
	border-style: none dotted dotted none;
}

.LanguageBar
{
	z-index: 1;
	float: right;
}


.ErrorMessage
{
    font-family: Arial;
    font-weight: 900;
    font-size: 14px;
    color: #cc0000;
    z-index: 9999;
}

.ResponseWriteLabel
{
    font-family: Arial;
    font-weight: 900;
    font-size: 14px;
    color: #000000;
    position: absolute;
    z-index: 0;
    height: 0px;
    top: 0px;
}

.RedStar
{
	font-family: Arial;
	font-size: 11px;
	color: #ff0000;
    z-index: 0;
}

#NewsBottom
{
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 0px;
	right: 0px;
	padding-top: 2px;
	padding-left: 2px;
	bottom: 20px;
}

/******************************** menu styles - Start **********************/
.MenuOverAll
{
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 3;
	vertical-align: top;
}
.TopMenu
{
	background-position: right top;
	background-image: url(gfx/RedTopBanner.png);
	height: 70px;
	z-index: 4;
	background-repeat: no-repeat;
	text-align: right;
	position: relative;
	top: 0px;
	right: 0px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	white-space: normal;
	border-spacing: 0px;
}
.TopMenu_Table
{
	text-align: right;
	font-family: Arial, 'Apex New' , Tahoma, sans-serif;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3;
	vertical-align: middle;
	height: 50px;
	color: #FFFFFF;
}

.MainMenu
{
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	z-index: 2;
	position: relative;
	text-align: center;
	border-spacing: 0px;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #000000;
}

.MainMenuHover
{
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	z-index: 2;
	position: relative;
	text-align: center;
	border-spacing: 0px;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #000000;
}
.SubMenu
{
    font-family: Arial;
    font-size: 10px;
    color: #ffffff;
    background-color: #c0c0c0;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: #ffffff 1px solid;
    z-index: 2;
}
.SubMenuHover
{
    font-family: Arial;
    font-size: 10px;
    color: #CC0000;
    background-color: #c0c0c0;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: #ffffff 1px solid;
    z-index: 2;
}

.BodyText
{
	/*border: thin solid #0000CC;*/
	height: 440px;
	width: 620px;
	color: #FFFFFF;
	/*filter: alpha(opacity=100);*/
	font-family: Arial;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	position: absolute;
	top: 70px;
	right: 0px; 
	z-index: 3;
}

.BodyText a
{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline;
}
.DLL_RedBanner
{
	font-family: Arial;
	font-size: 9px;
	color: #000000;
	z-index: 3;
}


.Opac_Background
{
    background-image: url(gfx/Red-field.png);
    height: 613px;
    width: 842px;
    /*filter: alpha(opacity=90);*/
    color: #FFFFFF;
    font-family: Arial;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
}
.Red_Field_Table
{
	width: 100%;
}

.CloseBtn
{
    position: absolute;
    top: 570px;
    right: 0px;
    width: 540px;
    z-index: 3;
}

.CloseBtn a
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: 900;
}

.CloseBtn a:Hover
{
    color: #000000;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: 900;
}

.Red_Link a
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
}

.StaffName
{
    font-family: Arial;
    font-size: 14px;
    font-weight: 900;
    z-index: 0;
}

.StaffTitle
{
	font-family: Arial;
	font-size: 11px;
	z-index: 0;
	font-style: italic;
}

.StaffLabel
{
    font-family: Arial;
    font-size: 11px;
    font-weight: 900;
    z-index: 0;
}

.StaffEssay
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	z-index: 0;
	width: 300px;
}

.Red_NewsDate
{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #FFFFFF;
	text-align: left;
}
.Red_NewsHeader
{
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.Red_NewsText
{
	/*border: thin solid #FFFF00;*/
	padding: 0px 10px 0px 10px;
	font-family: Arial;
	font-size: 11px;
	z-index: 0;
	color: #FFFFFF; 
}
.Red_NewsImage
{
	vertical-align: top;
	/*text-align: left;*/
}

.Red_SPHeader
{
	font-family: Arial;
	font-size: 14px;
	font-weight: 900;
	z-index: 0;
	color: #C0C0C0;
	width: 300px;
}
/******************************** end menu styles **********************/

/******************************** Image Gallery Styles - START *******************/
/* thumbnail list */

	ul#thumbs, ul#thumbs li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
	
	ul#thumbs li
{
	float: left;
	margin-right: 5px;
	border: 1px solid #999;
	padding: 2px;
	margin-top: 5px;
}
	ul#thumbs a{
		display:block;
		float:left;
		width:200px;
		height:200px;
		line-height:0px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img
{
	border: 1px solid #999;
	background: #ffffff;
	padding: 2px;
	position: relative;
	top: 0px;
	left: 0px;
}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/******************************** Gallery Styles - End*******************/


/******************************** Lists for Gallery, News, Sailing Adventures - START ****/

.List_BG
{
	background-color: #C0C0C0;
	margin: 0px;
	width: 258px;
}
.ListHeader
{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #000000;
	background-color: #C0C0C0;
	padding-right: 10px;
	padding-left: 10px;
}
.ListDate
{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #CC0000;
	background-color: #C0C0C0;
	padding-right: 10px;
	padding-left: 10px;
	width: 200px;
	padding-top: 5px;
}
.ListImage
{
	padding: 0px;
	margin: 0px 5px 0px 0px;
	display: block;
	width: 172px;
	height: 172px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.ListImage img
{
	position: absolute;
	left: -10px;
	bottom: -10px;
}
.List_Teaser
{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	z-index: 0;
	color: #000000;
	background-color: #C0C0C0;
	padding-right: 10px;
	padding-left: 10px;
	width: 200px;
	font-style: italic;
}
.ListButton
{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	background-position: right;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	z-index: 0;
	background-image: url(   'gfx/BtnMoreBG.gif' );
	background-repeat: no-repeat;
	background-color: #C0C0C0;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle; 
}
.ListButton a
{
	color: #FFFFFF;
	text-decoration: none;
}
#ListContainer
{
}
.Details_BG
{
	padding: 5px 0px 0px 0px;
	background-color: #C0C0C0;
	margin: 0px;
	width: 570px;
	vertical-align: top;
}
.DetailsDate
{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #CC0000;
	text-align: left;
}
.DetailsHeader
{
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #000000;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.DetailsText
{
	padding: 0px;
	margin: 0px 10px 0px 10px;
	font-family: Arial;
	font-size: 11px;
	z-index: 0;
	color: #000000;
}
#DetailsContainer
{
	width: 788px;
	padding-top: 10px;
}
.DetailsImage
{
	vertical-align: top;
}
.DetailsText a
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	z-index: 1;
}

/* single thumbnail */

	p.thumbnail
{
	float: right;
	margin: 2px 10px 2px 0;
	border: 1px solid #999;
	padding: 2px;
}
	p.thumbnail a
{
	display: block;
	float: left;
	width: 250px;
	height: 250px;
	line-height: 150px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}	
	p.thumbnail a img
{
	float: right;
	position: absolute;
	top: -5px;
	left: -20px;
}
	
	/* mouse over */
	
		p.thumbnail a:hover
{
	overflow: visible;
	z-index: 1000;
	border: none;
}
		p.thumbnail a:hover img
{
	border: 1px solid #999999;
	background: #ffffff;
	padding: 2px;
	/*max-height: 558px;
	max-width:788px;*/
}	
.floatingtext
{
	padding: 0px;
	margin: 0px 0px 0px 20px;
	/*position: absolute;*/
	z-index: 2;
	top: 10px;
	color: #CC0000;
	font-weight: 900;
}
	
	/* // mouse over */	

/* // single thumbnail */

/******************************** News Bottom on frontpage - START *************/
.NewsHeader
{
	background-position: center top;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	vertical-align: top;
	text-align: center;
	z-index: 0;
	background-image: url( 'gfx/BGSubMenu.gif' );
	background-repeat: repeat-x;
}
.NewsHeader a
{
	color: #ffffff;
	text-decoration: none;
    z-index: 0;
}

.NewsText
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
	background-color: #C5C9C5;
	width: 25%;
	z-index: 0;
	text-align: center;
}

/******************************** Lists for Gallery, News, Sailing Adventures - END ****/


/******************************** Element Styles - Start ***************************/

h1
{
    font-family: Arial;
    font-size: 16px;
    font-weight: 900;
    z-index: 0;
}
h2
{
    font-family: Arial;
    font-size: 14px;
    font-weight: 900;
    z-index: 0;
}
h3
{
    font-family: Arial;
    font-size: 11px;
    font-weight: 900;
    z-index: 0;
}

img
{
	border-style: none;
}


/******************************** Element Styles - End ***************************/



#FlashContent
{
	/*border: medium solid #FFFF00;*/
	padding: 0px;
	margin: 0px;
	z-index: 1;
	position: absolute;
	top: 0px;
	width: 788px;
	height: 588px;
	vertical-align: top;
	text-align: center;
}
#SimpleViewer
{
	/*border: medium solid #FFFF00;*/
	padding: 0px;
	margin: 0px;
	z-index: 1;
	width: 788px;
	height: 588px;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
}
.TestLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #00FF00;
	font-style: normal;
}
/*************** Web Service Styles ******************/
.New_Button
{
	font-size: 11px;
	font-weight: 900;
	color: #FF0000;
	border-width: 0px;
	padding: 2px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 3px;
}
.WS_Label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #000000;
}
/****************** Grey Menu Styles ********************/
.droplinebar
{
	/*overflow: hidden;*/ /*border: medium solid #3333CC;*/
	background: transparent url(gfx/BGMainMenu.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: top;
	text-align: center;
	z-index: 2;
	height: 20px;
}

.droplinebar ul
{
	/*border: thin solid #FFFF00; */
	height: 20px;
	width: 960px;
	padding: 0px;
	margin: 0px; 
	z-index: 2;
	list-style-type: none;
}

.droplinebar ul li
{
	z-index: 2;
	float: left;
	list-style-type: none;
}

.droplinebar ul li a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	color: #000000;
	width: 86px;
	height: 20px;
	white-space: nowrap;
	word-spacing: -1px;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	z-index: 2;
	line-height: 19px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000000;
}

.droplinebar ul li a:visited{
color: #000000;
	z-index: 2;
}

.droplinebar ul li a:hover, .droplinebar ul li .current
{
	/*background of main menu bar links onMouseover*/
	background: transparent url(gfx/BGSubMenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	z-index: 2;
}



/*********************************** Sub level menus*/
.droplinebar ul li ul
{
	background: transparent url(gfx/BGMainMenu.gif); /*sub menu background */
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}


/* Sub level menu links style */
.droplinebar ul li ul li a
{
	/*border: thin dashed #FF33CC;
	position:relative;
	left: 50px;*/
		z-index: 2;

}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
/*background: transparent;*/
	background: transparent url(gfx/BGSubMenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	z-index: 2;
}

/******************************* Sub2 level menus*/
.droplinebar ul li ul li ul
{
	background: transparent url(gfx/BGMainMenu.gif); 
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

/* Sub2 level menu links style */
.droplinebar ul li ul li ul li a
{
	/*border: thin dashed #FF33CC;
	position:relative;
	left: 100px;*/
	z-index: 2;
}

/*sub2 menu links' background color onMouseover */
.droplinebar ul li ul li ul li a:hover{ 
/*background: transparent;*/
	background: transparent url(gfx/BGSubMenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	z-index: 2;
}


/************************************************/
.First_Line
{
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: thin;
}

.ButtonAlign_1 a
{
	position:relative;
	left: 0px;
}

.ButtonAlign_2 a
{
	position: relative;
	left: 87px;
}

.ButtonAlign_3 a
{
	position:relative;
	left: 174px;
}
.ButtonAlign_4 a
{
	position:relative;
	left: 261px;
}
.ButtonAlign_5 a
{
	position:relative;
	left: 348px;
}
.ButtonAlign_6 a
{
	position:relative;
	left: 435px;
}
.ButtonAlign_7 a
{
	position: relative;
	left: 522px;
}
.ButtonAlign_8 a
{
	position:relative;
	left: 609px;
}
.ButtonAlign_9 a
{
	position:relative;
	left: 696px;
}
.ButtonAlign_10 a
{
	position:relative;
	left: 783px;
}
.ButtonAlign_11 a
{
	position:relative;
	left: 870px;
}

.Sub_ButtonAlign_1 a
{
	position: relative;
	left: 0px;
}

.Sub_ButtonAlign_2 a
{
	position: relative;
	left: 87px;
}

.Sub_ButtonAlign_3 a
{
	position:relative;
	left: 174px;
}
.Sub_ButtonAlign_4 a
{
	position:relative;
	left: 261px;
}
.Sub_ButtonAlign_5 a
{
	position:relative;
	left: 348px;
}
.Sub_ButtonAlign_6 a
{
	position:relative;
	left: 435px;
}
.Sub_ButtonAlign_7 a
{
	position: relative;
	left: 522px;
}
.Sub_ButtonAlign_8 a
{
	position:relative;
	left: 609px;
}
.Sub_ButtonAlign_9 a
{
	position:relative;
	left: 696px;
}
.Sub_ButtonAlign_10 a
{
	position:relative;
	left: 783px;
}
.Sub_ButtonAlign_11 a
{
	position:relative;
	left: 870px;
}

/************************** Grey Menu Styles end *************************************/
.ImageButton
{
	border-width: 0px;
	border-style: none;
}
.DG_Header
{
	font-family: Arial;
	font-size: 11px;
	font-weight: 900;
	z-index: 0;
	color: #000000;
	background-color: #C0C0C0;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=90);
	opacity:0.9;
}
.modalPopup
{
	background-color: #CC0000;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 788px;
}
.ModalCloseBtn
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

.ModalCloseBtn a
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

.ModalCloseBtn a:Hover
{
    color: #000000;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

.NewsDetailsImage
{
	padding: 10px;
	float: left;
	display: inline;
	cursor: crosshair;
}