@import "reset.css";
@import "960.css";
@import "text.css";

body { background: #F8F7F4 url(../images/template_top_bg.png) repeat-x top center; }
body#idx { background: #F8F7F4 url(../images/top_bg.png) repeat-x top center; }

a, a:visited { color: #09F; text-decoration: none; }
a:hover { color: #069; }
#main a.txtlnk, #main a.txtlnk:visited { border-bottom: 1px dotted #09F; }
#main a.txtlnk2:hover { border-bottom: 1px dotted #09F; }

.flt_lft { float: left; }
.flt_rgt { float: right; }

#hdr { position: relative; height: 114px; }
#logo { position: absolute; top: 26px; left: 0px; }
#top_lnks { float: right; height: 35px; }
#top_nav_lft { float: left; background: url(../images/top_nav_lft.png) no-repeat top left; width: 13px; height: 35px; }
#top_nav { float: left; background: url(../images/top_nav_bg.png) repeat-x top left; height: 35px; }
#top_nav_rgt { float: left; background: url(../images/top_nav_rgt.png) no-repeat top left; width: 13px; height: 35px; }
#top_nav ul { padding: 0px; margin: 0px; }
#top_nav li { display: inline; line-height: 18px; padding: 0px; margin: 0px; }
#top_nav a { float: left; background: url(../images/top_nav_btn_lft.png) no-repeat left top; text-decoration: none; height: 18px; margin-top: 8px; padding-left: 14px; margin-left: -1px; }
#top_nav a span { display: block; background: url(../images/top_nav_btn_rgt_last.gif) no-repeat right top; color: #FFF; padding-right: 12px; }
#top_nav a:hover, #top_nav li.active a { background-position: 0% -18px; color: #FFF; text-decoration: none; }
#top_nav a:hover span, #top_nav li.active a span { background-position: 100% -18px; color: #FFF; }
#top_nav li.active a, #top_nav li.active a span { cursor: text; }

/* IE6 Message */
#ie6 { position: absolute; top: 46px; right: 0px; background: #000; border: 1px solid #333; color: #CCC; width: 680px; }
#ie6 .pad { padding: 8px; }

/* PRIMARY NAV */
#nav { background: url(../images/nav_bg.png) no-repeat top center; width: 986px; height: 46px; margin: auto; }
#nav_tag { background: url(../images/menu1.gif) no-repeat top right; text-transform: uppercase; line-height: 46px; z-index: 100; }
/* MENU SYSTEM */
/* ----- Main Menu ----- */
#menu { float: left; height: 45px; margin: 0px; padding: 0px; margin-left: -20px; overflow: hidden; }
#menu li { float: left; margin-top: 6px; margin-left: 0px; }
#menu li, #menu li a { display: block; height: 46px; width: auto; }
#menu li { padding-right: 10px; }
#menu li a { padding: 10px 10px 0px 11px; height: 27px; }
#menu li a span { display: block; margin: 0px; padding: 0px; height: 13px; }
#menu li div li, #menu li div a, #menu li div a span { display: inline; margin: 0px; padding: 0px; height: auto; width: auto; }
#menu li div li { display: block; float: none; }
#menu li div { margin: 0px; padding: 0px; }
#menu li.drop a span { padding-right: 21px; }

#menu li div.sub_nav, #menu li div.sub_nav2 { position: absolute; margin-top: 0px; left: -9999px; z-index: 500; margin-left: 2px; padding-bottom: 14px; }
#menu li div.sub_nav div, #menu li div.sub_nav2 div { padding-top: 0px; margin-left: 0px; margin-right: 0px; border-top: 3px #06C solid; }
#menu li div.sub_nav div div, #menu li div.sub_nav2 div div { border: none; padding: 0px; margin: 0px; }

#menu li.contact div.sub_nav { width: 630px; }
#menu li.droplinks div.sub_nav, #menu li.droplinks div.sub_nav2 { width: 254px; }

#menu li:hover div.sub_nav { left: auto; }
#menu li:hover div.sub_nav2 { left: auto; margin-left: -134px; } /* margin-left needs to be tweaked based on the width of the final button. If the text is changed, change this number so the right edge of the drop down is in line with the right edge of the button mnouseover ;-) */

#menu li, #menu li a { color: #FFF; font-weight: bold; text-decoration: none; text-indent: 0px; }
#menu li a { text-indent: 8px; text-align: center; }
#menu li:hover, #menu li:active, #menu li:hover a, #menu li:active a, #menu li.drop:hover, #menu li.drop:active, #menu li.drop:hover a, #menu li.drop:active a, #menu li.active, #menu li.active a { color: #FFF; }
#menu li.drop div.sub_nav div.content, #menu li.drop div.sub_nav2 div.content { color: #333; font-weight: normal; padding: 12px 17px 3px 17px;  }

#menu li, #menu li a, #menu li.active { background: transparent url(../images/menu_btns.gif) no-repeat; }
#menu li, #menu li.active { background-position: top right; }
#menu li a { background-position: -2px 0px; }
#menu li a span { background-image: none; }
#menu li.drop a span { background: transparent url(../images/menu_btns.gif) no-repeat scroll right -138px; }
#menu li:hover { background-position: -46px right; }
#menu li:hover a { background-position: -46px -2px; }

#menu li.drop:hover { background-position: right -52px; }
#menu li.drop:hover a { background-position: -2px -52px; z-index: 1; }
#menu li.drop:hover a span { background-position: right -151px; }
#menu li div, #menu li div li, #menu li div a, #menu li div a span { background-image: none; }
#menu li div.sub_nav, #menu li div.sub_nav div, #menu li.droplinks div.sub_nav li a:hover, #menu li div.sub_nav2, #menu li div.sub_nav2 div, #menu li.droplinks div.sub_nav2 li a:hover { background: transparent url(../images/drop_bg.png) no-repeat; }
#menu li div.sub_nav div div, #menu li div.sub_nav2 div div { background-image: none; }

#menu li.contact div.sub_nav { background-position: -2px bottom; }
#menu li.contact div.sub_nav div { background: none; }

#menu li.droplinks div.sub_nav, #menu li.droplinks div.sub_nav2 { background-position: -748px bottom; }
#menu li.droplinks div.sub_nav div, #menu li.droplinks div.sub_nav2 div { background: none; }

#menu li.drop div.sub_nav div.content a, #menu li.drop div.sub_nav div.content a:visited, #menu li#last div.sub_nav2 div.content a, #menu li#last div.sub_nav2 div.content a:visited, #menu li.drop div.sub_nav div.content .drop_hdr, #menu li.drop div.sub_nav2 div.content a, #menu li.drop div.sub_nav2 div.content a:visited { display: block; background-image: none; background: #F4F4F4; color: #000; font-weight: normal; line-height: 24px; text-align: left; text-indent: 10px; margin-bottom: 2px; }
#menu li.drop div.sub_nav div.content a:hover, #menu li#last div.sub_nav2 div.content a:hover, #menu li.drop div.sub_nav2 div.content a:hover { background: #09F; color: #FFF; }
#menu li.drop div.sub_nav div.content a u, #menu li.drop div.sub_nav2 div.content a u { font-weight: bold; text-decoration: none; }

#menu li.active a span { background: transparent url(../images/menu_btns.gif) no-repeat scroll right -138px; }
#menu li.active { background-position: right -98px; cursor: text; }
#menu li.active a { background-position: -2px -98px; cursor: text; }
#menu li.home:hover, #menu li.about:hover, #menu li.oa:hover, #menu li.seo:hover, #menu li.cons:hover { background-position: right -98px; }
#menu li.home:hover a, #menu li.about:hover a, #menu li.oa:hover a, #menu li.seo:hover a, #menu li.cons:hover a { background-position: -2px -98px; }
#menu li.contact:hover { background-position: right -52px; }
#menu li.contact:hover a { background-position: -2px -52px; }

/* MENU DROP CONTACT FORM */
#menu li.drop div.sub_nav div.content #form_lft { float: left; background: url(../images/stamp.png) no-repeat bottom center; width: 227px; height: 160px; }
#menu li.drop div.sub_nav div.content #form_rgt { float: left; width: 369px; }
#menu li.drop div.sub_nav div.content .drop_hdr { margin-bottom: 1px; }
#menu li.drop div.sub_nav div.content #form_lft div.form_layout { display: block; background: #F4F4F4; padding: 5px; padding-left: 10px; margin-bottom: 1px; margin-right: 1px; }
#menu li.drop div.sub_nav div.content #form_rgt div.form_layout { display: block; background: #F4F4F4; padding: 5px; padding-right: 10px; margin-bottom: 1px; }
#menu li.drop div.sub_nav div.content #form_lft div.form_layout div.input1 { background: url(../images/input_bg.gif) no-repeat top center; border: none; width: 212px; height: 27px; }
#menu li.drop div.sub_nav div.content #form_rgt div.form_layout div.input1 { background: transparent url(../images/input_subj_bg.gif) no-repeat top center; border: none; width: 354px; height: 27px; }
#menu li.drop div.sub_nav div.content #form_rgt div.form_layout div.input2 { background: transparent url(../images/txtarea_bg.gif) no-repeat top center; border: none; width: 354px; height: 57px; }
.cntct_drop1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999; line-height: 27px; width: 202px; padding: 6px 5px 5px; }
.cntct_drop2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999; line-height: 27px; width: 343px; padding: 6px 5px 5px; }
.cntct_drop3 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999; width: 354px; height: 46px; padding: 6px 0px 5px 5px; }
/* /MENU SYSTEM */

/* jQUERY */
#jqbg { background: url(../images/main_topbg.gif) repeat-y top center; width: 986px; margin: auto; }
#jquery { position: relative; background: url(../images/jquery_bg.png) no-repeat top center; width: 940px; height: 288px; margin: 20px 0px; }

.slider .wrapper { position: absolute; top: 10px; left: 0px; width: 940px; height: 268px; margin: 0px; overflow: auto; }
.slider .wrapper ul { position: absolute; top: 0px; left: 0px; list-style: none; width: 99999px; margin: 0px; }
.slider ul li { display: block; float: left; width: 940px; height: 268px; margin: 0px; padding: 0px; }

/* SLIDER CONTENT */
#slide1 { background: url(../images/slides/img1.jpg) no-repeat top center; width: 940px; height: 268px; z-index: 0; }
#slide2 { background: url(../images/slides/img2.jpg) no-repeat top center; width: 940px; height: 268px; z-index: 0; }
#slide3 { background: url(../images/slides/img3.jpg) no-repeat top center; width: 940px; height: 268px; z-index: 0; }

#jquery .content { padding: 0px 10px; }
#jquery .cntnr { width: 350px; padding: 20px; padding-top: 110px; }

#jquery .btn { background: url(../images/slider_more_btn.png) no-repeat top center; width: 256px; height: 48px; }
#jquery .btn:hover { background-position: bottom center; }

/* SLIDER PIXEL EDGE COVERS */
#tlc { position: absolute; top: 10px; left: 10px; z-index: 10; }
#trc { position: absolute; top: 10px; right: 10px; z-index: 10; }
#brc { position: absolute; bottom: 10px; right: 10px; z-index: 10; }
#blc { position: absolute; bottom: 10px; left: 10px; z-index: 10; }
#lft_edge { position: absolute; top: 10px; left: 0px; background: #FFF; width: 10px; height: 268px; z-index: 10; }
#rgt_edge { position: absolute; top: 10px; right: 0px; background: #FFF; width: 10px; height: 268px; z-index: 10; }

/* JQUERY CONTROLS */
#jquery_controls { position: absolute; bottom: 10px; left: 339px; background: url(../images/jquery_controls_bg.png) no-repeat bottom center; width: 264px; height: 40px; z-index: 10; }
#thumbNav { position: relative; top: 259px; text-align: center; z-index: 10; }
#thumbNav a { display: inline-block; background: #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #000; font-size: 5px; text-align: center; width: 7px; height: 7px; margin: 1px; }
#thumbNav a:hover { background: #09F; color: #09F; }
#thumbNav a.cur { background: #09F; color: #09F; }

#start-stop { position: absolute; top: 0px; left: -10000px; } /* effectively disabled */

.slider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }

/* /SLIDER CONTENT */
/* /jQUERY */

.pixdiv { background: url(../images/pixel_divider.gif) no-repeat top center; width: 986px; height: 2px; margin: auto; }

#main { background: url(../images/main_btmbg.gif) repeat-y top center; width: 986px; margin: auto; }

/* HEADERS */
.hdr { color: #F1F1F1; font-weight: bold; text-indent: 10px; line-height: 30px; }
.hdr span { color: #CF0; }
.hdr_grid3 { background: url(../images/hdr_grid3.png) no-repeat top left; width: 220px; height: 30px; }
.hdr_grid4 { background: url(../images/hdr_grid4.png) no-repeat top left; width: 300px; height: 30px; }
.hdr_grid5 { background: url(../images/hdr_grid5.png) no-repeat top left; width: 380px; height: 30px; }
.hdr_grid6 { background: url(../images/hdr_grid6.png) no-repeat top left; width: 460px; height: 30px; }
.hdr_grid7 { background: url(../images/hdr_grid7.png) no-repeat top left; width: 540px; height: 30px; }
.hdr_grid8 { background: url(../images/hdr_grid8.png) no-repeat top left; width: 620px; height: 30px; }
.hdr_grid9 { background: url(../images/hdr_grid9.png) no-repeat top left; width: 700px; height: 30px; }
.hdr_grid12 { background: url(../images/hdr_grid12.png) no-repeat top left; width: 940px; height: 30px; }

/* POD BACKGROUNDS */
.pod3 { background: #F4F4F4 url(../images/pod3_btm.gif) no-repeat bottom center; }
.pod4 { background: #F4F4F4 url(../images/pod4_btm.gif) no-repeat bottom center; }
.pod5 { background: #F4F4F4 url(../images/pod5_btm.gif) no-repeat bottom center; }
.pod6 { background: #F4F4F4 url(../images/pod6_btm.gif) no-repeat bottom center; }
.pod7 { background: #F4F4F4 url(../images/pod7_btm.gif) no-repeat bottom center; }
.pod8 { background: #F4F4F4 url(../images/pod8_btm.gif) no-repeat bottom center; }
.pod9 { background: #F4F4F4 url(../images/pod9_btm.gif) no-repeat bottom center; }
.pod12 { background: #F4F4F4 url(../images/pod12_btm.gif) no-repeat bottom center; }

.cntnr { padding: 10px; }

.pod .icon { float: left; width: 87px; margin-left: -10px; margin-right: 10px; }
.pod .content { float: left; width: 183px; }

.welcome, .news { height: 274px; }

.lrn_more { height: 21px; line-height: 21px; }
.lrn_more ul { padding: 0px; margin: 0px; }
.lrn_more li { display: inline; padding: 0px; margin: 0px; }
.lrn_more a { float: right; background: url(../images/small_btn_lft.png) no-repeat top left; text-decoration: none; font-weight: bold; padding-left: 26px; }
.lrn_more a span { display: block; background: url(../images/small_btn_rgt.png) no-repeat right top; color: #FFF; padding-right: 10px; }
.lrn_more a:hover span { color: #FFF; }
.lrn_more a:hover { background-position: 0% -21px; color: #FFF; text-decoration: none; }
.lrn_more a:hover span { background-position: 100% -21px; color: #FFF; }

/* NEWS POD */
#news { height: 223px; margin-bottom: 10px; overflow: auto;}
.news_item { background: #FFF url(../images/newsitem_btm.gif) no-repeat bottom center; width: 248px; margin-bottom: 10px; }
.news_item .icon { float: left; width: 33px; margin-right: 0px; }
.news_item .content { width: 205px; }
.news_cntnr { padding: 7px 10px 10px 10px; }

#subpage_hdr { position: relative; }
#subpage_hdr_img { width: 940px; height: 140px; }
#subhdr_img { position: absolute; top: 0px; left: 0px; z-index: 1; }
#subpage_hdr_frame { position: absolute; top: 0px; left: 0px; z-index: 10; }


.newspg_item { background: #FEFEFE; padding: 10px; }
.newspg_item .news_icon { height: 100%; }
.newspg_item .news_body { width: 502px; margin-left: 10px; }
.newspg_item .tagline { background: #F8F7F4; padding: 5px; }
.newspg_lnk { display: block; background: #FFF; margin-bottom: 1px; padding: 5px; }

/* FOOTER */
#ftr { background: #000 url(../images/ftr_bg.png) repeat-x top center; }
#ftr_lft { border-right: 1px dotted #666; }
#ftr_top_rgt { border-bottom: 1px dotted #666; padding-bottom: 20px; }
#ftr .ftr_lvl_2 a, #ftr .ftr_lvl_2 a:visited, #ftr .ftr_lvl_2_last a, #ftr .ftr_lvl_2_last a:visited, #ftr a, #ftr a:visited { color: #09F; text-decoration: none; border-bottom: 1px dotted #09F; }
#ftr .ftr_lvl_2 a:hover, #ftr .ftr_lvl_2_last a:hover, #ftr a:hover { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
#ftr .ftr_lvl_1 a, #ftr .ftr_lvl_1 a:visited { color: #FFF; text-decoration: none; border: none; }
#ftr .ftr_lvl_1 a:hover { color: #09F; text-decoration: underline; }

.ftr_grid_3 { float: left; width: 207px; }
.ftr_grid_3-2 { float: left; width: 205px; }
.ftr_hdr { background: #09F; line-height: 15px; text-indent: 5px; text-transform: uppercase; width: 168px; margin-bottom: 4px; }
.ftr_lvl_1 { text-indent: 15px; line-height: 18px; }
.ftr_lvl_2, .ftr_lvl_2_last { text-indent: 25px; }
.ftr_lvl_2_last { line-height: 18px; }
#ftr .btm_pad { padding-bottom: 40px; }

.ftr_cntct { background: url(../images/big_contact_btn.png) no-repeat top center; width: 180px; height: 40px; }
.ftr_cntct:hover { background-position: bottom center; }
#input { border: 1px solid black; }