/* CSS Document */
/* NAME OF SITE */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
    color:#000000; 
	background:#fff;
    width:100%; 
	margin:0 auto;
	font:12px/16px Verdana, Helvetica, sans-serif;
}

body.popup {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
    color:#666666; 
	background:none;
    width:100%; 
	margin:0 auto;
	font:11px/15px Verdana, Helvetica, sans-serif;
}


body.home {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
    color:#666666; 
	background:#fff url(../images/bg_home.jpg) repeat-x;
    width:100%; 
	margin:0 auto;
	font:11px/15px Verdana, Helvetica, sans-serif;
}

body * {text-align:left}

.mcnote {color: #ff0099; font-size:14px;}




/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/ { margin: 5px 0 15px 5px; padding: 0px 0 0 10px; list-style-type: none; display: block; } 

ol { display: block; list-style-position: inside; } 

ul li ul /*default styling*/ { margin: 0px; padding: 0px 0 0 0px; list-style-type: none; display: block; float: left; } 

ol { display: block; list-style-position: inside; } 

h1 {font-size:21px; width: 500px; color:#000000; line-height:22px;font-weight:normal; margin:0px 0px 10px 0px;text-align:left;clear:both;padding:0px;}

h2 {font-size:15px; color:#000000; line-height:18px;font-weight:normal; margin:16px 0px -8px 0px;}
h3 {font-size:14px; color:#000000; font-weight:normal;line-height:18px;}
h4 {font-size:13px; color:#000000; font-weight:normal;line-height:16px;}

a:link, a:active, a:visited  {color: #666; text-decoration:underline;font-weight:normal;}
a:hover {color: #1c2075; text-decoration:underline;}

a:focus { outline: none;}


b {color:#000000;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:2px;
	border:0px;
}

img.left {
	float:left;
	margin:2px;
	border:0px;
}

p, td, div
{	
	font-size: 11px;
	line-height: 15px;
	font-family: verdana, Helvetica, sans-serif;
	color: #000000;
}

.small {font-size:10px; line-height:13px; color:#888;margin:7px 0px;}

p.home
{	
	font-size: 11px;
	line-height: 15px;
	font-family: verdana, Helvetica, sans-serif;
	color: #fff;
}

	.anchorlink {display:none;}  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0 auto;
	width: 990px;
	background:none;
	
}

#popupcontainer
{
	margin: 0 auto;
	width: 740px;
	background:none;
	
}

#header
{
	height: 160px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url(../images/bg_header.jpg) repeat-x;
	position:relative;border:0px solid #000
}



/* MISC. HEADER OBJECT STYLES*/

.logo { margin: 20px 0 0 0px;  position:absolute; z-index:200;}
.headerimg { display:none;}


.serratedtop {display:none;}
.serratedtopprint {display:none;}

.quote {margin:0px 0px 20px 5px;}

/* QUOTES */

#quote {margin:0px 0px 20px 5px;}
.quote p {padding:10px; color:#277c46; background:#e9eee0;border:0px solid #000;margin:0px;}
.quote b {color:#277c46;}

.quote div.byline {color:#676767; text-align:right;border-top:1px solid #c1c5b1;padding:10px;margin-top:0px;font-size:10px;background:#e9eee0;}


.quote  {
	display:none;
}



body#workforce.pgworkforcemain .quote.qworkforcesol,
body#workforce.pgaccessdbq .quote.qadj,
body#workforce.pghigheredu .quote.qhighered,
body#properties.pgpropertiesmain .quote.qproperties,
body#busadvantages.pgbusadvmain .quote.qbusadv,
body#busadvantages.pgemployers .quote.qmajemp,
body#busadvantages.pgwagedata .quote.qlaborwage,
body#busadvantages.pgexpansions .quote.qnewproj,
body#existingbus.pgexistingbusmain .quote.qexisiting,
body#existingbus.pgdirectory .quote.qdirectory,
body#whoweare.pgwhowearemain .quote.qwhoweare,
body#whoweare.pgstaff .quote.qstaff,
body#existingbus.pginfoaction .quote.qinfoaction,
body#properties.pgmaps .quote.qmaps,
body#relocation.pgnewcomer .quote.qrelonewc,
body#relocation.pgrelocation .quote.qrelocation,
body#relocation.pgclimate .quote.qclimate,
body#relocation.pgcomover .quote.qcomover,
body#relocation.pgreledu .quote.qreledu,
body#relocation.pgrelemploy .quote.qrelemploy,
body#relocation.pgrelfaq .quote.qrelfaq,
body#relocation.pgrelinvol .quote.qrelinvol,
body#relocation.pgrelhouse .quote.qrelhouse,
body#relocation.pgrelkit .quote.qrelkit


{display:inline;}

/*========================================*/



#contentcontainer /*this is holding everything below the header div */
{
	margin: 0; 
	padding: 0;
	border:0;
	z-index:200;
	text-align:left; 
}


#leftcol /*holds the side navigation */
{

	display:none;
	
}


#maincol /*main content area */
{


	width: 800px;
	margin: 0px;
	float:left;
}

#rightcol /*holds the side navigation */
{

	float: right;
	width: 165px;
	margin: 30px 0px 0px 0px;
	z-index:300;
	
}

#contentcontainerhmbot /*this is holding everything below the header div */
{
	width: 990px;
	margin: 10px 0px 0px 0px; 
	padding-bottom: 13px;
	position: relative;
	background:#ffffff;
	border:0;
	float:left;
	z-index:400;
	border: 0px solid #ff0000;
	
}

#colone /*holds the awards  */
{
	float: left;
	width: 142px;
	min-height:200px;
	margin: 15px 0px 0px 0px;
	padding-right:6px;
	border: 0px solid #ff00ff;
	border-right: 1px solid #cccccc;
	text-align:center;
}

#colone p
{
	text-align:center;
}

.awardsimg
{ 
padding-bottom:10px;
}

#coltwo /*holds the middle content on homepage  */
{
	float: left;
	width: 439px;
	margin: 15px 0px 0px 20px;
	padding-right:15px;
	border: 0px solid #ff00ff;
	border-right: 1px solid #cccccc;
	
}

#coltwo a:link, #coltwo a:active, #coltwo a:visited  {color: #0f84bd; text-decoration:underline; font-weight:bold; font-size:12px; padding-left:10px; background: transparent url(../images/arrow_bullet.gif) center left no-repeat;}
#coltwo a:hover {color: #0b628d; text-decoration:none;}

#colthree /*holds the relocation guide on homepage  */
{
	float: left;
	width: 180px;
	margin: 15px 0px 0px 0px;
	border: 0px solid #ff00ff;
	border-right: 1px solid #cccccc;
	text-align:center;
}

#colfour /*holds the accessdubuque on homepage  */
{
	float: left;
	width: 180px;
	margin: 15px 0px 0px 0px;
	border: 0px solid #ff00ff;
	text-align:center;
}

/* UNORDERED LISTS
========================================*/

#maincol ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


#maincol ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	position:relative;
}

#maincol ul.links li
 /* adds a special bullet for link lists */
{ 
	background: url(../images/icon_links.gif) no-repeat 0 2px;
	padding-left: 15px;
	padding-bottom: 0px;
	position:relative;
}

#maincol ul.nobullet li
 /* adds a special bullet for link lists */
{ 
	background: none;
	padding-left: 0px;
	padding-bottom: 0px;
	position:relative;
}



ul.double { float: left; width: 590px; margin: 5px 0 15px 5px; padding: 0; list-style: none;display:block;}
ul.double li { float: left; width: 280px; margin: 0; padding: 0 0 0px 12px; }



/* MISC. CONTENT OBJECT STYLES
========================================*/

.buslisting {border-bottom:1px solid #000;padding:5px 0px 10px;}

   

/* ADDS ICONS TO LINKS
========================================*/


/* mailto: links */
/*a[href^="mailto:"] {
background:transparent url(../images/icon_email.gif) center left no-repeat;
display:inline-block;
color:#555;
padding-left:15px;
line-height:15px;
}*/


a[href $='.pdf'] { 
   background:transparent url(../images/icon_pdf.gif) 0 5px no-repeat;
display:inline-block;
padding-left:17px;
line-height:20px;
}


a[href $='.doc'], a[href $='.txt']  { 
   background:transparent url(../images/icon_doc.gif) 0 3px no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

/* mailto: links  - excludes email links that should not have an icon, such as buttons */
a[href^="mailto:"][class="noicon"] { background:none; display:inline-block;color:#555;padding-left:0px;line-height:15px;}

a[href^="http:"][class="noicon"] { background:none;padding-left:0px;line-height:15px;}
a[href $='.pdf'][class="noicon"] { background:none;padding-left:0px;line-height:15px;}


/* Homepage styles
========================================*/

#image {margin:0px auto;background:transparent repeat-x;border:0px solid #ffff00; width:463px; height:271px;}
#homeanimation {width:463px;border:0px solid #ff0000;height:271px;}
#homephoto {width:475px;float:left; margin: 0px 0px 0px 10px; border: 0px solid #ffff00;}		

#image2 {margin:0px auto;background:transparent repeat-x;border:0px solid #ffff00; width:140px; min-height:200px;}
#homeanimation2 { width:140px; min-height:200px; border:0px solid #ff0000;}


/* COLUMNS IN CONTENT
========================================*/

.contentleft /*main content area */
{
	float: left;
	width: 450px;
	margin: 0px 25px 0px 0px;border:0px solid #ff0000;
}


.contentright /*main content area */
{
	float: left;
	width: 440px;
	margin: 0px 0px 0px 0px;border:0px solid #ffff00;
}

.contentfull /*main content area */
{
	position:relative;
	width: 99%;
	margin: 0px 0px 0px 0px;
	clear:both;
	
}


/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 75%; }
.narrow { width: 20%;}

.wideb { width: 355px; }
.narrowb { width: 220px;}

.logos {width:220px;float:left;margin-top:10px;}
.logodesc {width:355px;float:left;margin:0px 0px 10px 15px;}
.rule {clear:both; border-bottom:1px solid #ccc;margin:10px 0px;padding-top:display:block;}



/* FOOTER STYLES
========================================*/

#footer
{
	width: 990px;
	float:left;
	text-align: right;
	margin:15px 0px 30px 0px;
	padding-top:20px;
	border-top:1px solid #ccc;
	z-index:600;
}

.banners {  display:none;}

.gddclogo {  margin:-10px 0px 0px 20px;border:0px solid #ddd;z-index:600; border:0px solid #ff0000;float:left; width:110px;}



.address
{
	font-size: 10px;
	color: #000;
    float:left;
    margin-top:20px;
	text-align: right;
	width:840px;
}



/* NAVIGATION
========================================================================*/   

#mainnav 
{
        display:none;
}




/* SIDE NAVIGATION
======================================== */

#secnavcontainer
{
	display:none;
}


/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none; }



/* SIDE NAVIGATION MORE INFO INTERIOR
======================================== */

#moreinfocontainer
{
	display:none;
}


#moreinfocontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Myriad Pro, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
border: solid 0px #ff0000;

}


#moreinfocontainer ul a
{
display: block;
padding: 7px 0px 3px 9px;
width: 116px;
background-color: transparent;
border-bottom: 1px solid #cccccc;

}

#moreinfocontainer ul a:link, #moreinfocontainer a:visited
{
color: #505050;
text-decoration: none;
text-align: left;
padding-right: 0px;
}

#moreinfocontainer ul a:hover
{
background:#fff;
color: #6d6d6d;
}


/* SIDE NAVIGATION MORE INFO HOME
======================================== */


#moreinfocontainerhm
{
	width: 125px;
	margin-top: 25px;
	padding-top: 0px;
	background-color: transparent;; 
	position:relative;
	border: 0px solid #ff0000;
}


#moreinfocontainerhm ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Myriad Pro, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
border: solid 0px #ff0000;

}


#moreinfocontainerhm ul a
{
display: block;
padding: 7px 0px 3px 9px;
width: 116px;
background-color: transparent;
border-bottom: 1px solid #5c88ad;

}

#moreinfocontainerhm ul a:link, #moreinfocontainerhm a:visited
{
color: #fff;
text-decoration: none;
text-align: left;
padding-right: 0px;
}

#moreinfocontainerhm ul a:hover
{
background: transparent url(../images/bg_moreinfo.png) no-repeat;
color: #fff;
}

/* SUPER SUBNAVIGATION
========================================================================*/   

#supersubnav,
#supersubnav ul,
#supersubnav ul li,
#supersubnav ul a, #supersubnav ul a:link, #supersubnav ul a:visited,
#supersubnav ul a:hover
{
       display:none;
  
}


b.supersubhd {color:#336699;}

.return {display:none;}



/* FLOAT CLEAR FIX
========================================================================*/   

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* FORMS
========================================================================*/   
form {
  width: 530px;
  border: 0px solid #ccc;
  padding: 20px;
  margin-left:20px; background: url('../images/bg_form.jpg') repeat-x;
}

.searchrow {display:none;}

#searchrowform form  {
  width: 210px;text-align:right;
  border: 0px solid #ccc;
  padding: 20px 0px 0px 0px;float:right;
  background: none;border:0px solid #ff0000;
}

form.nobg {
 background: none;
}

#searchrowhm form {
  width: 205px;
  border: 0px solid #ccc;text-align:right;
  padding: 20px 0px 0px 0px;float:right;
  margin-left:0px; background: none;
}

#searchrowhm input:focus, #searchrowhm textarea:focus,
#searchrowform input:focus, #searchrowform textarea:focus
{
  border: 0px solid #666;
}

form div {
  clear: both;
  margin-bottom: 2px;
  padding:4px;
  border-bottom:1px solid #ddd;
}
form label {
  display: block;
  float: left;
  width: 120px;
  padding-left: 22px;
  font-weight: bold;
  cursor: pointer;
}
form label.required {
  background-image: url('../images/required.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.problem {
  background-image: url('../images/caution.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.completed {
  background-image: url('../images/complete.png');
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
  border-bottom:none;
}
input#subject, textarea {
  width: 460px;
}
input#email, input#phone {
  width: 40%;
}
input, textarea {
  border: 2px solid #ccc;/*background: url('../images/bg_input.jpg') repeat-x;*/background:#fff;
}
input:focus, textarea:focus {
  border: 2px solid #666;
}

.submit {
  border: 0px solid #ccc;background: url('../images/bg_searchsubmit.jpg') no-repeat;width:26px;
}



/* Tables
========================================*/

.chart
{
	text-align: left;width:100%;
}
.chart th
{
	font-size: 11px;
	/*font-weight: bold;*/
	
	padding: 4px 3px;
	border-bottom: 4px solid #bcbab6;
}
.chart td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
.chart tbody tr:hover td
{
	color: #006633;border-bottom: 1px solid #666; 
}

.chart .odd
{
	background: #ecf1e5;
	
}


		
		
/*-----------*/

.notifymeicon {display:none;}

/*HOME STYLES*/

#contentcontainerhm /*this is holding everything below the header div */
{
	width: 990px;
	margin: 0px; 
	padding-bottom: 30px;
	position: relative;
	background:#ffffff;
	border:0;
	float:left;
	z-index:400; 
	background: transparent url('../images/home_blueback.jpg') no-repeat;
	border: 0px solid #ff0000;
	
}
#headerhm
{
	width: 990px; 
	height:164px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	position:relative;
}
#searchrowhm {height:35px; width:990px; margin: 0px 0px 0px 0px; padding-top:0px; z-index:140; border: 0px solid #ffff00; position:relative;}
.searchhm { background: transparent url('../images/bg_search.jpg') no-repeat; border: 0px;}

#homemoreinfo {width:140px;float:left; border: 0px solid #ffff00;}
#homecontent {width:345px;float:left; margin: 50px 0px 0px 12px; border: 0px solid #ffff00;}

.top10 {display:none;}