/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- FIRST STRUCTURE STYLES HERE ----- */
#floatlogo {position: absolute; top: 14px; left: 24px;}
#top {
	height: 104px; width: 100%; background-color: #FFF;
	background: url(../images/bkgnd_top.jpg) top left no-repeat;
}
#nav {
	height: 36px; width: 100%; background: url(../images/bkgnd_nav.gif) top left repeat-x;
}
#banner {
	height: 188px; width: 100%; background: url(../images/bkgnd_banner.jpg) top left repeat-x;
	position: relative;
}
#bannerinfo {
	width: 145px; height: 72px; position: absolute; top: 16px; left: 580px;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif; color: #FFF;
	background: url(../images/bkgnd_bannerinfo.gif) top left no-repeat; overflow: hidden;
	padding: 56px 21px 26px 25px; /* pads the text in but requires overflow hidden 191x154 */
}
#bannerinfo a {
	display: block;
	float: left;
	height: 100%;
	width: 100%;
}
#bannerinfo a#surveylink span {
      display: none;
}
#bannercontent {
	height: 35px; background-color: #4477BB;
}
/* the blue row across the top of the three columns that also has three distinct divs inside it
that hold and position the titles for the three columns -- column 1 is set by main left padding */
#columntop {
	height: 30px; width: 100%; background-color: #5588CC; position: relative;
	background: url(../images/bkgnd_columntop.gif) top left repeat-y;
	font: 11px Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; color: #FFF;
}
#column1title {position: absolute; top: 8px; left: 26px;}
#column2title {position: absolute; top: 8px; left: 410px;}
#column3title {position: absolute; top: 8px; left: 607px;}
/* the left floating UBER container that will hold the three columns */
#columnuber {
	width: 100%; background-color: #CCDDEE; float: left;
	background: url(../images/bkgnd_columnuber.gif) top left repeat-y;
}
#columnleft {
	width: 342px; float: left; white-space: normal;
	padding: 20px 25px 30px 26px;
}
#columnmiddle {
	width: 156px; float: left; white-space: normal;
	padding: 13px 17px 21px 16px;
}
#columnright {
	width: 149px; float: left; white-space: normal;
	padding: 14px 15px 20px 24px;
}

/* ----- content page specific divs ----- */
#contentcolumntop {height: 23px; background: url(../images/bkgnd_contentcolumntop.gif) top left no-repeat;}
#contentcolumns {
	width: 100%; background: url(../images/bkgnd_contentcolumns.gif) top left repeat-y; float: left; margin-bottom: 16px;
}
#contentleft {
	width: 489px; float: left; background: url(../images/bkgnd_contentleft.gif) top left no-repeat;
	padding: 0px 65px 0px 27px; white-space: normal;
}
#contentleftimage {
	border: 0; padding: 0px 0px 18px 18px; margin: -10px -65px 0px 0px;
}
#contentnav {
	width: 188px; float: left; margin-left: 1px; overflow: hidden; margin: 0; padding: 0;
}
/* ----- END content page specific divs ----- */

#footernav {
	height: 22px; width: 100%; padding: 8px 0px 0px 26px;
	font: 11px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #FFF; clear: left;
	background: url(../images/bkgnd_footernav.gif) top left repeat-y;
}
#footer {
	height: 93px; width: 100%; padding: 18px 0px 0px 26px;
	font: 11px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #4477BB;
}


/* ----- SPECIAL DIV OF FIXED WIDTH THAT WILL SURROUND THE COLUMN ITEMS SO THEY WON'T BREAK ----- */
#fixedwidth {
	width: 772px; white-space: nowrap;
}

/* ----- SPECIAL/SMALLER DIVS THAT ARE INSIDE THE COLUMNLEFT DIV on the homepage only DEFINED ABOVE  ----- */
#weatherbutton {width: 150px; height: 95px; overflow: hidden; float: left; margin-top: 3px;}
#atriaparking {width: 79px; height: 95px; overflow: hidden; float: left; margin-top: 3px;}
#mapquest {width: 111px; height: 95px; overflow: hidden; float: left; margin-top: 3px;}

/* ----- STYLES FOR THE PULLDOWN MENUS AND SEARCH BOX IN COLUMNRIGHT ON THE HOME PAGE ----- */
#searchholder, #searchholdercontent  {height: 21px; margin-bottom: 12px;}
#searchholdercontent {height: 21px; margin-bottom: 12px; padding-left: 17px;}
#searchicon {width: 20px; height: 21px; margin-top: 1px; border: 0; margin-left: 4px; float: right;}

#columnright input, #contentnav input {
	padding: 2px; font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #003366; 
	border: 1px solid #A4ADB8; margin-top: 1px; float: left;
}
#columnright select {
	padding: 2px; font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #003366; 
	border: 1px solid #A4ADB8;
}
/* ----- STYLES FOR THE PULLDOWN MENUS AND SEARCH BOX IN COLUMNRIGHT ON THE CONTENT PAGE ----- */
#contentnav select {
	padding: 2px; font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #003366; 
	border: 1px solid #A4ADB8; margin-left: 17px;
}


/* ----- STRUCTURE TYPOGRAPHY AND LINKS STYLES GO HERE ----- */
#columnmiddle p {
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #333; padding: 11px 0px;
	border-bottom: 1px solid #D3D6DA; width: 100%;
}
#columnright p {
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color: #003366; padding-bottom: 14px;
}
#footernav a {color:#FFF;text-decoration:none;}
#footernav a:link, #footernav a:visited {text-decoration:none;color:#FFF;}
#footernav a:hover, #footernav a:active {text-decoration:underline;color:#FFF;}

#bannerinfo a {color:#FFF;text-decoration:underline;}
#bannerinfo a:link, #bannerinfo a:visited {text-decoration:underline;color:#FFF;}
#bannerinfo a:hover, #bannerinfo a:active {text-decoration:none;color:#FFF;}

#columnright a {color:#003366;text-decoration:underline;}
#columnright a:link, #columnright a:visited {text-decoration:underline;color:#003366;}
#columnright a:hover, #columnright a:active {text-decoration:none;color:#003366;}

#contentleft ul {
	list-style-type: square; font: 12px/16px Arial,Helvetica,Verdana,sans-serif; color: #333;
	margin: 0; padding: 0px 12px 16px 26px;
}


/* ----- CODE FOR THE CSS-BASED ROLLOVER NAV MENU ITEMS ON THE TOP OF EACH PAGE - 4 TABS ----- */
#navimageleft {float: left;}
#navtab1 a {
	display: block; width: 149px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab1.gif) 0 0 no-repeat; text-decoration: none;
}
#navtab1 a:hover {background-position: 0px -36px;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
	display: block; width: 149px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab1.gif) 0px -36px no-repeat; text-decoration: none;
}

#navtab2 a {
	display: block; width: 121px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab2.gif) 0 0 no-repeat; text-decoration: none;
}
#navtab2 a:hover {background-position: 0px -36px;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
	display: block; width: 121px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab2.gif) 0px -36px no-repeat; text-decoration: none;
}

#navtab3 a {
	display: block; width: 177px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab3.gif) 0 0 no-repeat; text-decoration: none;
}
#navtab3 a:hover {background-position: 0px -36px;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
	display: block; width: 177px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab3.gif) 0px -36px no-repeat; text-decoration: none;
}

#navtab4 a {
	display: block; width: 128px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab4.gif) 0 0 no-repeat; text-decoration: none;
}
#navtab4 a:hover {background-position: 0px -36px;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
	display: block; width: 128px; height: 36px; margin: 0; padding: 0; float: left;
	background: url(../images/navtab4.gif) 0px -36px no-repeat; text-decoration: none;
}


/* ----- CODE FOR THE RIGHT SIDE NAV MENU ON THE CONTENT PAGES ----- */
#contentnav ul { margin: 0; padding: 0;	border: none; margin-bottom: 0;}
#contentnav li { border-bottom: 1px solid #FFF; margin: 0; padding: 0; list-style-type: none; margin-left: 1px; }
#contentnav li a { 
	display: block; padding: 5px 3px 5px 10px; margin: 0; background-color: #BDCFE8; 
	font: 11px Arial, Helvetica, Verdana, sans-serif; color: #234F89; text-decoration: none;
}
#contentnav li#on a { font-weight: bold; }
#contentnav li a:hover { background-color: #FFF; font-weight: bold; }

ul#contentnavsublist { margin: 0; padding: 0;	border: 1px solid #0; }
ul#contentnavsublist li#contentnavsublist a { 
	display: block; padding: 5px 3px 5px 10px; margin: 0; background-color: #F1F1F1; 
	font: 11px Arial, Helvetica, Verdana, sans-serif; color: #234F89; text-decoration: none;
}
ul#contentnavsublist li#contentnavsublist { border-bottom: 1px solid #FFF; margin: 0; padding: 0; list-style-type: none; margin-left: 1px; }
ul#contentnavsublist li#contentnavsubliston a, ul#contentnavsublist li#contentnavsublist a:hover { background-color: #F1F1F1; color: #234F89; font-weight: bold; }