/* 4/2014 new color palette: dark blue #1F3F7D; gold #FFD24D; light blue #5D82CA */

@import url(../../eremitimages/all.css);
 

html {
min-height: 800px;
overflow-y: scroll;
background: none;
}	
	
body	{ 
	background: #ffffff url(body_bg.jpg) no-repeat top center;
	width: 100%;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;

	}
	
#main {
	padding-bottom: 40px;
/*	background-color: #ffffff; */
width: 964px;
	margin: 0 auto;
	padding: 0;
	}

p	{ padding: 5px 0; font-size: 1.1em;margin: 0px 0 10px 0; line-height: 150%; }
  
 #leftcontent {	display: none;
	float: left !important;  
	width: 100% !important;
/*	background-image:url(bg.jpg); */
	padding: 0;
	margin: 0px auto !important;
	display: block !important;
	background-color: #fff
	}
	
#content	{ 
	float: left !important;  
	padding: 0 0 15px 0; 
	margin: 0;
}

TD#header {
width: 964px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
TD#header img	{ margin: 14px 0 0 26px; padding: 0;}
TD#header a	{ text-decoration: none; color:#0038a6; }
#header h1 { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out;    -webkit-transition: opacity .5s ease-in-out; float:right; font-family: 'Roboto Condensed', Arial,sans-serif; font-size: 3em; }	
#header a:hover h1 	{ color: #0038a6; opacity:.5;  }


/* ------ MESSAGES ---------*/

.info, .success, .warning, .errormsg, .importantMessage {
border: 1px solid;
margin: 10px 0px;
padding:10px 10px 10px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-size: 30px; 
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
}
.info { color: #fff; background-color: #5d82ca; background-image: url('../images/icons/info.png'); border-color: #1F3F7D; }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/icons/success.png'); }
.warning { color: #9F6000; background-color: #ffd24d; background-image: url('../images/icons/warning2.png'); }
.errormsg, .importantMessage{ font-size: 100%; font-weight: normal; color: #D8000C; background-color: #FFBABA; background-image: url('../eremitimages/images/icons/error.png'); }




TD#tag {
clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align: center;
	padding: 10px 0 10px 0;	
	width: 2600px !important;
	margin: 0;
	border-top: 3px solid #5F86D3; 
	background:#1F3F7D !important; 
	vertical-align: top;
	}		
#tag h4 { margin: 0; font-family:Arial; font-weight:normal; }
#tag p {  line-height: 20px; margin: 0 0 16px;}
#tag a { color: #FFF; }	 
	 
TR#navbar1 { margin: 0 auto; padding: 0; width: 964px;  }

.user	{ display: none; }



.navtext	{  	
text-align: left; 
font-family: Arial, Helvetica, sans-serif; 
text-decoration: none; 
padding: 5px 12px 10px 12px; 
color: #1F3F7D; 
background-color: #fff;  
margin: 0 auto;
width: 964px;
	}
	
.navtext a	{ color: #1F3F7D; }		
.navtext a:hover{ color: #fcb827; text-decoration:underline; }	 


a {color:#222556; text-decoration:underline;}
a:hover {color:#53729A; text-decoration:underline;}

a.company {color:#000; text-decoration:underline;}
a.company:hover	{color:#0076ad; text-decoration:underline;}

.evenrow { font-family: Arial, helvetica, sans-serif; cursor: pointer; background-color:#FFFFFF }
.oddrow { cursor: pointer; background-color:#EFEFEF; }

tr.evenrow:hover { background-color:DDFFDD; }
tr.oddrow:hover { background-color: #DFDFDF; }

.tableLabel	{ background-color: #DCE7FB; color: #3E2F20; }

#employer_button { display: none; margin-left: 15px; }
#member_button	{ display: none; margin: 20px 0 10px 15px; text-align: left; }

#homelink	{  }
.pipe	{ }

table.nw	{  }
.nw	td { padding: 5px 4px 5px 4px; margin: 0; }
.nw	{ background-color: #DCE7FB; margin-top: 10px; margin-bottom: 20px; }
#mainscreen table tbody tr td table	{ background-color: #DCE7FB; }

.textbox1	{ width: 964px; border: 0; margin: 0 auto; padding: 0 20px 20px 20px; min-height: 400px; }

#one, #two { height: 120px;background-color: #ffd24d; width: 605px; padding: 10px 15px; background-size: 100px; background-repeat:no-repeat; margin-bottom: 5px;}
#one p, #two p { padding-left: 45px; }
#one { background-image: url(1.png); }
#two { background-image: url(2.png); }
		
.box	{ 
display: inline;
background: #1f3f7d; 
float: left; 
border: 1px solid #ccc; 
width: 29%; 
margin: 10px 1%; 
padding: 10px 1%;  
min-height: 150px; 
text-align: center;
color: #FFF;
}
.box a { color: #fff; }
.box p	{ padding: 10px 0 20px 0; margin: 0; }
.box h3	{ color: #FFF;text-align: center; padding: 0; font-size:1.5em;  }


.section	{ 
/* padding: 10px 1%; */ 
/* border: 1px solid #aaa; */ 
/* margin: 0 1% 25px 1%; */ 
/* background: #eFeFeF; */ 
/* width: 44%; */ float: left;
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
 }
		
a img	{ border: none; }	
		
/*  ----------------- FONTS  ------------------- */

h2, h3, .header1 {
width: auto;
	margin: 0px;
/*	font-family: Times New Roman, Georgia;*/
font-family: 'Open Sans', 'Roboto Condensed', Arial,sans-serif;
font-weight: 600;
	color: #1F3F7D;
	padding: 0;
	font-size: 22px;

	}
h2	{ padding: 20px 0 0 0; margin: 0 0 10px 0;  }
	
h3	{ margin: 0 0 10px 0; padding: 0;letter-spacing: 0px; font-size: 1.75em; text-align: left; }

h4	{ /*font-family: Times New Roman, Georgia;*/ font-family: 'Open Sans', 'Roboto Condensed', sans-serif; color: #1f3f7d; font-size: 1.25em; font-weight: 600; margin: 15px 0 0 0; padding: 0; }


.linkbutton { 
color: #FFF;
margin-top: 10px;
padding: 5px 8px;
background: rgb(109,179,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de'); /* IE6-8 */
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
border: 1px solid #50A7FF;
background-color: #6DB3F2;
}

.linkbutton:hover	{ 
color: #333; 
border: 1px solid #b6dffd;
background: #e0f3fa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZjBmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I4ZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmRmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-8 */
text-decoration: none;
background-color: #e0f3fa;
}	


/*-------------------- CONTACT ------------------*/
#rightcontact	{ float:right; width: auto; margin: 0 0 10px 1%; background:#EFEFEF; padding: 10px 2%; border:1px solid #ccc; }


/*---------------- FAQs -------------*/

dl{font-size:1em;line-height:170%;margin-bottom:20px;}
dl,dt,dd{padding:0;margin:0;}
.faqs{padding-top:20px;}
.faqs dt{font-weight:bold;font-size: 1.1em; background:url(../images/q.gif) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer;}
.faqs dd{background:url(../images/a.gif) 0 2px no-repeat;padding:0 0 20px 30px;position:relative;color:#333;}
.faqs .hover{color:#000000;text-decoration:underline;}
.demo h3	{ margin-top: 10px; }
.demo h3 a	{ color: #14508f; }



/* ---------- MENU ------- */

.menu	{
width: 964px;
	margin: 0px auto;
	padding:0px;
font-family: 'Roboto Condensed', Arial,sans-serif;
	font-size: 1.1em;
	display: block;
	text-align:center;
	list-style:none;
	}

.menu ul{
	list-style:none;
	margin:0;
	padding: 0 0px 0 0px;
	}
	
.menu li, .menu li.first{
	text-align: left;
	float:left; 
	padding: 20px 0 0px 0;
	margin-right: 10px;
	}
	
.menu li.first { border: none; }

.menu li.login, .menu li.logout { margin-right: 0; }

.menu li a{
	color:#fff;
	display: inline-block;
	line-height:10px;
	margin:0px;
	padding: 20px 18px;
	text-decoration:none;
	background: #1F3F7D;
	text-transform: uppercase;
	-moz-border-radius: .5em .5em 0em 0em;
	border-radius: .5em .5em 0em 0em; 
font-family: 'Open Sans', 'Roboto Condensed', Arial,sans-serif;
font-weight: 600;
font-size: 16px;
transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out;    -webkit-transition: opacity .5s ease-in-out; 
	}

.menu ul li a:hover { background: #FFD24D; }
	
.menu ul li:hover a	{
	color: #fff;
	text-decoration:none;
	margin: 0;
}

.menu li ul{
	background:  #5D82CA;
	display:none;
	padding:0px;
	margin:0;
	position:absolute;
	width:auto;
	z-index:200;
	box-shadow: 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
	}
	
.menu li:hover ul{ display:block; }

.menu li li {
/*	background:url('images/sub_sep.gif') bottom left no-repeat; */
	display:block;
	background: #5D82CA;
	float:none;
	margin:0px;
/*	padding:5px 0 ; */
	width: auto;
	padding: 0;
	height: 50px;
	border: none;
	transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out;    -webkit-transition: opacity .5s ease-in-out; 
	}

.menu li:hover li a { color: #fff;
	-moz-border-radius: 0em 0em 0em 0em;
	border-radius: 0em 0em 0em 0em; 
	background:none; }


.menu li ul a{
	display:block;
	height:20px;
	font-size:13px;
	font-style:normal;
	margin:0px;
	padding:20px 15px 20px 15px;
	text-align:left;
	}

.menu li ul a:hover, .menu li ul li:hover a{
	-moz-border-radius: 0em 0em 0em 0em;
	border-radius: 0em 0em 0em 0em; 
	border:0px;
	color: #1f3F7D;
	background: #FFF;
	text-decoration:none;
	opacity: 1;
	}
.menu .rightlinks	{ float: right; }
.menu p { clear:left; }

.elig	{ width: 80%; margin: 0 auto; border: 1px solid #1F3F7D; border-collapse: collapse; }
.elig th	{ padding: 5px 10px; font-size: 1.1em; background: #1F3F7D; color: #fff; }
.elig td	{ border: 1px solid #1F3F7D; text-align: center; padding: 5px; }

#slideshow	{ text-align: center; margin: 0 auto; width: 425px; }


/* The slider */
.iviewSlider {
	overflow: hidden;
}

#forms p{
  padding: 0 !important;
  margin: 0px 0 20px 0 !important;
}

#sixty-percent { 
width: 60%;
position: relative;
display: inline-block;
margin: 0 auto;
float:right;
}
#left-forty { 
width: 35%;
}



/* ------------------ LINKS PAGE ------------------- */

#links li img	{ 
max-width: 100%;
padding-bottom: 20px;
border: none;
vertical-align: middle;
max-height: 30%;
 }
#links span	{ font-size: 1.2em;font-weight: bold; display: block; padding: 5px 0; color: #BF1E24; }
 
#links ul {
list-style-type: none;

margin: 0;
padding: 0;
}

#links li	{
height: 175px;
float: left;
width: 21%;
padding: 1% .5%;
margin: 1%;
-webkit-box-shadow: 0px 0px 8px 0px #999;
-moz-box-shadow: 0px 0px 8px 0px #999;
box-shadow: 0px 0px 8px 0px #666;
text-align: center;
border: 1px solid #DDD;
}

#links li:hover	{ background-color: #EFEFEF; }





/* ------------- RESPONSIVE -----------*/


@media all and (max-width: 699px) and (min-width: 220px) {
body { width: 98%; }
.textbox1 { padding: 0 5px; }
#sixty-percent { float:left; width: 100%; }
#left-forty { width: 100%; }
.box, #links li { width: 96%; float:left; }
td#header a h1 { font-size: 1.5em; }
td#header .headertext p { font-size: .7em; }
#customfooter { width: 98%; margin: 20px auto; }
}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 55%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #ccc;
}
ul.tabs li a {
	text-decoration: none;
	color:  #000;
	display: block;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs li a:hover {
	background: #ddd; border: 1px solid #CCC; 
	}
	
html ul.tabs li.active a:hover, html ul.tabs li.active { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	color: #3e2f20;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	width: 55%;
	background: #fff;
	margin-left: 0;
	margin-right: auto;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}

.tab_content h3	{ 
	padding-bottom: 10px;
	color: #000;
	text-align: center;
	}
	#contactpage .section	{ width: 40%; }
.section, .sectionleft, .leftsection	{ padding: 10px 1%; border: 1px solid #aaa; margin: 0 10px 25px 0; background: #eFeFeF; 
	box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;}
.right	{ 
	margin: 0 0 10px 20px;
	color: #000;
	width: 270px;
	float: right;
	padding: 18px ;
	text-align: left;
	background:#5d82ca;
	border: 1px solid #1F3F7D;
	}
.right h3 { color: #FFF; text-transform:uppercase; font-size: 18px;}
.right ul { list-style-type:none; margin:0; padding: 0; }
.right li { line-height: 30px; margin: 0;}
.right li ul { padding: 0 0 0 10px; }
.right li ul li a { font-size: 13px; }
.right a { font-size: 16px; line-height: 30px; color: #fff; text-decoration:none; }
.right a.current { font-weight:bold; }
.right a:hover { color: #002C7D; }

.imgright { float: right; margin: 25px 5px 10px 10px; width: 350px; padding: 3px; background: #efefef; border: 1px solid #ccc;}
.right img	{ width: 100%; }
.right img.fb	{ width: auto; }
.right img.small	{ width: 32px; vertical-align: top; }
.right img.actualsize	{ width: auto; }

/*----------- FOOTER -----------*/


#customfooter	{ width: 960px; margin: 10px auto; padding: 5px 20px; text-align:left; color: #FFF; line-height: 150%; } 
#customfooter h4 { color: #fff; font-weight:normal; font-size: 16px}
#customfooter .left { width: 640px; float:left; }
#customfooter .right	{ width: 315px; float:left; text-align:left; margin: 0 auto;  padding: 0; color: #FFF; background:none; }
#customfooter p	{ color: #fff;  }
#customfooter a { text-decoration:none; }
.issi { font-size: .9em; }
#customfooter .issi a { text-decoration:underline; }