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

html	{ overflow-y: scroll; }
		
#main {
	width:100%;
	padding:0px;
	width: 80%;
	max-width: 1080px;
	min-width: 740px;
	margin: 0 auto 20px auto;
}

body 	{
	padding:0px;
	background: #5b9238 url(../../eremitimages/224/03/images/body_bg.jpg); 
	background-repeat: repeat-x;
}

#content{ 
	width: 99.8% !important;
	float: left !important;  
	margin: 0;
	border: 1px solid #ccc; 
	padding:0px;
	-webkit-box-shadow: 0px 22px 35px #000;
	-moz-box-shadow:    0px 22px 35px #000;
	box-shadow:         0px 22px 35px #000;
	background: #fff;
}

 #leftcontent {	display: none;
	float: left !important;  
	width: 100% !important;
	padding: 0;
	margin: 0px auto !important;
	display: block !important;
	}

#extradebug	{display:none;}

hr	{color: #900; }

td { font-family: arial,helvetica,sans-serif; }

p	{ line-height: 120%; }

a img	{ border: none; }

TD#header {
	margin:0px;
	padding:0px 0 8px 0;
	background-image: url(images/banner_bg.jpg);
	background-repeat: repeat-x;
}

TD#header img	{
display:block;
	border: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

TD#tag {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#fff;
	padding:0px;
	height: 34px;
	border: 1px solid #333; 
	/*background-image: url( )*/
	-webkit-box-shadow: 0px 2px 35px #000;
	-moz-box-shadow:    0px 2px 35px #000;
	box-shadow:         0px 2px 35px #000;
	vertical-align:middle;
	text-align:center;
	background-color: #333;
}
	  
TR#navbar1
	{
	display: block;
	background-color: white;
	font-family:Arial;
	font-size:10pt;
	color: #000;
	padding:0px;
	height: 20px;
	padding: 5px 0;
	text-align: right;
	-webkit-box-shadow: 0px 2px 15px #000;
	-moz-box-shadow:    0px 2px 15px #000;
	box-shadow:         0px 2px 15px #000;
}

img.right {
	float: right;
	margin: 0 30px 15px 15px;
	border: 1px solid #bbb;
	padding: 5px;
	background: #dedede;
}

p.small	{ font-size: 8pt; }

.user	{display:none;}


/*BEGIN STYLE FOR LOGIN LINK*/

.navtext {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
}

.navtext a {
	text-decoration:none;
	padding: 0px 6px;
	color:#003B54;
	font-family:Arial, Helvetica, sans-serif;
}

.navtext a:hover {
	color: #ff6600;
	text-decoration:underline;
	padding: 0px 6px 0px 6px;
}	 

/*END STYLE FOR LOGIN LINK*/

a 		{text-decoration:none; padding: 0; color:#2D5C0F; text-decoration: underline;}

a:hover		{color:#000; text-decoration:underline; padding: 0;}	

a#register 	{text-decoration:none; color:#0033CC; padding:0px}


a.company 	{color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}

a.company:hover	{color:#fff; text-decoration:underline;}

.nw	{ margin-top: 20px; }

.nw td.tableLabel { background-color: #2D5C0F; color: white; font-weight: bold; text-align: center; }		

.textbox1 {
	width:auto;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-indent:0cm;
	border:none;
	background-color: #fff;
	margin: 0 ;
	/*padding: 10px 20px 20px 20px;*/
	line-height: 125%;
	min-height: 400px;
	}


/*-------- TYPOGRAPHY ----------*/

p	{
	font-size: 1.1em;
	color: #222;
	padding: 0;
	margin: 0px 0 10px 0;
	line-height: 140%;
}

h2, h3 {
	width: auto;
	margin: 0px 0 20px 0;
	font-family: 'Roboto Condensed', sans-serif;
	color: #2D5C0F;
	padding: 20px 0 0 0;
	font-size: 2.25em;
	font-weight: bold;
}

h2 { line-height: 100%; }

h3	{font-family:Arial; color:#000000; font-size:14pt; }

h4	{font-family: Arial; color: #003b54; font-size: 12pt; padding: 0px;}

tr#docutype td {
	font-weight:bold;
	letter-spacing:2px;
	color:#FFFFFF;
	background-color:#2D5E8E;
		}

#member_button	{ /*margin-top: 40px;*/ display:none; }

#employer_button { display:none;}


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

.oddrow { cursor: pointer; background-color:#EFEFEF; }

tr.evenrow:hover { background-color: #ddd; }

tr.oddrow:hover { background-color: #ddd; }

.tableLabel	{
	background-color: #107CA6;
	color: #fff;
	border: 1px solid #777886;
	padding: 5px 1px 5px 1px;
}

#homelink	{  }

.pipe	{  }

table.nw	{ background-color: #107CA6; }

.nw	td { padding: 5px 10px; margin: 0; }


#mainscreen table tbody tr td table	{ background-color: #107CA6; }


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

.menu{ 
	width: 100%;
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	display: block;
	margin: 0;
	padding: 0; 
	height: 30px;
	}

.menu ul{
	margin: 0;
	padding: 0;
	background: #2D5C0F; 
	height: 35px;
	}

.menu li{
	float: left;
	position: relative;
	list-style: none; 
	border-right: 1px solid #548d2f;
	width: auto;
	content:"";
	}

.menu li a{
	font-size: 1em;
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	display: block;
	padding:  8px 15px;
	text-align: center;
	text-shadow: 0 2px 1px rgba(0,0,0, .7);
	}

.menu li.login	{ border-right: none; }

.menu .rightlinks	{ float: right; }
.menu li.prtmenu	{  }
.menu li img	{ height: 12px; }

.menu .current a, .menu li:hover>a {
	background: #999 url(../images/gradient.png) repeat-x 0 -40px;
	color: #444;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}	

.menu a:hover {
	text-shadow: 0 2px 1px rgba(0,0,0, .7);
	}

.menu li a:hover, .menu ul li:hover a{
	background: #548d2f;
	color: #fff !important;
	text-shadow: 0 2px 1px rgba(0,0,0, .7);
	}
	
.menu p { clear:left; }




/* ------------- Tabs --------------*/


#abouttabs	{ clear:both; padding-bottom: 20px; margin-top: 40px; }

#abouttabs h2	{ margin-bottom: 20px; }

table.formsnotices td	{ width: 50%; padding: 10px; font-size: 1em; }

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

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 #548d2f;
	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.2em;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #EDFFD6; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs li a:hover {
	color: #000;
	background: #ccc; 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: #EFEFEF;
	color: #000;
	border-bottom: 1px solid #efefef; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #548d2f;
	border-top: none;
	overflow: hidden;
	width: 100%;
	background: #efefef;
	margin-left: 0;
	margin-right: auto;
}

.tab_content {
	padding: 20px 10px;
	font-size: 1em;
}

.tab_content h3	{ 
	padding-bottom: 0px;
	text-align: left;
	}

.tab_content h4 { text-transform: capitalize; padding: 15px 0 5px 0; margin: 0; }

.tab_content p	{  }


#slideshow #slideshowWindow {
	width:300px;
	height:210px;
	margin:17px 5px 5px 5px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	float:right;
	border-style: solid;
}

#slideshow #slideshowWindow .slide {
	margin:0;
	padding:0px 0px 0px 0px;
	width:503px; 
	height:368px;
	float:right;
	position:relative;	
}


#contact {
clear: both;
width: 80%;
background: #fff;
margin: 40px auto 0 auto;
padding: 25px 5px 5px 5px;
border-top: 1px solid #ddd;
 }

#contact table	{ margin: 10px auto; }
#contact table td { font-style: italic; font-size: .8em; text-align: center; padding: 0 5px; }

#important	{
margin: 10px 0;
background: #EFEFEF;
border: 1px solid #CCC;
float: right;
padding: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 4px 4px 5px 1px #ccc;
-webkit-box-shadow: 4px 4px 5px 1px #ccc;
box-shadow: 4px 4px 5px 1px #ccc; 
	}

#important2	{
    margin: 10px 0;
    background: #ffffff;
    border: 1px solid #ff0000;
    text-align: center;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 4px 4px 5px 1px #ccc;
    -webkit-box-shadow: 4px 4px 5px 1px #ccc;
    box-shadow: 4px 4px 5px 1px #ccc;
}
  
 /* Links Table */
 
#links li img	{ 
max-width: 100%;
padding-bottom: 20px;
border: none;
vertical-align: middle;
max-height: 50%;
 }
#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: 130px;
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;
}
table#links 	{
width: 100%;
border-spacing: 20px;
}

table#links td	{
width: 38%; 
padding: 5px 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;
}
table#links td img	{ }
table#links td p	{ font-weight: bold; color: #263669; font-size: 1.2em; margin: 15px 0; padding: 0; }
table#links td p span  { color: #333; font-size: .9em; font-weight: normal; font-style: italic; }
table#links td a	{ text-decoration: none; }
table#links td a img	{ border: none; }


/* Links Table */  




.info {
color: #00529B;
background-color: #BDE5F8;
img: url('../../eremitimages/images/icons/info.png');
}

/*
.ui-datepicker-calendar {
   display: none;
}

button.ui-datepicker-current { display: none; }

.ui-datepicker-prev {
    display:none;
}
.ui-datepicker-next {
    display:none;
}
*/