/* basic styles */
html {background-color: #0765b4;}
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/navsides.gif) repeat-x #d0d0d0;  color: #323232}
.page {width:1020px; margin: 0px auto; text-align: left; background: url(../images/mainbackground.gif) repeat-y; }

/*#d0d0d0*/

/* for pngs as backgrounds {height: px; width: px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="",sizingMethod="scale");} */
/* for pngs in IE6 */
.hiddenalt {display: none;}

a, a:visited {color: #005baa;}
a:hover {color: gray;}

.whtlink a {color: white; text-decoration: underline;}

h1 {background: url(../images/yellowbar.gif); width: 820px; height: 39px; color: #005baa; font-size: 26px; padding: 10px 0px 0px 100px; margin: 0px;font-weight: normal;  }
h1.soln {background: url(); width: 420px; height: 41px; color: #005baa; font-size: 26px; padding: 18px 0px 0px 100px; margin: 0px;font-weight: normal; display: inline-block; }

h2, .content_rates_category1, .faq_header {color: #005baa; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #005baa; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #005baa; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 16px; font-weight: normal; line-height: 22px; }


.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
.bttmpad {margin-bottom: 15px}
img {border: 0px;}
.abso {position: absolute;}

/* faqs */
.faq_search {margin-top: 20px; display: block; width: 480px; height: 25px;}
.faq_question {font-weight: bold}
.faq_viewed {color: gray; font-style: italic; font-size: 11px; margin: 40px 0px 20px 0px;}
.faq_header {margin: 10px 0px;}
.faq_toolbar {margin-bottom: 20px;}
.faq_advanced_search_panel {margin-top: -20px;}


/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #005baa; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #005baa;}
.aprnote {font-size: 10px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; color: white; text-align: center; font-weight: bold;} 
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;} 
td.content_calendar_table_headercell a:hover { color: silver; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px black} 
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver} 

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}


.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

.print {display: none;}

div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: gray;font-style: italic;}
hr.fb_legend {display: none;}
li.fb_element{ padding: 0 ;}
form.taft_fb_form ul {padding: 0; margin: 0;}
.taft_label-wrapper {clear: both; width: 20%; position: relative; float: left; min-height: 30px; border: solid 0px red; padding-right: 10px;}
.taft_formElement-wrapper {width: 80%; position: relative; min-height: 30px; border: solid 0px blue; padding-right: 10px;}/*float: left; */
input.fbPhoneprt{ width:50px;}
.captcha {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}

@media only screen and (max-width: 500px) {

	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
}


/* ******************************************************* */

.banner {width: 920px;  height: 106px; padding: 0px 50px; background: url(../images/logoheader.gif)}

/*form.search {display: inline-block; background: url(../images/searchbar.gif); width: 203px; height: 29px; padding: 0px; margin: 0px; top: 2px;}
.searchbox {margin: 0px 3px; position: relative; top: -9px; width: 160px;}
.searchbutton{}
*/
form.search {display: inline; padding: 0px; margin: 0px; top: 0px; position: relative; float: right;}
.searchbox {margin: 0px 3px; position: relative; top: -5px; width: 75px; color: #005BAA; font-size: 11px; border: 0;}
form.search input.searchbutton{position: relative; top: -3px;}


/* for dropdown menus*/
.menu {width: 654px; height: 29px; z-index: 100; position: relative; top: 2px; margin-left: 30px;}
/*.rollover span.alt {display: none;}
.rollover img {border: none;}
:root .rollover img {display: block;}
.rollover, .rollover:visited {background-color:transparent !important;  background-repeat:no-repeat; background-position:0 0;}
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -29px;}
*/

ul#Menu1 {margin: 10px;}
a#id345, a#id340, a#id346, a#id435 { border-right: solid 1px #FFE428; padding: 1px 5px;}
a#id435 { border-right: solid 0px #FFE428;}

/* top links / utilities */
.toplinks {text-align: right; font-size: 11px; margin: 10px; width: 590px; border: solid 0px silver; width: 600px;}

.toplinks a, .toplinks a:visited { text-decoration: none; color: #323232;}
.toplinks a:hover {text-decoration: underline; color: #005baa;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px; color: #ffde00}

.pageliner {width: 920px; min-height: 300px; margin-left: 50px; overflow: hidden; background: url(../images/shadow1.gif) top no-repeat; position: relative; top: -5px;}

.crumbs {width: 900px; font-size: 10px; padding-left: 20px; margin: 10px 0px 5px 0px;}
.crumbs a, .crumbs a:visited {color: #005baa; font-size: 10px;}
.crumbs a:hover {color: black;}

.bigbanner {}
.blu2 {width: 100%; height: 195px; background: url(../images/midsection.gif) repeat-x #0765b4; text-align: center; position: relative; top: -5px; }
.page2 {width:1020px; margin: 0px auto; text-align: left;  }
.pageliner2 {width: 980px; margin-left: 20px; overflow: hidden; }


.tabbar {background: url(../images/subnavbackground.gif) no-repeat; width: 820px; height: 51px; margin-bottom: 20px; padding-left: 100px;}

a.tab1 {background: url(../images/tabs/overview.gif) no-repeat; background-position: 0 -51px; width: 109px; height: 51px; display: inline-block; margin-right: 10px;}
a.tab1:hover {background-position: 0 0;}
a.tab1_on {background: url(../images/tabs/overview.gif) no-repeat; background-position: 0 0px; width: 109px; height: 51px;display: inline-block; margin-right: 10px;}

a.tab2 {background: url(../images/tabs/features.gif) no-repeat; background-position: 0 -51px; width: 98px; height: 51px;display: inline-block; margin-right: 10px;}
a.tab2:hover {background-position: 0 0;}
a.tab2_on {background: url(../images/tabs/features.gif) no-repeat; background-position: 0 0px; width: 98px; height: 51px;display: inline-block; margin-right: 10px;}

a.tab3 {background: url(../images/tabs/examples.gif) no-repeat; background-position: 0 -51px; width: 121px; height: 51px;display: inline-block; margin-right: 10px;}
a.tab3:hover {background-position: 0 0;}
a.tab3_on {background: url(../images/tabs/examples.gif) no-repeat; background-position: 0 0px; width: 121px; height: 51px;display: inline-block; margin-right: 10px;}

a.tab4 {background: url(../images/tabs/pricing.gif) no-repeat; background-position: 0 -51px; width: 95px; height: 51px;display: inline-block;}
a.tab4:hover {background-position: 0 0;}
a.tab4_on {background: url(../images/tabs/pricing.gif) no-repeat; background-position: 0 0px; width: 95px; height: 51px;display: inline-block;}

a.tab5 {background: url(../images/tabs/communications.gif) no-repeat 0 -51px; width: 170px; height: 51px;display: inline-block;}
a.tab5:hover {background-position: 0 0;}
a.tab5_on {background: url(../images/tabs/communications.gif) no-repeat 0 0px; width: 170px; height: 51px;display: inline-block;}

a.tab6 {background: url(../images/tabs/advertising.gif) no-repeat 0 -51px; width: 137px; height: 51px;display: inline-block;}
a.tab6:hover {background-position: 0 0;}
a.tab6_on {background: url(../images/tabs/advertising.gif) no-repeat 0 0px; width: 137px; height: 51px;display: inline-block;}

a.tab7 {background: url(../images/tabs/calendar.gif) no-repeat 0 -51px; width: 117px; height: 51px;display: inline-block;}
a.tab7:hover {background-position: 0 0;}
a.tab7_on {background: url(../images/tabs/calendar.gif) no-repeat 0 0px; width: 117px; height: 51px;display: inline-block;}

a.tab8 {background: url(../images/tabs/news.gif) no-repeat 0 -51px; width: 87px; height: 51px;display: inline-block;}
a.tab8:hover {background-position: 0 0;}
a.tab8_on {background: url(../images/tabs/news.gif) no-repeat 0 0px; width: 87px; height: 51px;display: inline-block;}

a.tab9 {background: url(../images/tabs/facil.gif) no-repeat 0 -51px; width: 139px; height: 51px;display: inline-block;}
a.tab9:hover {background-position: 0 0;}
a.tab9_on {background: url(../images/tabs/facil.gif) no-repeat 0 0px; width: 139px; height: 51px;display: inline-block;}

a.tab10 {background: url(../images/tabs/subnav-workshops.gif) no-repeat 0 -51px; width: 139px; height: 51px;display: inline-block;}
a.tab10:hover {background-position: 0 0;}
a.tab10_on {background: url(../images/tabs/subnav-workshops.gif) no-repeat 0 0px; width: 139px; height: 51px;display: inline-block;}




.content {width: 480px; margin: 0px 30px 20px 100px;}
.content ul {list-style-image: url(../images/checkbox.gif); padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px;}
.content ul li {margin-bottom: 10px;}

.soln_header {background: url(../images/grey.gif) no-repeat top center;width: 920px; padding-top: 5px; height: 59px; position: relative; }
.contact2 {top: 14px; left: 525px;}

.inside_content {width: 480px; margin: 0px 20px 0px 100px; border: solid 0px red}
.CaS_content {width: 720px; margin: 0px 30px 20px 100px; border: solid 0px red}


/* regions and sidebar content*/
.regions {z-index: 90; overflow: hidden; width: 210px;}
.regionbox ul {margin: 0px; padding: 10px 0px 15px 15px;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox ul li a, .regionbox ul li a:visited {color: white;}
.regionbox ul li a:hover {color: #ffde00;}

.boxtop { overflow: hidden; background: url(../images/related.gif) no-repeat; width: 210px; height: 60px;}
.regionbox {overflow: hidden; background-color: #005baa; color: white; padding: 1px 0px 0px 10px;}
.boxbottom, .code_block_indiv_bttm { margin-bottom: 20px;}
/*
.code_block_indiv_top {background: url(../images/testimonials.gif) no-repeat; width: 210px; height: 60px; overflow: hidden; }
.code_block_indiv_content {overflow: hidden; background-color: #005baa; color: white; padding: 0px;}
.code_block_indiv_content p, .code_block_indiv_content ul, .code_block_indiv_content table {margin: 0px 15px 15px 15px;}
*/
.code_block_indiv_top {display: none; }
.code_block_indiv_content {overflow: hidden; background-color: #005baa; color: white; padding: 0px;}

.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}


/* footer */
.blu {width: 100%; height: 65px; background: url(../images/blu_bg.gif) repeat-x #0765b4; text-align: center; position: relative; top: -5px;}


.shoe {width: 920px; height: 65px; margin: 0px auto; text-align: left; color: white; background: url(../images/footer.gif) center center no-repeat;}
.bottomlinks {margin: 10px 0px 0px 0px;}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: #ffde00;}
.footlogos {}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; }
.blunote {color: #003399;}

.icons{}
.icons img {margin-left: 5px;}
.sass {display: inline;}


/*
change 'blue' to main site color

Fonts: Arial
Body size: 12 pt, 16 pt leading (hex #323232)
Headers: 26 pt, 21 pt leading (hex #005baa)
Breadcrumbs: 10 pt
About Us/Calendar etc: 11 pt (hex #323232) with yellow divider bars (ffde00) and the footer links (in the blue area) white as shown.

Hexadecimal Colors:
Overall grey background #d0d0d0
All type (except headers/subheads) #323232
Main Blue (Blue Headers/Module Backgrounds/links) #005baa
Blue below footer image #0765b4
Main Yellow #ffde00

On the screenshots popup, I have the transparent black background set at 50%, but however you did the gallery site is fine.

*/


#main_nav {position: relative; width: 800px;  clear: both; text-align: left;  z-index:  99; }

/* main channel tabs */
#main_nav ul#nav{float: left; list-style: none;  z-index:  100; padding: 0px; margin: 0px; }
#main_nav ul#nav li{float: left;  z-index:  100; }
#main_nav ul#nav li a.main:link, #main_nav ul#nav li a.main:active, #main_nav ul#nav li a.main:visited{float: left; padding: 0px 0 0 0; text-indent: -9999px; text-decoration: none;  overflow: hidden; height: 29px;}


.ddcontent {padding: 10px;}
.ddcontent a {color: white; text-decoration: none; font-weight: bold}
.ddcontent a:hover {color: #FFFb96; text-decoration: underline;}
.ddcontent a.subsub {margin-left: 10px; font-weight: normal}

/* for tabs on home */
.tabcontent {width: 521px;}
.smalltabs a.tab_on, .smalltabs a.tab_on:visited, .smalltabs a.tab_off:hover {background: url(../images/activehometab.gif) no-repeat; display: inline-block; width: 218px; height: 35px; padding: 8px 5px 0px 20px; color: white; text-decoration: none; font-size: 14px;}
.smalltabs a.tab_off, .smalltabs a.tab_off:visited {background: url(../images/inactive_hometab.gif) no-repeat; display: inline-block; width: 218px; height: 35px; padding: 8px 5px 0px 20px; color: white;text-decoration: none;font-size: 14px;}

.smalltabs {width: 500px; height: 35px; margin: 15px 0px 0px 30px; }
.div0, .div1 {margin-left: 20px; width: 920px;}
#div1 {display: none; width: 521px;}
#div0{display: inline; border: solid 0px red}
#div10, #div11, #div12, #div13 {display: none; text-align: left;}



/* scrollers on home */

#container18, #container19 {width: 920px; height: 125px; overflow: hidden; margin: 10px; border: solid 0px red;}
#container35 {width: 676px; height: 125px; overflow: hidden;  border: solid 0px red;}
.scrollbox {width: 716px; height: 125px; display: block; }

#slide {width: 210px; height: 125px; float: left; margin-right:26px; }
#slide2 {width: 210px; height: 125px; float: left; margin-right:22px; }
/*
.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  color:#00009C;
  font-weight: bold;
}
*/
.nav-left, .nav-right { border: solid 0px green}

.nav-left a, .nav-left a:visited{display: inline-block; background: url(../images/arrow_right.gif) no-repeat; width: 20px; height: 125px;opacity:0.5; filter:alpha(opacity=50); }
.nav-left a:hover{background: url(../images/arrow_right.gif) no-repeat; opacity:1.0; filter:alpha(opacity=100); }

.nav-right a, .nav-right a:visited {display: inline-block; background: url(../images/arrow_left.gif) no-repeat; width: 20px; height: 125px;opacity:0.5; filter:alpha(opacity=50); }
.nav-right a:hover{background: url(../images/arrow_left.gif) no-repeat; opacity:1.0; filter:alpha(opacity=100); }

.nav-left2, .nav-right2 { border: solid 0px green}

.nav-left2 a {display: inline-block; width: 20px; height: 125px;opacity:0.5; filter:alpha(opacity=50);  background: url(../images/product_arrow_right.gif) no-repeat; }
.nav-left2 a:hover{ opacity:1.0; filter:alpha(opacity=100);  background: url(../images/product_arrow_right.gif) no-repeat;  }

.nav-right2 a {display: inline-block; width: 20px; height: 125px;opacity:0.5; filter:alpha(opacity=50);  background: url(../images/product_arrow_left.gif) no-repeat; }

.nav-right2 a:hover{opacity:1.0; filter:alpha(opacity=100); background: url(../images/product_arrow_left.gif) no-repeat; }



/*#social-media-toolbar .content {font-weight: bold;}
#social-media-toolbar .content input {font-weight: normal;}*/

.bigbox {width: 251px; margin-right: 25px;}

.box {width: 202px; margin-left: 10px; border: solid 0px yellow}
.box img {margin-right: 5px;}
.box a {text-decoration: none; color: white}
.box form {margin-bottom: 10px;}

.addthis_toolbox a {margin-bottom: 10px;}

form#newsletter_form, form#feedburner { padding-left: 40px; background: url(../images/bttm_slider/email.gif) left center no-repeat; margin-bottom: 15px;}
form#feedburner {  background: url(../images/bttm_slider/blogger.gif) left center no-repeat;}
form#newsletter_form input, form#feedburner input {border: 0px; width: 155px;}

form#newsletter_form a, form#feedburner a {display: inline;}

/* for solutions pages */
.boxL {width: 364px; height: 125px; padding: 90px 320px 0px 20px;overflow: hidden; background-repeat: no-repeat;}
.boxR {width: 364px; height: 125px; padding: 90px 30px 0px 310px;overflow: hidden; background-repeat: no-repeat;}
.boxL2 {width: 384px; height: 125px; padding: 90px 300px 0px 20px;overflow: hidden;}
.boxR2 {width: 414px; height: 125px; padding: 90px 30px 0px 260px;overflow: hidden;}

a.boxL_link {width: 364px; height: 125px; padding: 90px 320px 0px 20px;overflow: hidden; display: block; text-decoration: none; color: #005baa;}
a.boxR_link {width: 364px; height: 125px; padding: 90px 30px 0px 310px;overflow: hidden; display: block;  text-decoration: none; color: #005baa;}

.boxL3 {width: 684px; height: 215px; padding: 0px 0px 0px 20px;overflow: hidden;}
.boxR3 p{margin-top: 90px;width: 360px;  }
.boxL3 p {margin-top: 90px;width: 365px;  }
.boxR3 {width: 674px; height: 215px; padding: 0px 30px 0px 0px;overflow: hidden;}
a.linker {display: inline-block; width: 310px; height: 215px; border: solid 0px red; text-decoration: none; }

.boxL4 {width: 364px; height: 137px; padding: 70px 320px 0px 20px;overflow: hidden; margin-bottom: 20px}
.boxR4 {width: 364px; height: 137px; padding: 70px 30px 0px 310px;overflow: hidden; margin-bottom: 20px;}
.boxL4a {width: 414px; height: 137px; padding: 70px 270px 0px 20px;overflow: hidden; margin-bottom: 20px}
.boxL4b {width: 339px; height: 137px; padding: 70px 345px 0px 20px;overflow: hidden; margin-bottom: 20px}


/***** for arrows ***********/
#slideshow {position: relative; width: 920px; height: 314px;  background:#fdfcfc;}
#slides {position:relative; width: 920px; height: 314px;list-style:none; overflow:auto; margin: 0px; padding: 0px; top: 0px;}
#slides li {width: 920px; height: 314px;margin: 0px; padding: 0px; background:#fdfcfc;}
.overlay {display: none; }

.pagination {display: none; }
.pagination li {background-color: navy; display: inline-block; text-align: center; padding: 2px 5px; color: white; margin-left: 3px; text-decoration: none; font-weight: bold; margin: 10px 0px 0px 10px; width: 7px;}
.pagination li:hover {background-color: red; display: inline-block; text-align: center; padding: 2px 5px; color: white; margin-left: 3px; text-decoration: none; font-weight: bold; margin: 10px 0px 0px 10px; width: 7px;cursor: pointer;}
.pagination li.current {background-color: #990000; display: inline-block; text-align: center; padding: 2px 5px; color: white; margin-left: 3px; text-decoration: none; font-weight: bold; margin: 10px 0px 0px 10px; width: 7px; cursor: pointer;}

li#content {}
.sliderbutton { display: none;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}

/* for news */
.news {width: 658px; margin-bottom: 30px;}
.news h2, .news p {margin: 0px 0px 10px 0px;}
.newstext {width: 550px;  margin-left: 10px;}
.newstext p{border-bottom: solid 1px #e7eced; padding-bottom: 10px; height: 50px; Overflow: hidden }
.share img {margin-left: 0px; position: relative; top: -1px;}
.addthis_default_style {display: inline; margin-left: 5px;}
.addthis_default_style a, .addthis_default_style a:visited {color: black; text-decoration: none;}
.addthis_default_style:hover {color: black; text-decoration: underline;}

.vidbox {background: url(/files/cusg2011/15/image/Navigation/videos_35_plain.gif) no-repeat top #005BAA; text-align: center; padding: 55px 0px 10px 0px; width: 210px;}

.newmenu{width: 100%; clear: both;position: relative; top: 2px; left: 12px;}
.newmenu a, .newmenu a:visited {color: white; background: url(../new_images/yellowbar.png) no-repeat 9px 0; font-size: 14px; display: block; height:23px; border-left: solid 1px #1980CD; border-right: solid 1px #00437D; padding: 7px 20px 0px 25px; position: relative; float: left; margin: 0;  text-decoration: none;}
.newmenu a:hover {background: url(../new_images/yellowbar.png) no-repeat 9px 0 white; color: #005AA9; text-decoration: none;}