html, body 
{
    height:100%;
    min-height:100%;
    margin:0;
}

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');
}

/* ============================================================ */
/* ======================= 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: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#818181; /* Text Color */
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 8px 12px; /* 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:#348e3f; /*  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;
}

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

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

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

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

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

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

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

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

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

.paragraphGothicGreen
{
	font-family: 'gothic', 'gothicOtherBrowsers';
	font-size:14px;
	color:#178a47;
}

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

.Justified
{ text-align:justify; }

.P10 { padding:10px; }
.P5  { padding:5px; }

.PL10 { padding-left:10px; }
.PR10 { padding-right:10px; }

.PL20 { padding-left:20px; }
.PR20 { padding-right:20px; }

.BBL { border-left:1px solid #e5e3e5; }
.BTG { border-top:1px solid #cfcfcf; }

.greenFullWidth
{
	padding:25px;
	background-color:#178a47;
}

.maxWidth950px { max-width:950px; }


/* ============================================================ */
/* ============== CSS For Image Mouseover Effect ============== */
/* ============================================================ */

ul.img-list 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.img-list li 
{
	display: inline-block;
	height: 240px;
	margin: 0 1em 1em 0;
	position: relative;
	width: 237px;
}

span.text-content 
{
	background: rgba(0,0,0,0.5);
	color: white;
	cursor: pointer;
	display: table;
	height: 220px; /* minus 20px of actual image height since using padding 10px */
	left: 0;
	position: absolute;
	top: 0;
	width: 217px; /* minus 20px of actual image width since using padding 10px */
	opacity: 0;
	padding:10px;
	
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	
}

ul.img-list li:hover span.text-content 
{ opacity: 1; }

span.text-content span 
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

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

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

/* ============================================================ */
/* ================== CSS For Submit Button =================== */
/* ============================================================ */

.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: 'gothic', 'gothicOtherBrowsers';
  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);
}

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