html, body 
{
    height:100%;
    min-height:100%;
    margin:0;
	
	background-image:url(../images/mainHeaderBG.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}

A:link 
{
	text-decoration:none;
	color:#e62f8b;
}

A:visited 
{
	text-decoration:none; 
	color:#e62f8b;
}

A:hover 
{
	text-decoration:none;
	color:#0591f0;
}

/* ============================================================ */
/* ==================== Setting custom font =================== */
/* ============================================================ */

@font-face 
{
	font-family: 'gothic';
	src: url('../customFonts/gothic.ttf');
}
/* For IE */
@font-face 
{
	font-family: 'gothicOtherBrowsers';
  	src: url('../customFonts/gothic.eot');
}

@font-face 
{
	font-family: 'berlinSans';
	src: url('../customFonts/berlinSans.ttf');
}
/* For IE */
@font-face 
{
	font-family: 'berlinSansOtherBrowsers';
  	src: url('../customFonts/berlinSans.eot');
}

@font-face 
{
	font-family: 'berlinSansBold';
	src: url('../customFonts/berlinSansBold.ttf');
}
/* For IE */
@font-face 
{
	font-family: 'berlinSansBoldOtherBrowsers';
  	src: url('../customFonts/berlinSansBold.eot');
}


/* ============================================================ */
/* ======================= CSS For Menu ======================= */
/* ============================================================ */

/* Setting properties for initial menu box */
#Menu ul 
{
	text-align: left;
  	display: inline;
  	margin: 0;
  	padding: 15px 4px 17px 0;
  	list-style: none; /* hide the bullet points */
	z-index:8; /* this is to ensure menu comes on top of the slider image */
	
	/* Gives shadow effect for the box */
  	/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
}

/* More settings for initial menu box */
#Menu ul li 
{
	font-family: 'berlinSans', 'berlinSansOtherBrowsers';
	font-size:14px;
	color:#FFFFFF; /* Text Color */
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 16px 14px; /* set the hight and width of the box */
	/* background: #ed1c24; */
	cursor: pointer;
	
	/* Give fading effect when mouse over */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#Menu ul li a:link
{ text-decoration:none; }

/* Set properties for main menu on mouse over */
#Menu ul li:hover 
{
	background:#e34d8f; /* BG Color */
  	color: #FFFFFF; /* Text color */
}

/* Setting properties for drop down menu box */
#Menu ul li ul 
{
	padding: 0;
	position: absolute;
	top: 45px; /* set vertical position */
	left: 0;
	width: 260px; /* set width of the drop down menu */
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transiton: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-transition: opacity 0.3s;
}

/* More settings for drop down menu */
#Menu ul li ul li 
{ 
	background: #e34d8f; /* BG Color */
	display: block; /* Set the box */
	color: #FFFFFF; /* Text Color */
	font-size:14px; /* Text Font Size */
	
	/* text-shadow: 0 -1px 0 #000; */ /* Give shadow effect for text */
}

/* drop down mouse over effects */
#Menu ul li ul li:hover 
{ background: #003163; }

/* To Display drop down menu on mouse over */
#Menu ul li:hover ul 
{
	display: block;
	opacity: 1;
	visibility: visible;
}

/* ============================================================ */
/* ============================================================ */

.PA10 { padding:10px; }
.PL10 { padding-left:10px; }
.PR10 { padding-right:10px; }
.PT10 { padding-top:10px; }
.PB10 { padding-bottom:10px; }

.PA20 { padding:20px; }
.PL20 { padding-left:20px; }
.PR20 { padding-right:20px; }
.PT20 { padding-top:20px; }
.PB20 { padding-bottom:20px; }

/* ============================================================ */
/* ============================================================ */

.tourHighlightBorder 
{
	height:160px;
  	box-shadow: inset 0 0 0 4px #f7931e;
  	transition: box-shadow 0.2s;
}

.tourHighlightBorder:hover 
{ box-shadow: inset 0 0 0 8px #e34d8f; }

.tourImagesBorder 
{
	height:200px;
  	box-shadow: inset 0 0 0 4px #f7931e;
  	transition: box-shadow 0.2s;
}

.tourImagesBorder:hover 
{ box-shadow: inset 0 0 0 8px #e34d8f; }

/* ============================================================ */
/* ============================================================ */

.pageTitleBerlinsBoldBlue
{
	font-family: 'berlinSansBold', 'berlinSansBoldOtherBrowsers';
	font-size:24px;
	color:#003163;
}

.pageTitleBerlinsBoldWhite
{
	font-family: 'berlinSansBold', 'berlinSansBoldOtherBrowsers';
	font-size:24px;
	color:#FFFFFF;
}

.miniTitleBerlinsBoldWhite
{
	font-family: 'berlinSansBold', 'berlinSansBoldOtherBrowsers';
	font-size:18px;
	color:#FFFFFF;
}

.miniTitleBerlinsBoldYellow
{
	font-family: 'berlinSansBold', 'berlinSansBoldOtherBrowsers';
	font-size:18px;
	color:#fea801;
}

.miniTitleBerlinsBoldBlue
{
	font-family: 'berlinSansBold', 'berlinSansBoldOtherBrowsers';
	font-size:18px;
	color:#003163;
}

.paragraphGothicBlack
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

.paragraphGothicBlackJust
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
	text-align:justify;
}

.paragraphGothicBlue
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#003163;
}

.paragraphGothicWhite
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#FFFFFF;
}

.paragraphGothicGraySmall
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:12px;
	color:#b4b4b3;
}

.paragraphGothicRedSmall
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:12px;
	color:#F00;
}

.imgFloatLeft
{ 
	float: left; 
	margin: 10px; 
}

/* ======================================== */

.imageGrayScale 
{
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.imageGrayScale:hover 
{
	filter: none;
	-webkit-filter: grayscale(0);
}

.imageShadow
{ box-shadow: 0px 0px 5px #888888; border: 1px solid #FFFFFF; } 

/* ============================================================ */
/* ================== CSS For Form Elements =================== */
/* ============================================================ */

.formTextArea
{
	border: 1px solid #60b7dc;
    margin: 2px;
    padding: 5px;
    width: 238px;
	
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

.formTextAreaLong
{
	border: 1px solid #60b7dc;
    margin: 2px;
    padding: 5px;
    width: 98%;
	
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

.formTextAreaShort
{
	border: 1px solid #60b7dc;
    margin: 2px;
    padding: 5px;
    width: 80px;
	
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

.formSelectMenu
{
	border: 1px solid #60b7dc;
    margin: 2px;
    padding: 5px;
    width: 250px;
	
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
	background:url(../images/selectArrow.png) no-repeat;
	background-position: 225px 4px; /*positioning arrow */	
	/* border: 0 !important;  Removes border*/
	
	background-color:#FFF;
	  
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

/* ============================================================ */
/* ====================== CSS For Table ======================= */
/* ============================================================ */

.adminTable
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#000000;
}

.adminTable th
{
	font-weight:normal;
	color:#FFFFFF;
	text-align: left;
	padding:10px;
	background-color:#1f628d;	
}	

.adminTable tr:nth-child(EVEN) td 
{ 
	background:#ecf8ff;
	padding:10px;
	border-left: 1px solid #b3e1ff;
}

.adminTable tr:nth-child(ODD) td 
{ 
	padding:10px;
	border-left: 1px solid #b3e1ff;
}

.adminTable td:last-child
{ border-right: 1px solid #b3e1ff; }

.adminTable tr:last-child td
{ border-bottom: 1px solid #b3e1ff; }

.adminTable tbody:hover td 
{ color: transparent; text-shadow: 0 0 3px #aaa; }

.adminTable tbody:hover tr:hover td 
{ color: #000000; text-shadow: 0 1px 0 #fff; }

/* ======================================== */

.tableTitleBlueBG
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#FFFFFF;
	background-color:#1f628d;
	padding:10px;
}

/* ============================================================ */
/* ====================== CSS for buttons ===================== */
/* ============================================================ */

.blueButton 
{
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	
	font-family: 'berlinSans', 'berlinSansOtherBrowsers';
	font-size:14px;
	color:#000000;
	
	text-shadow: 1px 1px 3px #666666;
	padding: 10px 20px 10px 20px;
	border: solid #1f628d 2px;
	text-decoration: none;
}

.blueButton:hover 
{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

/* ======================================== */

.submitButton 
{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: 'berlinSans', 'berlinSansOtherBrowsers';
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.submitButton:hover 
{
  border: 1px solid #007cad;
  background: rgba(0,142,198,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.submitButton:active 
{
  border: 1px solid #018dc4;
  background: #00a6e8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  text-shadow: none;
  -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* ============================================================ */
/* ============================================================ */

.titleLine
{
  border-top: 1px solid #FF0000;
  height: 1px;
  width:50%;
}

.footerLine
{
  border-top: 1px solid #b4b4b3;
  height: 1px;
  width:50%;
}