@import url("displaytag.css");
@import url("boxes.css");
@import url("corners.css");
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Georgia,Verdana,Geneva,Arial,Helvetica,"Times New Roman",sans-serif;
   /*font-size: 75.01%;*/
   font-size: 90%;
   line-height: 1em;
}

p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a:link {
    text-decoration: none;
    color: #0099FF;
}
a:visited {
    text-decoration: none;
    color: #800000;
}
a:hover {
    text-decoration: underline;
    color: #FF0000;
}
a:active {
    text-decoration: none;
    color: #0099FF;
}
/*****************
basic layout 
*****************/
body {
/*   background-color: #ccc;*/
   color: #333;
   margin-top:0;    /* gives some air for the pagewrapper */
   margin-bottom:0;    /* gives some air for the pagewrapper */
   margin-left:1em;    /* gives some air for the pagewrapper */
   margin-right:1em;    /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
/*   border-left: 1px solid #333333;
   border-right: 1px solid #333333; */
   margin: 0 auto;       /* this centers wrapper */
   /*max-width: 80em;*/   /* IE wont understand these, so we will use javascript magick */
   max-width: 1000px;
   min-width: 60em;
   background-color: #fff;
   padding-top:0.5em;
/*   background:#ffffff url(/gls/images/bg/nw.gif) top left no-repeat;*/
   color: black;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 90px;    /* adjust according your image size #385C72; */
   background-color: #ffffff; /*#ffffcc*/ 
   /*border-bottom: 1px solid #333333;*/
   padding-bottom:0;
   margin-bottom:0;
}

div#header h1 a {
/* you can set your own image here */
   background: #ffffff url(/gls/images/glslogo.gif) bottom left no-repeat; 
   display: block;
   height: 90px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
div#header_adbanner {
   height: 90px;    /* adjust according your image size #385C72; */
   margin-left:200px;
}
div#header_banner {
   height: 90px;    /* adjust according your image size #385C72; */
   margin-left:200px;
   margin-right:200px;
   margin-top:-88px;
   text-align:center;
}
div#footer_banner {
   height: 70px;    /* adjust according your image size #385C72; */
   margin-left:200px;
   margin-right:200px;
   display:block;
   text-align:center;
}

/* position for the search box */
div#search {
   float: right;
   width: 26em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
	padding: 4px 4px 4px 4px;   /*padding: 0.8em 0 0.8em 0;*/ /* CSS short hand rule first value is top then right, bottom and left */
   /*font-size: 90%;*/        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   /*margin: 0 1em;*/        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   /*margin-top: -2em;*/
   text-align:right;
	background-color:#ffff00;
	border-top:1px solid #ff0000;
	border-right:none;
	border-bottom:1px solid #ff0000;
	border-left:none;
	margin:0 0 2px 0;
	/*padding:0;*/
}
div.hmenubar {
	padding: 0;   /*padding: 0.8em 0 0.8em 0;*/ /* CSS short hand rule first value is top then right, bottom and left */
   /*font-size: 90%;*/        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   /*margin: 0 1em;*/        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   /*margin-top: -2em;*/
	background-color:#ffff00;
	border-top:1px solid #ff0000;
	border-right:none;
	border-bottom:1px solid #ff0000;
	border-left:none;
	margin:0;
	/*padding:0;*/
	height:20px;
}
div.breadcrumbs a:link, div.breadcrumbs a:visited {
	text-decoration:none;
}
div#content {
   margin: 1.5em auto 2em 0;   /* some air above and under menu and content */
   min-height:200px;
   text-align:left;
   float:left;   
}

div#main {
   margin-left: 210px; /*29 this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   /*margin-right: 160px;*/
   text-align:left;
   vertical-align:top;
}

div#searchbox {
   width: 330px;
   height: 110px;
   margin: 0;
   padding:0;
   text-align:center;
   /*color: #ff0000;*/
   background: url(/gls/images/a/searchbox.gif) top right no-repeat;
}
div#wisdom {
   width: 300px;
   margin: 10px;
   padding: 10px;
   /*border:1px solid #afafaf;*/
   /*text-align:center;*/
   font-size:1.5em;
   line-height:1.5em;
}
div#storylinks {
   border:1px solid #0099ff;
   /*background-color:#efefef;*/
   line-height:1.5em;
   /*width:400px;*/
   text-align:right;
   display:inline;
   float:right;
   margin:5px 5px 5px 10px;
   padding:2px;
}
div#storyblock {
	text-align:left;
	width:99%;
}
div#storytext {
	line-height:1.5em;
	text-align:justify;
}
div#storytext p {
	line-height:1.5em;
}
div#topics {
   /*font-weight: bold;*/
   font-size:2em;
   display: block;
   /*margin-bottom: 5px;*/
   margin-top:5px;
}
div#topics2 {
   font-weight: bold;
   font-size:1.0em;
   display: block;
   /*margin-bottom: 5px;*/
   margin-top:5px;
}
div#top5 {
   width: 300px;
   margin: 10px;
   padding: 10px;
   border:1px solid #0099ff;
   background-color:#efefef;
   text-align:left;
   font-size:1.5em;
   line-height:1.5em;
}
div#create {
   width: 300px;
   margin: 10px;
   padding: 10px;
   /*border:1px solid #afafaf;*/
   text-align:center;
}
div#searchResult {
   width: 100%;
   margin:0 auto;
   padding: 0;
   /*border:1px solid #afafaf;*/
   /*text-align:left;*/
}
div#result_left {
	float:left;
	margin:0;
	width:820px;/*600px*/
}
div#result_right {
	float:right;
	width:160px;/*350px*/
	margin:10px 0;
	padding:0;
/*	border:1px solid #0099ff;
	background-color:#efefef; */
	text-align:center;
}
div#sidebar {
   float: left;      /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;     /*26 sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-bottom: 0;
   padding:0;
}
div#ad_right {
   float: right;      /* set sidebar on the left side. Change to right to float it right instead. */
   width: 160px;     /*26 sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 5px;
   padding:0;
}
div#ad_left {
   float: right;      /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;     /*26 sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-top: 10px;
   margin-left:10px;
   padding:0;
   text-align:center;
}

div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #000;
   background-color: #ffffff; /* same bg color as in header */
   border-top: 1px solid #ff0000; /*#0099ff*/
/*   background:#ffffff url(/gls/images/bg/se.gif) bottom right no-repeat;*/
}

div#footer p {
   font-size: 0.8em;
   padding: 1em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

div#footer p a {
   /*color: #000;*/ /* needed becouse footer link would be same color as background otherwise */
}

div#font_control {
	/*display:block;*/
	float:right;
	text-align:right;
	width:99%;
	padding:2px;
	margin-bottom:2px;
}
div#font_control {
	/*text-decoration:underline;*/
	cursor:hand;
	cursor:pointer;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/********************
CONTENT STYLING
*********************/
/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
   font-weight: normal;
   text-align: center;
}
div#content h2, div#content h1.storyH1 {
	font-weight:bold;
	color: #000000; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #0099ff; 
	border-left: 15px solid #0099ff; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   }
div#content h7 {
   font-weight:bold;
   color: #000000; 
   font-size: 1.5em; 
   text-align: left;
   line-height: 1.3em;
}

h7 {
   font-weight:bold;
   color: #000000; 
   font-size: 1.5em; 
   text-align: left;
   line-height: 1.3em;
}
/* END HEADINGS */

/* TEXT */

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */

/* VBAR */
div#vbar {
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}
div#vbar ul {
	list-style: none;
	margin:0;
	padding:0;
}
div#vbar ul li {
	background-color:#efefef;
	border-top:none;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #afafaf;
	border-left:10px solid #afafaf;
	margin:0 0 2px 0;
	padding:0;
}
div#vbar ul li a {
	text-decoration:none;
	display:block;
	padding:4px 2px;
	font-weight:bold;
}
div#vbar ul li a:hover {
	background-color:#cfcfcf;
}
div#vbar ul li span {
	display:block;
	padding:4px 2px;
	background-color:#cfcfcf;
	color:#FF0000;
	/*color:#000000;*/
	font-weight:bold;
}
div#vbar ul li span.sp {
	display:block;
	padding:4px 2px 4px 6px;
	background-color:#ffffff;
	color:#000000;
	font-weight:normal;
}
div#vbar ul li.header {
	border-left:none;
	padding-left:10px;
	background-color:#0099ff;
	background:url(/gls/images/a/bw_bg_30.gif) repeat-x;
}
div#vbar ul li span.header {
	display:block;
	padding:4px 2px;
	line-height: 1.3em;
	color:#ffff00;
	font-weight:bold;
	background-color:#0099ff;
	background:url(/gls/images/a/bw_bg_30.gif) repeat-x;
}
div#vbar ul li span.disabled {
	display:block;
	padding:4px 2px;
	background-color:#efefef;
	color:#6f6f6f;
	font-weight:normal;
}
table.hometable {
	border-collapse:collapse;
	width:100%;
}
table.listing {
	border:1px solid #cfcfcf;
	border-collapse:collapse;
	padding:0;
}
table.listing thead tr {
	background-color: #afafaf;
	color: #ffffff;
}
table.listing tr th {
	padding:5px;
	margin:1px;
}
table.listing tr td {
	padding:5px;
	margin:1px;
}
tr.odd {
	background-color:#ffffff;
}
tr.even {
	background-color:#efefef;
}
/* End VBAR */

/* the horizontal menu starts here */
div#listmenu {
	width:100%; 		/* makes the div full width */
	line-height: 1.3em;
	float: left; 		/*makes the div enclose the list */
	font-size:1.2em;	/* SET FONT-SIZE HERE */
	background:url(/gls/images/a/bw_bg_30.gif) repeat-x;
	margin-top:5px; 	/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	text-align: center;
	/*background-image:url(bg2.gif) no-repeat;*/
	/*border-top:1px solid #ff0000;*/	/* draws line on top edge of div */
	/*border-bottom:1px solid #ff0000;*/	 /* draws line on bottom edge of div */
	/*background-color:#0099ff;*/ 		/* colors the div */
	/*font-family: Verdana, Helvetica, Geneva, Arial, Times New Roman, sans-serif;*/
	/*font-weight:bold;*/
	

	}
div#listmenu ul {
	margin:0 0 0 0;/* indents ul from edge of container */
	text-align: left;
	float:right;
}
div#listmenu ul li {
	padding-left:10px;
	padding-right:10px;
	/*font-weight:bold;*/
}
div#listmenu ul li ul li {
	background-color:#ffffff;
	font-weight:normal;
}
div#listmenu ul li ul li ul li {
	background-color:#ffffff;
	font-weight:normal;
}
div#listmenu ul li:hover {
	color:#ff0000;	/* sets the type color */
}
div#listmenu ul li ul li a {
	color:#0099ff;	/* sets the type color */
}
div#listmenu ul li ul li ul li a {
	color:#0099ff;	/* sets the type color */
}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#0099ff;*/ /* #FFA sets the background of the menu items */
	/*background:url(/gls/images/bg/bw_bg_30.gif) repeat-x;*/
	/*border-right:1px solid #ff0000;*/ /* creates dividing lines between the li elements */
	border-left:1px solid #ff0000;
	}
div#listmenu li:first-child {
	/*border-left:1px solid #ff0000;*/ /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	/*background-color:#ffff00;*/ /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:2px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#ffff00;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#ff0000;
	}
div#listmenu ul li a:hover {
	color:#ffffff;
	}
div#listmenu ul li ul li a:hover {
	color:#ff0000;
	}
div#listmenu ul li ul li ul li a:hover {
	color:#ff0000;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:13em;/*10em;*/ /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #ff0000; /*  three sides of each drop-down item */
	border-bottom:1px solid #ff0000;
	border-right:1px solid #ff0000;
	padding:0 0 1px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #ff0000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:13em;/*10em;*/
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */


/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:right; /* makes the ul wrap the li's */
	border-left:1px solid #ff0000; /* adds the rightmost menu vertical line to the ul */
	margin-left:100px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #ff0000;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:12.85em;/*9.85em;*/
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:13em;/*10em;*/
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  top:-1px;
  left:13em;/*10em;*/
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* For Search result page */
.highlight { 
  /*font-family: Arial; */
  font-weight: bold; 
} 
/* end for Search result page */
/* keyword tags */
div.kDiv {
	position:absolute;
	visibility:hidden;
	border:1px solid #0099ff;
	width:300px;
/*height:50px;*/
	top:-1000px;
	left:-1000px;
	/*z-index:100;*/
	background:#efefef;
	padding:0;
}
span.tag {
	cursor:pointer;
	border-bottom:1px dotted #0099ff;
}
span.tag:hover {
	color:#0099ff;
	text-decoration:underline;
	background-color:#efefef;
}
span.kSpan {
	display:block;
	text-align:right;
	font-size:90%;
	background-color:#0099ff;
	padding:4px 2px;
}
span.kSpan a {
	color:#ffffff;
}
div.view_story {
	color:#0099ff;
	padding-top:50px;
	text-align:right;
}
table.kTable {
	padding:5px 10px;
	border-collapse:collapse;
}
table.kTable td {
	width:140px;
	padding:5px;
	border:1px solid #cfcfcf;
	text-align:center;
}
table.storyLinks {
	/*width:400px;*/
	padding:5px;
	margin:0;
}
table.storyPhoto {
	width:400px;
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#0099ff;
	border:1px solid #0099ff;
}
table.storyPhoto tr td {
	width:400px;
	padding:0;
	margin:0;
}
span.imageCaption {
	padding:0 5px;
	margin:0;
	display:block;
	text-align:center;
	color:#ffffff;
}
table.storyPhoto tr td img {
	padding:0;
	margin:0;
}
/* end keyword tags */

/* errorblock class */
.errorblock{
	padding:5px;
	border:1px solid #C00;
	background-color:#FFEFEF;
	color:#C00;
	margin-top:10px;
}

.errorblock UL{
	list-style: square inside;
	margin-top:0px;
	padding-top:0px;
	color:#C00;
}

.errorblock LI{
	color:#C00;
}

.errorblock STRONG{
	color:#C00;
}

.commentHead {
	background-color: #EEE;
	padding:4px;
}	

.commentBody {
	background-color: #FFFFFF;
	padding:4px;
}

.chtable {
	border: none;
	padding:0;
	margin:0;
	width: 1000px
}

.chtd1 {
	width: 200px;
	vertical-align: top;
}

.chtd2 {
	width: 15px;
	vertical-align: top;
}

.chtd3 {
	width: 620px;
	vertical-align: top;
}

.chtd4 {
	width: 150px;
	vertical-align: top;
}