@charset "UTF-8"; 

/* CSS Document    */
/* CSS Document    */
/* CSS Document    */
body {margin: 0 auto;
	padding: 0;
	text-align: left;	
	height: auto;
background-color: #03055A; }


h1  { font-size: 3.2em;  font-family: 'Lato', sans-serif;  color: white;} 
h2  { font-size: 1.9em;  font-family: 'Lato', sans-serif;  color: #03055A;} 
h3  { font-size: 1.3em;   font-family: 'Lato', sans-serif;  color: #03055A;} 
h4 {  font-size: 1.3em;   font-family: 'Lato', sans-serif;  color: #9CADC5;}   

p  {  font-size: 1.4em;  color: white;  font-family: 'Lato', sans-serif;    line-height: 160%;      }  
a:link, a:visited {    color: #738BAD;  }
a:hover {  color: white;        }

 
strong {color: #B4C7DB; }
.smalltype {color: red; }
.bold {color: #03055A;  padding-right: .2em;   }
.indent {padding-left: .5em; }
.centerandmargin {margin: 0; padding: 0; coloir: red;  }

  
/* Container Area */
/* Container Area */
.container {   background-color: #9CADC5;  border: solid 1px #cccccc;   margin-top: .5em;  } 

/* Header Area */
/* Header Area */
header  { margin: 0; padding: 0; text-align: center;     padding-bottom: 1em; background-color: white;  padding-top: .5em;   }
header h1 {margin: 0; padding: 0;   font-size: 2.2em; font-family: "Times New Roman", Georgia, Serif; color: #30306C; }
header  h4 { margin: 0; padding: 0;  font-size: 1.4em; padding-bottom: .75em;    color: #9CADC5;} 
 
 
/* LEFT COL MODULES  STYLING    */ 
/* LEFT COL MODULES  STYLING    */ 
.leftcol { margin: 0; padding: 0; float: left;   }
.leftcol a:link { margin: 0; padding: 0;   font-size: .9em; color: #999999;  font-family: 'Lato', sans-serif;     clear: both;  }
.leftcol  a:hover { margin: 0; padding: 0;     font-family: 'Lato', sans-serif;   }

.leftcol h3 { margin: 0; padding: 0;   padding-left: .75em; }
.leftcol img { margin: 0; padding: 0;  clear: both;   }

/* LEFT COL HR 360 MODULES  STYLING    */ 
/* LEFT COL HR 360 MODULES  STYLING    */ 

.clientlogins { margin: 0; padding: 0; float: left;  margin-bottom: 1em; clear: both; } 
.hr360 {background-color:#03055A; margin-top: .5em; border: solid 1px white; padding-bottom: .75em; }
.hr360 img {margin-left: 1em;    border: solid 1px #9CADC5;  }
.hr360 h3 {    color: #9CADC5; line-height: 110%; padding-top: .5em;  padding-bottom: .5em;}


.click    { margin: 0; padding: 0; float: right;  } 
.click   a:link  { color: white; margin: 0; padding: 0; float: left; font-size: 1.3em;  padding-right: .75em; text-decoration: underline;  }
.click   a:visited  { color: white;  }
.click  a:hover {color: #cccccc; text-decoration: underline;    }

/* LEFT COL COMPANY ADDRESS SHOWN IN TEMPLATE    */ 
/* LEFT COL COMPANY ADDRESS SHOWN IN TEMPLATE    */ 
.addressmod { background-color: #03055A;  text-align: center;     margin-top: .5em; padding-bottom: 1em; border: solid 1px #C1E0F4; }
.addressmod h3 {padding: 0; margin: 0; font-size: 1.1em;   color: white; line-height: 25px;} 
.addressmod h3 a:link {padding: 0; margin: 0; font-size: 1.1em;   color: #9CADC5;  } 
.addressmod h3 a:hover {padding: 0; margin: 0;  text-decoration: underline; color: white;  } 
 


.affiliates  {  margin-top: 1em;  padding-left: .5em; margin-bottom: 2em; }
.affiliates img {border: solid 1px black;     }
 
.random {   margin-top: .5em;  }
.random img {border: solid 1px #666666;     }
.pagephotos {   margin-top: .5em;  }
.pagephotos img {border: solid 1px #666666;     }

/* MAIN-ARTICLE STYLING    */ 
/* MAIN-ARTICLE STYLING    */ 
.mainarticle   { margin: 0; padding: 0; float: left;   } 
.mainarticle p { margin: 0; padding: 0;   padding-bottom: .75em; padding-right:  2em;  clear: left;  }

.mainarticle h1 { margin: 0; padding: 0; font-size: 1.6em;  color: #03055A;  padding-bottom: .75em; margin-top: .75em; line-height: 32px;   } 
.mainarticle h2 { margin: 0; padding: 0;  font-size: 1.6em;       } 
.mainarticle h3 { margin: 0; padding: 0;      padding-bottom: .5em; clear: both; } 
.mainarticle h3 a { margin: 0; padding: 0;      color: #999999; } 
.mainarticle h3 a:hover { margin: 0; padding: 0;    text-decoration: underline;  } 
.mainarticle h4 { margin: 0; padding: 0;          }  
.mainarticle img {margin-right: .5em; display: inline;  }
.mainarticle ul { margin: 0; padding: 0;    padding-left: 2.5em;  padding-bottom: 1em; clear: left; }
.mainarticle li { margin: 0; padding: 0;   color: white;  font-size: 1.4em;  font-family: 'Lato', sans-serif;     padding-right: .5em;   line-height: 140%;  clear: both;    }

 
.mainarticle  a  {  color: #03055A; text-decoration: underline; }
.mainarticle  a:hover {    color: white;   }

/* THE TEAM STYLING    */ 
/* THE TEAM STYLING    */ 
.teammember {margin-bottom: 1.5em; border-bottom: solid 1px #cccccc;   }
.teammember img { border: solid 1px #cccccc;   }

/* OUR SERVICES STYLING    */ 
/* OUR SERVICES STYLING    */   
.services { margin: 0; padding: 0;      clear: both;  margin-bottom: 1em;  } 
.services p { margin: 0; padding: 0;    color: #B4C7DB; font-size: 1.3em;         } 
 
/* CONTACT US ADDRESS and FORM   */ 
/* CONTACT US ADDRESS and FORM   */ 
.contactpage { margin: 0; padding: 0; float: left; padding-bottom: 2em;     }
.contactpage h2 { margin: 0; padding: 0; float: left; padding-bottom: 1em;   width: 100%; }
.contactpage img { margin: 0; padding: 0;  border: solid 1px #484225;    }

.addresscontactpage   {margin: 0; padding: 0;   margin-bottom: 2em;    }
.addresscontactpage h3 {margin: 0; padding: 0; float: left; color: #03055A; clear: both;  }
.addresscontactpage h4 {margin: 0; padding: 0; float: left; color: white;  clear: both;  line-height: 32px;}
  
.mapphoto {margin: 0; padding: 0; margin-top: 2em; }
.mapphoto img {margin: 0; padding: 0;  border: solid 1px #484225; }  
 
 
.footermenu {margin: 0; padding: 0; float: left;   text-align: center;    margin-bottom: 2em;  }

 
 
.footermenu li {display: inline; float: left;    }
.footermenu li  a:link, .footermenu li  a:visited { margin: 0; padding: 0;   padding-left: .5em; padding-right: .5em;   color: #03055A;  font-size: 1.2em; font-family: 'Lato', sans-serif;    } 
.footermenu li  a:hover {color: #666666;      text-decoration: underline; background-color: white;  }
.footermenu li.active  a:link, .footermenu li.active a:visited { color: #03055A; }


/* FOOTER   */  
/* FOOTER   */ 
footer {float: left;       padding-top: 1em; padding-bottom: .5em;  background-color: white; margin-top: 2em;    }
footer p   {margin: 0; padding: 0;    padding-bottom: .75em;   padding-right: 1em;   padding-left: .75em;  color: #666;    line-height: 20px;       font-size: 1.1em; } 
footer p a:link {color: #03055A; text-decoration: underline; font-size: 1.1em;}  
footer p a:hover {color: #666666; }
footer h4 {margin: 0; padding: 0;  float: left;  padding-bottom: .75em;  padding-left: .75em; font-size: 1.2em; color: #03055A;}



/*  MENU TOGGLE BUTTON IN HORIZONTAL MENU    */
/*  MENU TOGGLE BUTTON IN HORIZONTAL MENU    */
.navbar-toggle {background-color: white;  color: #2E6971; font-weight: bold;  }
  
/*  HORIZONTAL  NAVIGATION BEGINS */
/*  HORIZONTAL  NAVIGATION BEGINS */
/*  HORIZONTAL  NAVIGATION BEGINS */
.navbar {margin-bottom: 1px; }
.navbar-inner {
font-size: 1.2em;
  min-height: 40px;  
  padding-left: 0;
  padding-right: 1em;
  background-color: #49528B;
  background-image: -moz-linear-gradient(top, #49528B, #49528B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49528B), to(#49528B));
  background-image: -webkit-linear-gradient(top, #49528B, #49528B);
  background-image: -o-linear-gradient(top, #49528B, #49528B);
  background-image: linear-gradient(to bottom, #49528B, #49528B);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff49528B', endColorstr='#ff49528B', GradientType=0);
  
   border-top: 1px solid  #49528B;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
}
/* nav bar text styling */
.navbar .nav > li > a {
  color: #BCC8D8;   padding-top: .75em; padding-bottom: 1em;
  text-shadow: none; 
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: white;   }
  
  
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   color: white;       background-color: #49528B;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
}
/* HORIZONTAL MENU DROPDOWN/CHILD CODE  */
/* HORIZONTAL MENU DROPDOWN/CHILD CODE  */
/* HORIZONTAL MENU DROPDOWN/CHILD CODE  */
nav .nav-child { 
	position: absolute;
	top: 95%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 12px 0;
	margin: 3px 0 0;
	list-style: none;
	background-color:  #03055A; 
	border: 1px solid white;

	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	
	 
}
nav .nav-child.pull-right {
	right: 0;
	left: auto;
}
nav .nav-child .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: white;
	border-bottom: 1px solid #fff;
}
nav .nav-child a {  
 text-decoration: none;
	display: block;
	padding: 5px 20px;
	clear: both;
	font-size: 1.4em; 
	font-weight: normal;
	line-height: 18px;
	color:  white;
	white-space: nowrap;  
}
nav .nav > li { 
	position: relative;
}
nav .nav > li:hover > .nav-child,
nav .nav > li > a:focus + .nav-child { color: white;
	display: block;
}
nav .nav-child:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0.2);
	content: '';
}
nav .nav-child:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid  white;
	border-left: 6px solid transparent;
	content: '';
}
nav .nav-child li > a:hover,
nav .nav-child li > a:focus,
nav .nav-child:hover > a {
	  text-decoration: underline;	
	background-color: transparent;
}



/* NAVIGATION MENU BUTTONS FOR  FOR TABLET AND IPHONE DEVICES */
/* NAVIGATION MENU BUTTONS FOR  FOR TABLET AND IPHONE DEVICES */
/*  MENU TOGGLE BUTTON IN HORIZONTAL MENU    */
/*  MENU TOGGLE BUTTON IN HORIZONTAL MENU    */
.navbar-toggle {background-color: white;  color: #03055A; font-weight: bold;  border: solid 1px #9CADC5;}
.navbar .btn-navbar { margin-bottom: 4px; 
  background-color: #9CADC5; border: solid 1px white;
  background-image: -moz-linear-gradient(top,  #03055A, #9CADC5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #9CADC5), to(#9CADC5));
  background-image: -webkit-linear-gradient(top,  #9CADC5, #9CADC5);
  background-image: -o-linear-gradient(top,  #9CADC5, #9CADC5);
  background-image: linear-gradient(to bottom,  #9CADC5, #9CADC5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00738b', endColorstr='#ff666666', GradientType=0);
  
  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #59c0e1;
  background-color: #9CADC5;
}


/* Landscape phones and down */
/* Landscape phones and down */
/* Landscape phones and down */
/* Landscape phones and down */
@media (max-width: 480px) { 
body {padding-left: 0; padding-right: 0; padding-top: 0;  }

 .span4 {display: none;   }
.container {   margin: 0; padding: 0;  } 
header {   margin: 0; padding: 0; float: left;   text-align: center;       }
header h1 {margin: 0; padding: 0;   font-size: 1.7em;  line-height: 21px; }
header h4 {margin: 0; padding: 0;   font-size: 1.1em;  padding-bottom: .5em;  }
header a img {width: 100%;  margin-top: .5em;   }
.random {margin: 0; padding: 0;  } 

.addressmod {   padding: 0; margin: 0; padding-bottom: .5em; }
.addressmod h3 {padding: 0; margin: 0; font-size: 1.1em;   color: white; line-height: 23px;}  

.mainarticle h1 {  font-size: 1.6em;  padding-left: .3em;  } 
.mainarticle h2 {padding: 0; margin: 0; font-size: 1.5em; padding-top: .5em; padding-bottom: .5em; padding-left: .3em;} 
.mainarticle p {padding: 0; margin: 0; float: left; font-size: 1.4em;  padding-left: .3em;  padding-right: .3em;  line-height: 140%; padding-bottom: 1em;   } 

  
footer p   {margin: 0; padding: 0;  text-align: left;   float: left;}
footer h4   {margin: 0; padding: 0;  text-align: left;   float: left;}
 
 
 .navbar {margin: 0; padding: 0; }
nav .nav-child {  
	position: static;
	top: auto;
	left: auto;
	z-index: 1000;
	display: block;
	float: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: transparent;
	border: 0px solid #ccc;
	border: 0px solid rgba(0,0,0,0.2);
	border-right-width: 0px;
	border-bottom-width: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
nav ul.nav-child a {
 color: #9CADC5;
	font-size: 17px; margin-left: 1em;  font-weight: bold; 
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: #738BAD;	
}
nav .nav-child:before,
nav .nav-child:after {
	display: none; }
}
 
/* Landscape phone to portrait tablet */
/* Landscape phone to portrait tablet */
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
body { margin: 0; padding: 0;   }
 
 .span4 {display: none;   }
header {   margin: 0; padding: 0; float: left;  text-align: center;      } 
header h1 {margin: 0; padding: 0;   padding-top: .5em;     }

 
.mainarticle h1 {   margin: 0; padding: 0; float: left;  padding-left: .3em;  padding-bottom: .5em; line-height: 28px;    } 

.mainarticle h2 {padding: 0; margin: 0; float: left;  padding-top: .5em; padding-bottom: .5em;  padding-left: .3em;   line-height: 140%;    } 

.mainarticle p {padding: 0; margin: 0; float: left; font-size: 1.4em;  padding-left: .3em;  padding-right: .3em;   line-height: 140%;  padding-bottom: 1em;  } 

.contactpage {padding: 0; margin: 0; float: left;  clear: both;}
  
.navbar { margin: 0; padding: 0;     }
nav .nav-child {
	position: static;
	top: auto;
	left: auto;
	z-index: 1000;
	display: block;
	float: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: transparent;
	border: 0px solid #ccc;
	border: 0px solid rgba(0,0,0,0.2);
	border-right-width: 0px;
	border-bottom-width: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
nav ul.nav-child a {
 color: #9CADC5;
	font-size: 17px; margin-left: 1em;  
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: #738BAD;	
}
nav .nav-child:before,
nav .nav-child:after {
	display: none; }
 }

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
body { margin: 0; padding: 0;   }

header {  margin: 0; padding: 0; float: left;       }
header h3 {margin: 0; padding: 0;        }


  .mainarticle h1 {   margin: 0; padding: 0; float: left;  padding-left: .5em;   line-height: 28px;    } 
.mainarticle h2 {padding: 0; margin: 0; float: left;  padding-top: .5em; padding-bottom: .5em;  padding-left: .5em;   line-height: 140%;    } 
.mainarticle p {padding: 0; margin: 0; float: left; font-size: 1.4em;  padding-left: .3em;  padding-right: .3em; line-height: 140%;   padding-bottom: 1em; }



 
.navbar { margin: 0; padding: 0;    background-color: white;  } 
nav .nav-child {
	position: static;
	top: auto;
	left: auto;
	z-index: 1000;
	display: block;
	float: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: transparent;
	border: 0px solid #ccc;
	border: 0px solid rgba(0,0,0,0.2);
	border-right-width: 0px;
	border-bottom-width: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
nav ul.nav-child a {
color: #9CADC5;
	font-size: 17px; margin-left: 1em;  
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: #738BAD;	
}
nav .nav-child:before,
nav .nav-child:after {
	display: none; }
div.navbar-inner {background-color: white; }
}

 
/* LARGE DEVICES - DESKTOPS 1200PX AND UP */
/* LARGE DEVICES - DESKTOPS 1200PX AND UP */
/* Large desktop */
@media (min-width: 1200px) {
body { margin: 0; padding: 0;   }
 
.container {  
   
  }
}