/* header styling */

h2 {
	color:#016420;
	font-size: 15px;
	font-weight: bold;
}

h3 {
	color:#BD1D39;
	font-size: 13px;
	font-weight: bold;
}

h4 {
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

h5 {
	color: #000000;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 1.5px;
}

.contactTable td {
	vertical-align:top;
}

.newsHdr {
	color: #000000;
	text-transform: none;
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

.homePageList {
	color: #000;
	font-size: 10px;
}

.homePageCaption {
	color: #000;
	font-weight: bold;
	font-size: 9px;
	text-transform: none;
}


li {padding:0; margin:0;}


.homePageList ul {padding:0; margin:0;}

.homePageList li {
	list-style:none;
	background:url('../images/PageConstructionGraphic_images/GLCAC_bullet1.gif') no-repeat left top;
	padding-left:20px;
}

.homePageList a {
         color: #000;
}

.homePageHdr {
	color: #001EAA;
	font-size: 12px;
	font-weight: bold;	
}

.homePageText {
	padding-left:20px;
	padding-top: 15px;
}

.homePageText a {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

.pageList a {
         color: #000;
}

.pageHdr {
	color: #001EAA;
	font-size: 16px;
	font-weight: bold;	
}

.pageHdr1 {
	color: #001EAA;
	font-size: 16px;
	font-weight: bold;	
}

.pageSubHdr1 {
	color: #001EAA;
	font-size: 12px;
	font-weight: bold;	
}

.progPageName {
	color: #C02026;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1.5px;
}

.searchLabel {
	color: #001EAA;
	font-size: 12px;
	font-weight: bold;	
}

.pageText {
	padding-left:20px;
	padding-top: 15px;
}

.pageText a {
	color: #000000;
	font-size: small;
	font-weight: bold;
}


.pageNoteText {
	padding-left: 20px;
	padding-top: 15px;
	color: #FF0000;
}

.caption {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}

/********************************************/
/* basic container styles */
/********************************************/
html {
	padding:0; 
	margin:0; 
	border:0; 
}
 

body {
	padding:0; 
	margin:0; 
	border:0;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5;
}

/********************************************/
/* styles for top horizontal graphics */
/********************************************/
#topBar {
	z-index: 10;
	width:722px; 
	height:159px;
}

#topImage {
	z-index: 10;
}

#topText {
	z-index: 15;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #000000;
	font-style: italic;
}

#topProgTitle {
	z-index: 15;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #000000;
	font-style: italic;
}

#topProgDiv {
	z-index: 15;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	font-style:normal;
	text-transform: uppercase;
	font-weight:bold;
}

#topTextHomePage {
	z-index: 15;
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	font-style: italic;
}

/********************************************/
/* horizonal main menu definitions */
/********************************************/
.topMenu {
	z-index:20;
/*   xxxxx	position:relative; */
	width:700px;   /* total width of menu - will wrap if too small */
/*   xxxxxx	font-size:0.85em; /* font size of top level items */
	font-size:.9em;
}
/* hack to correct IE5.5 ( box model ) */
* html .topMenu {width:700px; w\idth:700px;} /* controls width of menu in IE6 also */

/* remove the default list styling (bullets, borders, and padding) */
.topMenu ul {padding:0;margin:0;list-style-type:none;}

.topMenu li {
	position:relative; /* allow control of position from drop down menu */
	float:left;  /* make the top level menu horizontal */
}

/* style the links for the top level */
.topMenu a:visited {
	display:block;
/*	font-size:.9em; */
	text-decoration:none; 
	color:#ffffff; /* white letters */
	width:70px;   /* width of each menu item */
	height:17px; 
	padding-left:10px; 
/*	padding-top:10px; padding-bottom: 10px; */
	line-height:16px;
}

.topMenu a {
	display:block;
/*	font-size:.9em; */
	text-decoration:none; 
	color:#ffffff; /* white letters */
	width:70px;   /* width of each menu item */
	height:17px; 
	padding-left:10px; 	/* padding-top:10px; padding-bottom: 10px; */
	line-height:16px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topMenu a:visited {width:70px; w\idth:70px;} 
* html .topMenu a {width:70px; w\idth:70px;} /* width of each menu item in IE6 also */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topMenu ul ul {
	visibility:hidden; /* hides the sub-menu */
	position:absolute; 
	height:0;          
	top:17px;  /* moves the first item below the upper level menu item */
	left:0px;    /* keeps item aligned with upper level menu item */
/*	border-top:1px solid #000000; */
	padding:0px 5px 0px 5px;
}

/* another hack for IE5.5 */
* html .topMenu ul ul {top:17px;t\op:17px;} /* puts item below upper level menu in IE6 also */


/* style the table so that it takes no part in the layout - required for IE to work */
.topMenu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.topMenu ul ul a:visited {
	background:#001EAA; /* a darker blue */
	color:#ffffff;      /* white text */
/*	height:auto;  */
	line-height:1.5em;
/*	text-indent: -1em; */
	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px;  */

	width:170px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

.topMenu ul ul a {
	background:#001EAA; /* a darker blue */
	color:#ffffff;      /* white text */
/*	height:auto;  */
	line-height:1.5em;
/*	text-indent: -1em; */
	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px;  */

	width:170px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

/* yet another hack for IE5.5 */
* html .topMenu ul ul a:visited {width:170px;w\idth:170px;} 
* html .topMenu ul ul a {width:170px;w\idth:170px;} /* 2nd level for IE */

/* style the top level hover for IE */
.topMenu a:hover{
/*	color:#ffffff; */
	background:#001EAA; /* a darker blue */
}
/* style the top level hover for non-IE */
.topMenu :hover > a{
/*	color: #ffffff; */
	background: #001EAA; /* a darker blue */
}

/* style the second level hover for IE */
.topMenu ul ul a:hover{
	color:#ffffff; 
	background:#6666CC; /* back to original blue */
}
/* style the second level hover for non-IE */
.topMenu ul ul :hover > a {
	color: #ffffff;
	background: #6666CC; /* back to original blue */
}


/* make the second level menu visible when hover on the first level list */
.topMenu ul a:hover ul{visibility:visible; }

.topMenu ul li:hover ul{visibility:visible; }

.topMenu li li {
	position:relative;
}

/***********************************/
/* keep the third level hidden when you hover on first level list OR link */
.topMenu ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.topMenu ul :hover ul :hover ul{ 
visibility:visible;
}
/**************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.topMenu ul ul ul {
	visibility:hidden; /* hides the sub-menu */
	position:absolute; 
/*	height:0;       */   
	top:0px;  /* moves the first item below the upper level menu item */
	left:175px;    /* keeps item aligned with upper level menu item */
/*	border-top:1px solid #000000; */
	padding:0px 5px 0px 5px; 
}

/* another hack for IE5.5 */
* html .topMenu ul ul ul {top:0px;t\op:0px;} /* puts item below upper level menu in IE6 also */

/* style the table so that it takes no part in the layout - required for IE to work */
.topMenu ul ul table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse; 
}

/* style the second level links */
.topMenu ul ul ul a:visited {
	display:block;
	background:#001EAA; /* a darker blue */
/*	color:#ffffff;      /* white text */
/*	height:auto; */
/*	line-height:1em; */
/*	text-indent: -1em;  */
	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px;  */
	width:230px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

.topMenu ul ul ul a {
	display:block;
	background:#001EAA; /* a darker blue */
/*	color:#ffffff;      /* white text */
/*	height:auto; */
/*	line-height:1em; */
/*	text-indent: -1em;  */
	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px;  */
	width:230px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .topMenu ul ul ul a:visited {width:230px; w\idth:230px;} 
* html .topMenu ul ul ul a {width:230px; w\idth:230px;} /* width of each menu item in IE6 also */


/* style the second level hover for IE */
.topMenu ul ul ul a:hover{
/*	color:#ffffff; */
	background:#6666CC; /* back to original blue */
}
/* style the second level hover for non-IE */
.topMenu ul ul ul :hover > a {
/*	color: #ffffff; */
	background: #6666CC; /* back to original blue */
}

/* make the second level menu visible when hover on the first level list */
.topMenu ul ul li:hover ul ul ul {visibility:visible; }
.topMenu ul ul a:hover ul ul ul {visibility:visible; }

/********************************************/
/* styles for left side graphics and navigation */
/********************************************/
#sideBar {
	z-index: 10;
	width:167px;
	height:1647px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#leftImage {
	z-index: 10;
	width:177px;
	height:647px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#leftBlue {
	z-index: 10;
	background-color: #6666CC;
	width:177px;
	height: 1000px;
}

/********************************************/
/* definitions for vertical contextual menu */
/********************************************/

.leftNav {
	z-index: 15;
	width: 170px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* remove the default list styling (bullets, borders, and padding) */
.leftNav ul {
	padding:5px 0px 5px 0px;  
	margin:0;
	line-height:1.5em;
 /*	text-indent: -1em; */
	list-style-type:none;
   }


.leftNav li {
	position:relative; /* allow control of position from drop down menu */
}

/* style the links for the top level */
.leftNav a:visited {
	display:block;	padding:5px 0px 5px 0px;  
	font-size:.9em;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#FFFFFF; /* white letters */
	width:170px; 
}


.leftNav a {
	display:block;	padding:5px 0px 5px 0px;  
	font-size:.9em;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#FFFFFF; /* white letters */ 
	width:170px; 
}


/* a hack so that IE5.5 faulty box model is corrected */
* html .leftNav a:visited {width:170px; w\idth:170px;} 
* html .leftNav a {width:170px; w\idth:170px;} /* width of each menu item in IE6 also */

/***********************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.leftNav ul ul {
	visibility:hidden; /* hides the sub-menu */
	position:absolute; 
/*	height:0;       */   
	top:-5px;  /* moves the first item below the upper level menu item */
	left:165px;    /* keeps item aligned with upper level menu item */
/*	border-top:1px solid #000000; */
/*	padding:5px 5px 5px 5px; */
}

/* another hack for IE5.5 */
* html .leftNav ul ul {top:-5px;t\op:-5px;} /* puts item below upper level menu in IE6 also */

/* style the table so that it takes no part in the layout - required for IE to work */
.leftNav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse; 
}

/* style the second level links */
.leftNav ul ul a:visited {
	display:block;
	background:#001EAA; /* a darker blue */
	color:#ffffff;      /* white text */
/*	height:auto; */
/*	line-height:1em; */
/*	text-indent: -1em;  */
	font-size:.9em;

	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px; */
	width:230px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

.leftNav ul ul a {
	display:block;
	background:#001EAA; /* a darker blue */
	color:#ffffff;      /* white text */
/*	height:auto; */
/*	line-height:1em; */
/*	text-indent: -1em;  */
	font-size:.9em;

	padding:5px 5px 5px 5px; 
/*	padding:0px 5px 0px 5px; */
	width:230px;        /* controls width of 2nd level menu items box */
/*	border-width:0 1px 1px 1px; */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .leftNav ul ul a:visited {width:230px; w\idth:230px;} 
* html .leftNav ul ul a {width:230px; w\idth:230px;} /* width of each menu item in IE6 also */


/* style links for hover under IE */
.leftNav a:hover {	 
	background-color: #001EAA; /* a darker blue */
}
/* style links for hover under non-IE */
.leftNav :hover > a {	
	background-color: #001EAA; /* a darker blue */
}


/* style the second level hover for IE */
.leftNav ul ul a:hover{
	color:#ffffff; 
	background:#6666CC; /* back to original blue */
}
/* style the second level hover for non-IE */
.leftNav ul ul :hover > a {
	color: #ffffff;
	background: #6666CC; /* back to original blue */
}

/* make the second level menu visible when hover on the first level list */
.leftNav ul li:hover ul {visibility:visible; }
.leftNav ul a:hover ul  {visibility:visible; }


/*************************************************/
/* definitions for address bar at bottom of page */
/*************************************************/

#addressBar {
	z-index: 20;
	width: 728px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: center;
	color: #3366FF;
	border-style: solid none none none;
	border-width: 1px 0 0 0;
	border-color: #FFCC00;
	padding: 10px 0px 0px 0px;
}

/***********************************/
/* definitions for content section */
/***********************************/

.pageContent {
	z-index: 5;
	width: 660px;
	height: 600px; 
}

.columnPadding {
	padding: 0px 10px 0px 10px;	
}

.columnOne {
	width: 220px;
}

.columnOneAndTwo {
	width: 440px;
}

.columnOneThruThree {
	width: 660px;
}

.columnTwo {
	width: 220px;
}

.columnTwoAndThree {
	width: 440px;
}

.columnThree {
	width: 220px;
}