/* ATTEST styles */
body {font:1em verdana, arial, sans-serif; font-size:100%; background-color:#999;}
* {margin:0; padding:0;}
div#G {
	width: 217px; 
	height: 258px; 
	position: absolute; 
	top: 60px; 
	right: 120px; 
	background-image: url(../images/gaspG.gif); 
/*
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5; 
*/
	visibility: visible;
}
div#main {width:780px; margin-left:auto; margin-right:auto;}
div#header {border-bottom:1px solid #fff; height: 70px; background: #fff url(../images/hdr_bg4.jpg) top right no-repeat;}
div#innerwrap {background-color:#fff;}
div#topnav {
    background: url(../images/nav_bg.gif) right repeat-y;
	width: 100%;
	 /* had to set this explicitly to get IE Mac to go full width instead of "shrink-wrapping" the ul */
	border-top:1px solid #333399;	/* draws line on top edge of div */
	border-bottom:1px solid #333399;	/* draws line on bottom edge of div */
	font-size:.75em;	/* set baseline size for component */
	padding:0; /* top and bottom = little space above and below dividers, left = indents ul from edge of container */
	background-color:#eee; /* colors the div */
	}
div#topnav ul {
	float:left;	/* makes the ul "shrink-wrap" the li's - without this it would be width of div */
	list-style-type:none;	/* removes the bullet off each list item */
	/*border-right:1px solid #069; because :last-child doesn't work in IE, this is the last vert line- hardcoded in the nav- ec */
	}
div#topnav li {
	float:left;	/* causes the list to align horizontally instead of stack */
	border-left:1px solid #333399;  /* creates the dividers between the menu items except the last one */
	background-color:#eee; /*sets the background of the menu items */
	}
div#topnav a {
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333399;	/* sets the type color */
	display: block;
	padding:.2em .3em; /* creates a little space around each menu item's text - forces the divider lines to be taller than the text */
	}
div#topnav a:hover {
	text-decoration:underline; /*underlines the link when pointed at */ 
	color: #333; /*changes the link color when pointed at */
	background-color:#fff;
	}
	
div#bread {
     margin-top: 2px;
     /*background: url(../images/bread.jpg) left no-repeat;*/
	 color:#339;
	 font-size:.6em; 
	 text-align: right;
	 padding-right: 10px;
	 }
	 
div#bread a {
	 color:#339;
	 font-size:.9em; 
	 }
	 
div#bread input {
	 color:#339;
	 font-size:.9em; 
	 border: 1px solid #339;
	 }
	 
.home_img_link {
     height: 60px;
	 margin: 0 2px 0 2px;
	 border: 0;
	 }
	
div#rightcolumnsub {width:180px; position:relative; float:right; top:22px; min-height: 300px; border-left:2px solid #ff9933; padding-bottom: 10px;}	
div#rightcolumn {width:200px; position:relative; float:right; top:21px; min-height: 300px; border-left:2px solid #ff9933; padding-bottom: 10px;}
div#rightcolumn	div#newsarea {margin:0 5px;}
div#rightcolumn	div#newsarea h1{color:#339; margin-top:10px;font-weight: bold; font-size: .9em;}
div#rightcolumn	div#newsarea h1 a{color:#339; margin-top:10px;font-weight: bold; font-size: .9em; }
div#rightcolumn	div#newsarea p {font-size:.7em; margin-top:6px;}
div#rightcolumn	div#newsarea a {font-size:.7em; color:#C30;}
div#rightcolumn	div#newsarea a:hover {color:#000; text-decoration:none;}
div#rightcolumn	div#newsarea ul {margin-left:8px;}
div#rightcolumn	div#newsarea li {list-style-type:none; padding: 2px 0; line-height:90%} 
div#rightcolumn	div#newsarea a {text-decoration:underline; color:#000}
div#rightcolumn	div#newsarea a:hover {color:#006699}

div#contentarea {margin-left:10px; width: 550px;}
div#contentarea {
  margin-top: 0 !important;
  margin-top: -480px;
  margin-top/**/:/**/0;
}
div#contentarea ul {margin: 5px 20px 10px 46px;}
div#contentarea ol {margin: 5px 20px 10px 46px;}
div#contentarea li {font-size:.8em; color:#000;} 
div#contentarea p {font-size:.8em; margin:3px 10px; line-height:140%}	
div#contentarea a.contact {margin: 3px 14px; line-height:140%}
div#contentarea p.bold {font-weight: bold;}
div#contentarea h6 {font-size:.7em; margin:3px 10px; text-decoration: underline;}
div#contentarea h5 {font-size:.8em; margin:3px 10px; text-decoration: underline;}
div#contentarea .required {font-size:.8em; color: #800000;}
div#contentarea input-text {color:#000; font-size:1.0em; border: 1px solid #339;}
div#contentarea select {}
div#contentarea .submit-button {position: relative; clear: both; color: #fff; background: #006699; left: 80%;}
div#small {font-size: 0.6em;}
div#contact1 {margin-left:14px;}
div#contact1 h2 {font-size:1.0em; border-bottom: 1px solid #666; margin-bottom: 10px; z-index: 15;}
div#contact1 li {font-size: .75em; margin-bottom: 7px; list-style-image: url(../images/bl_arrow.gif); line-height: 140%}

div#promodownloadtext {width:520px; color:#f33; text-align:center; font-size:.8em; margin:6px 0 10px 0px;}
div#promodownloadtext p {font-size:inherit;}
div#promodownloadtext a {color:inherit; font-weight:bold;}
div#mainlinks {width:550px; margin:0px 0 0 30px; border:0px solid #000;}
div#mainlinksset ul {margin-left:16px;}
div#mainlinksset li {font-size:.8em; color:#000; list-style-type: disc; padding: 4px 0; display: inline;} 
div#mainlinksset a {text-decoration:none; color:#000; font-size:.8em;}
div#mainlinksset a:hover {color:#006699}
div#hm_blurb {width: 100%; border-bottom: 1px solid #999; padding: 5px;}
/*div#hm_blurb ul {float: left;}*/
div#hm_blurb img {margin-bottom: 10px;}
div#support {margin-top: 20px;}
* html div#support {margin-top: 25px;}
div#support ul {margin: 5px 20px 10px 46px;}
div#support li {font-size: .75em; margin-bottom: 7px; list-style-image: url(../images/bl_arrow.gif)}
div#support h2 {font-size:.7em; border-bottom: 1px solid #999;}

div#sidinfo {margin:20px 60px; font-size:.8em;}
div#sidinfo h3 {font-weight:bold; font-size:1.2em; color:#EA931A}
div#sidinfo p {color:#069}
div#sidinfo a {color:inherit;}
div#sidinfo a:hover {text-decoration:none;}
div#footer {width:100%;  /* makes the div fill its container - usually body */
 			padding:4px 0; /* pushes the links away from top and bottom of the div */
			font-size:.65em;  /* sets the font size of all links */
			text-align:center; /* centers the ul elements in the div */
			background-color:#0965C8; /* sets the background color of the div */
			margin-top: 15px; /* space above footer */
					}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
				color:white; /* sets the color of the vertical lines *//* Hides from IE-mac \*/
				border-left:1px solid; /* creates the vertical line to the left of each list items */
				color:#AFF; /* sets the color of the vertical lines  - links colored below */
				padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
				}
 /** html div#footer ul {border-right:1px solid;}  ie hack: creates the vertical line to the right of each list */
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 					color:white; /* the color of the links */
					}
 div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
div#main {
   background-color: #fff; 
   border: 5px solid #fff;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/*.clearfix {display: inline-block;} */  /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */