/* ===============================
 Styles applied to the body 
 ================================*/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #AEC8EA url(../images/layout/body_bg.gif) repeat-x;
 color: #000;
 }

/*================================
 PAGE LAYOUT 
================================== */	
/****** outer layout (borders) ***** */
#main_wrapper {
  width: 85%; 
  max-width: 1024px;
  min-width: 740px;
  margin: 5px auto; 
  text-align: left;
  color: #000;
}

#outer_wrapper {
  clear: both;
  width: 100%;
	border-left: 1px solid #000;
}

html>body #outer_wrapper {
 background: url(../images/layout/body_left.png) repeat-y 0 0;
 border-left: none;
}

#inner_wrapper {
 border-right: 1px solid #000;
 margin: 0px;
}

html>body #inner_wrapper{
 background: url(../images/layout/body_right.png) repeat-y right top;
 margin: 0px;
 border-right: none;
 position: relative; /* IE 7, to fix the issue that the background images sometimes disappears from sight on IE n7 */
}

#content_wrapper {
 text-align: left;
 /*border: 1px solid #000;*/
 /*line-height: 160%;*/
 font: 73% Arial, Verdana, sans-serif;
 margin: 0px;
 background: #fff;
 border: 4px solid #fff;
 color: #000;
 }

html>body #content_wrapper {
 margin: 0px 5px;
}
 
#top_left_shadow{
 border-top: 1px solid #000;
}

html>body #top_left_shadow {
 background: url(../images/layout/top_left.png) no-repeat 0 0; 
 width: 100%;
 border-top: none;
}

html>body #top_right_shadow {
 height: 6px;
 background: url(../images/layout/top_right.jpg) no-repeat right bottom; 
}

#bottom_left_shadow {
 border-bottom: 1px solid #000;
}

html>body #bottom_left_shadow {
 background:  url(../images/layout/bottom_left.png) no-repeat 0 0;
 width: 100%;
 margin: 0;
 border-bottom: none;
}
/*
#bottom_right_shadow {
 border-bottom: 1px solid #000;
}
*/
html>body #bottom_right_shadow{
 background:  url(../images/layout/bottom_right.png) no-repeat right bottom;
 height: 6px;
 padding:0px;
 margin: 0;
 border-bottom: none;
}

/* * ** inner layout ******* */
#secondary_content_wrapper {
 width: 27.4%;
 float: left;
 background: #ECF5F4;
 border: 1px solid #ccc;
 border-top: none;
 margin-bottom: 2px;
 padding-bottom: 15px;
}

#primary_content_wrapper {
 width: 71.5%; /*IE 5 & 5.5 */
 float: right;
 margin-bottom: 2px;
 margin-top: 2px;
 padding-bottom: 15px;
}

html>body #secondary_content_wrapper {
  width: 27.4%; /* all browsers except IE 5 & IE 5.5 */
}

html>body #primary_content_wrapper {
  width: 72%; /* all browsers except IE 5 & IE 5.5 */
}

#logo {
 width: 27.5%;
 float: left;
 background: #669999 url(../images/misc/glt_logo.gif) no-repeat 50% 0;
 height: 80px;
 margin: 0 auto;
}


/*================================
NAVIGATIONS
/================================== */	
/*** main nav ***/
/****************/
#nav {
 width: 72%; 
 float: right;
 background: #fff;
 text-align: left;
 font-size: .98em;
 margin: 30px 0 10px 0px;
}
#nav ul {
  /* margin: 15px 0 15px 0px;*/
	margin: 5px 0 0 0;
	list-style:none;
	padding: 0px 0 0px 0;
}
#nav ul a {
  display: block;
  color:#fff;
	padding: 5px 10px 15px 1px;
  margin: 0;
	padding: 0;
 }
#nav ul li {
  /*display: inline;*/
  color: #3366CC;
	float: left;
	padding: 0px;
}
#nav ul li a{
  margin: 0;
  color: #3366CC;
  background: url(../images/layout/nav_divider.gif) no-repeat 100% 50%;
  padding: 0px 7px 0 4px; 
	text-decoration: none;
	font-weight: bold;
}
#nav ul li a:hover, #nav ul li.current a {
 color: #CC6600;
}

/* second level nav list on the main nav */
/*****************************************/
#nav ul li ul{ 
  display: block;
	position: absolute;
	left: -999em; 
	padding: 0;
	width: 200px;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #89A9A7;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px -1px;
	padding: 0;
	float: none;
	filter:alpha(opacity=90);
	opacity: 0.95;
	-moz-opacity:0.95;
}
#nav ul li ul li {
  	float: none;
		display: block;
		padding: 0;
  	margin: 0!important;
}
#nav ul li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  	left: auto;
  	/* background: transparent;*/
		padding: 0px;
}

#nav ul li ul li {
  	background: none;
  	padding: 0;
  	margin: 0;
		/*width: 100%; remove it so that it won't have a gap between each list item on IE 7 */
	  display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}
#nav ul li ul li a {
  	background: #003333;
		padding: 4px 10px 4px 5px;
		border-top: 1px solid #89A9A7;
		border-left: 1px solid #89A9A7;
	 border-right: 1px solid #89A9A7;
		color: #fff;
		margin-bottom: 0!important;
}

#nav ul li.current ul li a {
 background: #003333;
 color: #fff;
}

#nav ul li ul li a:hover {
 color: #000;
 background: #ff9900;
}

/****** sub nav  ***/
/********************/

#sub {
/* margin: 5px; */
}

#sub ul {
 list-style: none;
 background: #F9FFFE;
 border: 1px solid #ccc;
 border-top: none;
 margin: 5px 5px 30px 5px;
 padding: 0;
}

#sub ul li {
  display: inline; /* so that IE 6 display properly on each list item */
}

#sub ul li a {
  display: block;
	background: #F9FFFE url(../images/layout/sub_nav_dot.gif) no-repeat 2% 10px;
  padding: 3px 3px 3px 20px;
  border-top: 1px solid #ccc;
  color: #336699;
  font-weight: bold;
	margin-left: 0;
}

#sub ul li ul {
  margin: 0;
	padding: 0;
}

#sub ul li a:hover, #sub ul li.current a {
 background: #C9E5FF url(../images/layout/sub_nav_dot.gif) no-repeat 2% 10px;
}

#sub ul li.current ul {
 border: none;
}

#sub ul li.current ul li a {
  border: none;
	border-top: 1px solid #ccc;
  padding: 3px 0 3px 35px; 
  background: #E4EFF9 url(../images/layout/sub_nav_dot.gif) no-repeat 8% 10px;
  display: block;
}

#sub ul li.current ul li a:hover, #sub ul li.current ul li.current a{
 background: #FBA24A url(../images/layout/sub_nav_dot.gif) no-repeat 8% 10px;
}

/*** footer nav ***/
/*****************/

#footer {
 background: #E5E5E5 url(../images/layout/footer_bg.gif) repeat-x 0 0;
 padding: 15px 15px 15px 10px;
 border: 1px solid #ccc;
 font-size: .92em;
 margin: 0px;
 /*width: 97.4%; don't specify the width */
}
#footer #copyright {
 width: 22.5%;
 float: left; 
}
#footer ul {
 float: right;
 width: 72.2%;
 margin: 0px 0 0 10px;
 padding: 0px;
}
#footer ul li {
  display: inline;
  color: #3366CC;
	margin: 0px;
}
#footer ul li a {
  margin: 0;
  color: #3366CC;
	list-style-image:none;
  background: url(../images/layout/footer_divider.gif) no-repeat 100% 50%;
  padding: 0 7px 0 4px;
	text-decoration: none;
	font-weight: normal;
}
#footer ul li a:hover {
 text-decoration: underline;
  color:#CC6600;
}
#footer ul li#current a {
 font-weight: bold;
}

/**************************************
 HOME FORMATTING
/**************************************/

#billBoard {
  float: left;
  width: 100%;
	height: 177px;
  padding: 0;
  margin: 0 0 2px 0;
  background: url(../images/home/placeholder.jpg) no-repeat top left;
  /*overflow: hidden;*/
}

.home_content {
 padding: 10px 25px;
 margin-bottom: 10px;
 line-height: 160%;
}

.home_content .left {
 float: left;
 width: 47%;
}

.home_content .right {
 float: right;
 width: 47%;
}

.home_content .voice{
 background: url(../images/icons/phone.gif) no-repeat 0 50%;
 font-weight: bold;
 color: #336699;
 padding: 12px 10px 12px 30px;
}

.home_content .data{
 background: url(../images/icons/mouse.gif) no-repeat 0 50%;
 font-weight: bold;
 color: #336699;
 padding: 12px 10px 12px 30px;
}

.home_content .video{
 background: url(../images/icons/person.gif) no-repeat 0 50%;
 font-weight: bold;
 color: #336699;
 padding: 12px 10px 12px 30px;
}

.home_content .sound{
 background: url(../images/icons/sound.gif) no-repeat 0 50%;
 font-weight: bold;
 color: #336699;
 padding: 12px 10px 12px 30px;
}

.home_content .voice a, .home_content .sound a, .home_content .data a, .home_content .video a {
 color: #336699;
 text-decoration: none;
}

.home_content .voice a:hover, .home_content .sound a:hover, .home_content .data a:hover, .home_content .video a:hover {
 color: #CC6600;
 text-decoration: none;
}

.home_content ul.arrow{
 list-style-image: url(../images/icons/blue_arrow.gif);
 margin: 15px 0 0 28px;
 padding-left: 0px; 
 color: #336699;
 font-weight: bold;
 }
 .home_content ul.arrow li {
  padding-bottom: 5px;
 }
 
 .home_content ul.arrow li a:hover {
  color:#CC6600; 
 }

/**************************************
 FORMATTING
/**************************************/

/* main content for each sub page */
#content {
 padding: 20px 25px;
 line-height: 160%;
}

.content_img {
 float: right;
 padding: 0px 0px 10px 10px;
 clear: right;
}

/* side bar */
.secondary_content {
 padding: 10px 10px 20px 10px;
}

 /* primary content gradient box */
 h2 {
 background: #F6F8FB url(../images/layout/primary_gradient_box_bg.gif) repeat-x 0 0;
 border: 1px solid #ccc;
 font-size: 1.4em;
 color: #003366;
 padding: 10px 25px;
 font-weight: bold;
 margin: 0;
}

/* second content gradient box */
h3 {
 background: #CFE5E4 url(../images/layout/secondary_gradient_bg.gif) no-repeat top left;
 margin: 0px;
 padding: 12px 12px 12px 35px;
 color: #3C6360;
 font-size: 1.2em;
 font-weight: bold;
 text-transform: uppercase;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

/*second content subtitle */
h4{
 margin: 8px 0;
 color: #000;
 padding: 3px; 
 border: 1px solid #ccc;
 background: #eee;
 font-weight: bold;
 font-size: 1.1em;
}

.quote {
 font-weight: bold; 
 font-size: 1.4em;
 color: #339999;
 padding-top: 15px;
}

.bld {
 font-weight: bold;
}
.grey {color: #666;
 font-weight: bold;
 }
 
.date_grey {color: #ccc; font-weight: bold;}
.call_out {
 float: right;
 border: 1px dotted #169b8c;
 margin: 0 0 10px 10px;
 background: #ecf5f4 url(../images/icons/up_arrow.gif) no-repeat 5px 50%;
 padding: 10px 10px 10px 30px; 
}

.call_out a {
  color: #169b8c;
}

.featured_systems {
 margin: 10px 5px 5px 5px;
 background: #fff;
 border: 1px solid #DFDEDE;
}

a {
  color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
 color:#CC6600; 
} 

.clear {height: 1px; clear: both; font-size: .1%;}

* html .clearFix {
  height: 1%;
}

.header_bar_top, .header_bar_bottom {
 background: #182F4E;
 margin-bottom: 1px;
 height: 6px;
 font-size: 1%;
 width: 100%;
}
.back_news {
 float: right;
}
.back_top {
 text-align: right;
 background: url(../images/icons/top.gif) no-repeat right bottom;
 font-size: 10px;
 padding-right: 14px;
 padding-bottom: 2px;
}

.table {border: 1px solid #ccc;}
.table th {
 background: #E4E9E9;
 padding: 5px;
}

.table td{
 border-top: 1px solid #ccc;
}
.bold_cell {
 font-weight: bold;
 color: #666;
}

/* list formatting */
ul.square{
 list-style:  none;
 list-style-image: url(../images/icons/square_dot.gif);
 margin-left: 10px;
 padding-left: 10px; 
}

ul.square_small {
 list-style:  none;
 list-style-image: url(../images/icons/square_small.gif);
}

ul li {padding-bottom: 5px;}

ul.square ul.square_small li a {
 font-weight: normal;
}

ul.arrow{
 list-style-image: url(../images/icons/blue_arrow.gif);
 margin: 15px 0 0 28px;
 padding-left: 0px; 
 color: #336699;
 font-weight: bold;
 }
 
ul.arrow li {
  padding-bottom: 5px;
 }

ul.arrow li a:hover {
  color:#CC6600; 
 }
 
ul.news{
 margin-top: 0px;
 list-style-image: url(../images/icons/news.gif);
 margin-left: 10px;
 padding-left: 10px; 
}
 
ul.news li {
  padding-bottom: 10px;
 }

ul.news li a:hover {
  color:#CC6600; 
 } 
/* form */
form {margin: 0px; padding: 0px;}
select option {font-size: 11px; padding: 1px;}
fieldset {border: 3px double #BBBDBF; padding: 5px; margin: 10px 10px 10px 0;}
legend {font-size: .95em; color:#fff; background: #3C6360; padding: 4px; font-weight: bold; letter-spacing: 1px;}
.asterisk {color: #CC4D00; font-weight: bold;} 
.bold_field {font-weight: bold; text-align: right; font-size: .95em;}
.underline {text-decoration: underline; display: block; color: #666666;}
.submit_btn {background: #105D57; color: #F58643; font-size: .98em; font-weight: bold; border: 1px solid #BBBDBF;}

.warning {
 background: #FFFFCC;
 font-weight: bold; 
 color: #CC4D00;
 border: 1px solid #CC4D00;
 padding: 5px 5px 5px 15px;
}

/* Off state for a checkbox */
.checkboxOff {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #666;
	line-height: 16px;
	background-image: url(../images/misc/checkbox_off.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
}
/* On state for a checkbox */
.checkboxOn {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #000;
	line-height: 16px;
	background-image: url(../images/misc/checkbox_on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
}


/* image hover */

.hoverbox {
	cursor: pointer;
	list-style: none;
	width: 80%;
	margin-bottom: 20px;
}

.hoverbox a {
	cursor: pointer;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	/*top: -33px;
	left: -45px;*/
	top: 65px;
	left: 0px;
	z-index: 1;
}

.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	/*width: 100px;
	height: 75px;*/
}

.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview {
	border-color: #000;
	background: #fff;
	padding: 5px;
	/*width: 200px;
	height: 150px;*/
}
 
 /* print */
 
 .header_print {
 display: none;
 }