/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin: 0; padding: 0; }

html { min-height:100%; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */
body { text-align:center; font-size:12px; font-family:arial, helvetica, sans-serif; color:#646464; background:#e3e3e3; }
a img, :link img, :visited img { border:none; }

a:link { color:#1587b8; text-decoration:none; }
a:visited { color:#199ed7; text-decoration:none; }
a:hover, a:active { color:#1bb0f0; text-decoration:underline; }

#container { width:100%; background:#fff}
#container .inner {position: relative; margin: 0 auto; width: 994px; background: 50% 0 no-repeat; padding-bottom:40px;}

#header { margin:0 auto; height:118px; width:994px; text-align:left; }
#logo { position:absolute; left:0px; top:34px; width:342px; height:52px; }

/* #nav { position:absolute; right:0px; top:34px; width:652px; height:52px;} */
a.nav1 {position: absolute; left: 342px; top: 34px; width: 219px; height: 52px; background: url(../images/nav1.gif) no-repeat; }
a.nav1:hover {background: url(../images/nav_on1.gif) no-repeat; }
a.nav2 {position: absolute; left: 560px; top: 34px; width: 229px; height: 52px; background: url(../images/nav2.gif) no-repeat; }
a.nav2:hover {background: url(../images/nav_on2.gif) no-repeat; }
a.nav3 {position: absolute; left: 789px; top: 34px; width: 105px; height: 52px; background: url(../images/nav3.gif) no-repeat; }
a.nav3:hover {background: url(../images/nav_on3.gif) no-repeat; }
a.nav4 {position: absolute; left: 894px; top: 34px; width: 100px; height: 52px; background: url(../images/nav4.gif) no-repeat; }
a.nav4:hover {background: url(../images/nav_on4.gif) no-repeat; }



/* HOME PAGE
------------------------------------------------------------------------------------- */
#flashContainer { min-height:298px; background:url(../images/flash_fallback.jpg);}
/* adjust height on #intros */
#intros { margin:0 auto; padding-top:28px; height:246px; width:994px; text-align:left;}

/* content boxes */
#overview { position:absolute; left:0px; top:446px; width:310px; height:200px; text-align:left;}
#employer { position:absolute; left:342px; top:446px; width:310px; height:200px; text-align:left;}
#community { position:absolute; left:680px; top:446px; width:310px; height:200px; text-align:left;}
/* text styles */
#overview h1, #employer h1, #community h1 { font-size:18px; font-family:"Times New Roman", Times, serif; color:#505050; font-weight:normal:}
#overview p, #employer p, #community p { font: 12px tahoma, arial, sans-serif; color: #646464; padding-top:10px; line-height: 23px;}
/* learn more buttons */
a.learnmore_about {position: absolute; left: 0px; top: 168px; width: 310px; height: 46px; z-index:100; background:url(../images/learnmore_about.jpg)}
a.learnmore_about:hover {background: url(../images/learnmore_about_hov.jpg) no-repeat; }
a.learnmore1 {position: absolute; left: 0px; top: 168px; width: 310px; height: 46px; z-index:100; background:url(../images/learnmore1.jpg)}
a.learnmore1:hover {background: url(../images/learnmore1_hov.jpg) no-repeat; }
a.learnmore2 {position: absolute; left: 0px; top: 168px; width: 310px; height: 46px; z-index:100; background:url(../images/learnmore2.jpg)}
a.learnmore2:hover {background: url(../images/learnmore2_hov.jpg) no-repeat; }



/* SUB PAGES
------------------------------------------------------------------------------------- */
/*#subimagespacer { min-height:400px;}  just so the footer doesn't get whacked out... */
#subimage {right:0px; width:718px; height:174px; float:right; text-align:left;}

#subnav {left:0px; width:248px; height: 200px; text-align:left; line-height: 22px;}
#subnav p {float:left; font-size:18px; font-family:"Times New Roman", Times, serif; color:#505050; font-weight:normal; margin-bottom:14px;}
#subnav a { color:#009ac9; text-decoration:underline;}
#subnav a:hover { color:#00718f; }

#subcontent {margin: 0 0 0 342px; width:652px; text-align:left;}
#subcontent h1 { font-size:20px; font-family:"Times New Roman", Times, serif; color:#505050; font-weight:normal:}
#subcontent h2 { padding-left:25px; }
#subcontent p { font: 12px tahoma, arial, sans-serif; color: #646464; padding:10px 0 20px 0; line-height: 23px;}
#subcontent strong {color:#5b5b5b;}
#subcontent ul {line-height:20px; margin-left:54px; margin-bottom:-20px;}
#subcontent ul li {line-height:18px; margin-left:40px; list-style:decimal; color: #898989; margin-bottom:14px;}

#contentimage { text-align:left;}





/* FOOTER
------------------------------------------------------------------------------------- */
#footer { width:100%; border-top:2px solid #d5d5d5; height:160px;}
#footer .inner {position: relative; margin: 0 auto; width: 994px; background:lime 50% 0 no-repeat;}
#footnav1 { position:absolute; left:0px; top:20px; width:310px; height:100px; text-align:left; }
#footnav2 { position:absolute; left:342px; top:20px; width:310px; height:100px; text-align:left; }
#footnav3 { position:absolute; left:680px; top:20px; width:310px; height:100px; text-align:left; }

#footernav1 p, #footernav2 p, #footernav3 p {display:inline; float:left; line-height:20px;}
#footernav1, #footernav2 ul { float:left; display:inline; list-style:none;}
#footer a { color:#009ac9; text-decoration:underline; line-height:20px; }
#footer a:hover { color:#00718f; }