html {height: 100%;}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
  /*font-family: Palatino Linotype, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;*/  
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  height:100%;  
}
/*a:link { text-decoration:none; color:#EBEBEB;}*/
a:hover { text-decoration:underline; font-weight:bold;}
a:active { text-decoration:underline; font-weight:bold; }
a:visited { text-decoration:none; color:#EBEBEB;}

/* corp_color is also in main.css */
.corp_color{
  color: #005580;
  
} 
a.corp_color{
  color: #005580;
  text-decoration: underline;
}



table.center 
{
    margin-left:auto; 
    margin-right:auto;
}


#top_bar_container {
  width:100%;
  height:6%;
  margin:auto;
  background:#00006B;
  font-color:#FFFFFF;
  /*opacity:0.8;*/
  
  /*border-style:dotted;*/
  
}

#top_bar {
  padding-top:1%;
  padding-left:12.5%;
}

#top_bar_relief {
  width:100%;
  height:1%;
  text-align:center;
  margin:auto;
  background:#EBEBEB;
  
}
#main_pane
{
  background-color:#FFFFFF;
 /* IE10 */ 
  background-image: -ms-linear-gradient(top, #FFFFFF 50%, #EAEAEA 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 50%, #FAFAFA 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 50%, #EAEAEA 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EAEAEA));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #EAEAEA 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, #FFFFFF 50%,  100%);
}

#header_div {
 padding-top:1%;
 height:20%;
 min-width:75%;
 width:75%;
 margin: auto;  
 position:relative;   
}

#logo_area {
  float:left;
}
#header_content {
  width:100%;
  position:relative;
  float:left;
}

#header_text {
  min-width:40%;
  float:right;
}

#logo {
  width:100%;
  float:left;
}

#container {
    
    width: 75%;
    text-align: center;
    margin: auto;
    /*border-style:groove;*/
    
}

#services_imgs_container {
  width:100%;
  float:left;
  margin-top:5%;
  display:inline-block;
  margin: auto;
  overflow:hidden;
  -moz-border-radius: 4px;
  border-radius: 4px;
 -moz-box-shadow: 5px 2px 5px #888;
  -webkit-box-shadow: 5px 2px 5px #888;
  box-shadow: 5px 2px 5px #888; 
 
}

.services_details {
  float:left;
  display:inline-block;
  overflow:hidden;
}
.service_img {
  overflow:hidden;
  display:inline-block;
  line-height:15px;
  width:20%;
  height:350px;
  float:left;  
  position:relative;
    -moz-box-shadow: 0px 3px 20px #000;
    -webkit-box-shadow:0px 3px 20px #000;
    box-shadow: 0px 3px 20px #000;
}

.service_img:hover {
  opacity:0.85;
  
}

.black_bottom {
  
  background:#00002A;
  z-index:1;
  opacity:0.85;
  position:absolute;
  bottom:0;
  height:22%;
  width:100%;
  color:white;
  padding:3.5%;
}

.undertext 
{
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size:11px;
  /*font-weight:bold;*/
}


#bottom_bar {
  width:100%;
  height:5%;
  text-align:center;
  margin:auto;
  
  /*border-style:dotted;*/
  /*background-image: url(/images/gray_gradient.jpg);*/
}
#bottom_line {
  width:100%;
  height:0.3%;
  text-align:center;
  margin:auto;
  background: gray;
  /*border-style:dotted;*/
  /*background-image: url(/images/gray_gradient.jpg);*/
}

#login_area {
  width:250px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background:#0B2161;
  opacity: 0.1;
}

.back
{
    position:relative;
    /*border-style:dotted;*/    
}
.wrap
{
    width:550px;
    height:170px;
    position:relative;
    margin:auto;
    /*border-style:double;*/
    
    /*overflow:hidden;*/
 }


.undertext
{
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size:11px;
  font-weight:bold;
}

.top_bar_text
{
  
  font-size:12px;
  font-weight:bold;
  color:#EBEBEB;
}

.top_right_text 
{
  font-size:12px;
  font-weight:bold;
  float:right;
  padding-right:14%;
  color:#EBEBEB;
}

.comment
{   /*border-style:ridge;*/
    position:relative;   
    width:550px;
    top:400px;
    left:160px;
    letter-spacing: -1px;
    
    color: gray; 
    font-size: 20px; 
    /*background: #4A4D4A;*/ 
    padding: 10px;  
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
    line-height: 90%    
    z-index:-101;
}

.login_font
{
  /*font-family: Palatino Linotype, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
  color: #00006B; 
  font-size: 14px; 
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.9;

}
.comment_small
{
  /*font-family: Palatino Linotype, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
  color: gray; 
  font-size: 14px; 
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.9;
  
}   

.or
{
  position:relative;   
  top:0px;
  left:40px;
  /*font-family: Palatino Linotype, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
  color: gray; 
  font-size: 14px; 
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.9;

}

#welcome
{
 /*border-style:double;*/
  width:30px;
  position:relative;
  top: 0px;
  left: 0px;
  /*z-index:-100;*/
}

/******* just to make sure that no images appear with borders - yuk! ***/
img
{  border-style: none;
}

.clear {clear: both;}

.services
{
  border-left:solid #00006B;
  color: #00006B;
  font-size:13px;
  font-weight:bold;
  padding-left:5px;
  padding-right:20px;
  text-transform:uppercase;
}

.services_nobar
{
	color: #00006B;
  font-size:15px;
  font-weight:bold;
  padding-left:5px;
  padding-right:20px;
  text-transform:uppercase;
}    

a.services:link { padding-left:0px;border-left:none;text-decoration:none; color:#00006B;}
a.services:hover { padding-left:0px;border-left:none;text-decoration:underline; font-weight:bold;color:#00006B;}
a.services:active { padding-left:0px;border-left:none;text-decoration:underline; font-weight:bold;color:#00006B; }
a.services:visited { padding-left:0px;border-left:none;text-decoration:none; color:#00006B;}
a.services_nobar:link { padding-left:0px;border-left:none;text-decoration:none; color:#00006B;}
a.services_nobar:hover { padding-left:0px;border-left:none;text-decoration:underline; font-weight:bold;color:#00006B;}
a.services_nobar:active { padding-left:0px;border-left:none;text-decoration:underline; font-weight:bold;color:#00006B; }
a.services_nobar:visited { padding-left:0px;border-left:none;text-decoration:none; color:#00006B;}


.subhead
{
  font-size:9px;
  text-transform:capitalize;
  color:#838B8B;
}

h2.no_bottom_pad {
  padding-top:0;
  margin-top:0;
  padding-bottom:0;
  margin-bottom:0;
}
/* handle formatting of paragraph when making service descriptions */
p.service_desc li.service_desc{
  font-size:12px;
  color: #00006B;
  letter-spacing: 1.2px;
  margin-left:5%;
  
}

#services_details
{
  /*background:#EAEAEA;*/
  text-align:left;
  padding-left:4%;
  height:350px;
}

h3.service_desc
{
  text-transform:uppercase;
}
.back_button{
  opacity:0.8;
}

.slide {
  width:100%;
}

ol.pagination{
  position: absolute; /* absolute here removes it from excessively long slide - duty of content creator to keep slide short*/
  top: 0;             
  width:40%;          /* 40% of parent is 50% of .slide */
  text-align:center;    
  margin-top:510px;   /* moves it down from the top, to below the .slide div */
  z-index:99;       /* make sure the user can click if content happens to overflow the pagination*/
}

ol.pagination li{
		display:inline-block;
		width:16px;
		height:16px;
		background:url(/images/bg_buttons.png) no-repeat 0 0;
		text-align:left;
		text-indent:-8000px;
		list-style:none;
		cursor:pointer;
		margin:0 2px;
    color: #005580;
}

ol.pagination li:hover{background:url(/images/bg_buttons.png) no-repeat 0 -16px;}
ol.pagination li.current{color:#f00;font-weight:bold;background:url(/images/bg_buttons.png) no-repeat 0 -32px;}
ol.pagination li.prev, ol.pagination li.next{
	position:absolute;
	top:-150px;
}

ol.pagination li.prev{left:-30px;background:url(/images/bg_buttons.png) no-repeat 0 -64px;}
ol.pagination li.next{right:-30px;background:url(/images/bg_buttons.png) no-repeat 0 -48px;}
ol.pagination li.activeSlide {
  border-bottom: 1px solid #005580;
}


/* new login 9-2014 */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #eee;
  border-bottom: 1px solid #fff;
  border-radius: 3px;    
}

nav li {
  float: left;          
}

nav #login {
  border-right: 1px solid #ddd;
  box-shadow: 1px 0 0 #fff;  
}

nav #login-trigger,
nav #signup a {
  /*display: inline-block;
  *display: inline;
  *zoom: 1; */
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 #fff; 
}

nav #signup a {
  border-radius: 0 3px 3px 0;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #000000;
  text-shadow: 0 1px 0 #fff; 
}

nav #login-trigger {
  border-radius: 3px 0 0 3px;
}


nav #login-content {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 999;    
  background: #fff;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  border-radius: 3px 0 3px 3px;
}

nav li #login-content {
  right: 0;
  width: 260px;  
}


/*--------------------*/

#inputs input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#login #actions {
  margin: 10px 0 0 0;
}

#login #submit {    
  background-color: #d14545;
  background-image: linear-gradient(top, #e97171, #d14545);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:center;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
  border: 1px solid #7e1515;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
}

#login #submit:hover,
#login #submit:focus {    
  background-color: #e97171;
  background-image: linear-gradient(top, #d14545, #e97171);
} 

#login #submit:active {   
  outline: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;   
}

#login #submit::-moz-focus-inner {
  border: none;
}

#login label {
  float: right;
  line-height: 30px;
}

#login label input {
  position: relative;
  top: 2px;
  right: 2px;
}

fieldset {
 border:none;
}

.service {
	margin-left:-4%;	
	font-size:28pt;
 	padding-top:7%;
}
.pre-service{
 text-decoration:underline;
 color: #9F9F9F;
}

.zbehind{
 z-index:-1000;
}