body {font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: normal; color: #333333; margin: 0px; padding: 0px; background: url(/images/page/page_bg.jpg) repeat-x; text-align: center;}

P {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333333;}
TD {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333333;}
TH {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333333; text-align: left;}

form {display: inline;}
img {border: 0px;}


/* General Font Styles */
A:link {color: #0066CC; text-decoration: underline;}
A:visited {color: #0066CC; text-decoration: underline;}
A:hover {color: #6CCBF3; text-decoration: none;}

A.white:link {color: #FFFFFF; text-decoration: none;}
A.white:visited {color: #FFFFFF; text-decoration: none;}
A.white:hover {color: #FFFFFF; text-decoration: underline;}

A.white_underline:link {color: #FFFFFF; text-decoration: underline;}
A.white_underline:visited {color: #FFFFFF; text-decoration: underline;}
A.white_underline:hover {color: #CCCCCC; text-decoration: none;}

h1 {color: #000000; font-weight: normal; font-size: 185%; margin: 3px 0px 10px 0px; padding: 0px; line-height: 1.1em;}
h2 {color: #333333; font-weight: bold; font-size: 125%; margin: 10px 0px 0px 0px; padding: 0px;}
h3 {color: #333333; font-weight: bold; font-size: 10px; margin: 10px 0px 0px 0px; padding: 0px;}
.bold {font-weight: bold;}
.normal {font-weight: Normal;}
.smaller {font-size: 90%;}
.smaller2 {font-size: 85%;}
.smaller3 {font-size: 80%;}
.white {color: #FFFFFF;}
.blue {color: #6CCBF3;}
.grey {color: #999999;}


.form {font-family: Arial, Helvetica, sans-seriff; padding: 2px; border: 1px solid #c3def4; background-color: #FFFFFF; vertical-align: middle; color: #333333; font-size: 100%;}
.form_search {font-family: Arial, Helvetica, sans-seriff; padding: 2px; border: 1px solid #c3def4; background-color: #FFFFFF; vertical-align: middle; color: #333333; font-size: 100%; width: 136px;}

UL {margin-top: 0px; margin-bottom: 0px; list-style: circle outside url(/images/chev.gif);}

UL.none {margin-left: 15px; padding-left: 0px;}
LI.none {margin-top: 2px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif); font-weight: normal; padding: 0 0 5px 0px; border-bottom: 1px solid #A2D3FE;}

LI.hp_news {margin-left: -13px; margin-top: 2px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/chev.gif) no-repeat 0px 3px; font-weight: normal; padding: 0px 0px 5px 10px;}


/*** General styles ***/
/* page styles */
#page_wrapper {text-align: center; background: #FFFFFF; width: 770px; height: auto; position: relative; margin-left: auto; margin-right: auto;}
#page_top {background: url(/images/page/page_top.gif) no-repeat; width: 770px; height: 8px;}
#page_mid {background: url(/images/page/page_midbg.gif) repeat-y; width: 770px; height: auto; text-align: left;}
#page_bottom {background: url(/images/page/page_bottom.gif) no-repeat; width: 770px; height: 10px; text-align: left;}
#page_midleft {float: left; background: url(/images/page/page_left.gif) no-repeat; width: 5px; height: 344px;}
#page_midright {float: right; background: url(/images/page/page_right.gif) no-repeat; width: 5px; height: 344px;}
#page_midcontent {float: left; background: #FFFFFF; width: 760px;}
#page_fixed_ie6 {float: right; width: 765px;}

#top_right {float: right; width: 261px;}
#top_linksbox {height: 51px;}
.top_links {float: right; border-left: 1px solid #CCCCCC; padding: 10px 10px 2px 8px; font-size: 75%;}
.top_links A:link {color: #888888; text-decoration: underline;}
.top_links A:visited {color: #888888; text-decoration: underline;}
.top_links A:hover {color: #6CCBF3; text-decoration: none;}

.solution_links {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.solution_links A:link {color:#0099FF; text-decoration:none;}
.solution_links A:visited {color:#0099FF; text-decoration:none;}
.solution_links A:hover {color:#FFCC00; text-decoration:none;}

#top_searchbox {height: 27px; width: 261px; background: #6CCBF3;}
#search_text {float: left; font-size: 85%; padding: 7px 0px 0px 0px;}
#search_field {float: left; font-size: 85%; padding: 3px 0px 0px 0px;}

#top_menu {clear: both; height: 26px; background: url(/images/top/menu_bg.gif) repeat-x #484848; border-bottom: 1px solid #FFFFFF;}
#top_menupad {padding: 5px 10px 0px 10px; text-transform: uppercase;}

UL.menu {margin: 0px 0px 0px 0px; padding-left: 0px;}
LI.menu_s {display: inline; margin-left: -13px; margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif) no-repeat 0px 0px; font-weight: bold; font-size: 95%; padding: 6px 10px 5px 15px;}
LI.menu {display: inline; margin-left: -13px; margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/top/menu_div.gif) no-repeat 0px 0px; font-weight: bold; font-size: 95%; padding: 6px 10px 5px 20px;}
.menu A:link {color: #FFFFFF; text-decoration: none;}
.menu A:visited {color: #FFFFFF; text-decoration: none;}
.menu A:hover {color: #6CCBF3; text-decoration: none;}

.content_shadow_l {clear: both; background: url(/images/homepage/inner_shadow.jpg) repeat-x;}
.content_shadow_r {clear: both; background: url(/images/homepage/inner_shadow.jpg) repeat-x; margin: 0px 0px 0px 1px;}
.content_noshadow_r {clear: both; margin: 0px 0px 0px 1px;}

#footer {font-size: 85%; color: #AAAAAA; padding: 10px 5px 5px 5px;}
#footer A:link {color: #999999; text-decoration: underline; padding: 0px 3px 0px 3px;}
#footer A:visited {color: #999999; text-decoration: underline; padding: 0px 3px 0px 3px;}
#footer A:hover {color: #6CCBF3; text-decoration: none; padding: 0px 3px 0px 3px;}


/* other general styles */
.img_align_mid {vertical-align: middle;}
.img_align_left {float: left; margin: 0px 10px 10px 0px; border: 1px solid #CCCCCC;}
.img_align_right {float: right; margin: 0px 0px 10px 10px; border: 1px solid #CCCCCC;}
.align_left {text-align: left;}
.align_right {text-align: right;}
.align_center {text-align: center;}

.float_left {float: left;}
.float_right {float: right;}

.clear_page {clear: both; font-size: 0.1%;}

.padding_10 {padding: 10px;}
.padding_5 {padding: 5px;}
.padding_b8 {padding-bottom: 8px;}
.padding_t10 {padding-top: 10px;}
.padding_lr5 {padding: 0px 5px 0px 5px;}
.width_100 {width: 100%; border: 0px;}



/*** homepage styles ***/
.hp_topright {float: right; background: url(/images/homepage/hp_bg.gif) repeat-x #2657A3; width: 261px; height: 170px;}
.hp_toprightpad {padding: 0px 10px 0px 10px; height: 159px;}
.hp_topright h1 {color: #FFFFFF; font-weight: bold; font-size: 120%; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; line-height: 1.2em;}
.hp_topright P {color: #FFFFFF; margin: 10px 0px 0px 0px; line-height: 1.2em;}
.hp_toprightcorner {text-align: right; width: 261px; height: 11px; background: #2657A3;}

.hp_noflash {background: url(/images/homepage/noflash.jpg) no-repeat #2d7ec0; padding: 10px; width: 479px; height: 150px; color: #FFFFFF; font-weight: bold;}

A.smallgrey:link {font-size: 85%; color: #BBBBBB; text-decoration: underline;}
A.smallgrey:visited {font-size: 85%; color: #BBBBBB; text-decoration: underline;}
A.smallgrey:hover {font-size: 85%; color: #00AEEF; text-decoration: none;}

#hp_bottomleft {float: left; width: 499px;}
#hp_bottomright {float: right; width: 260px; background: url(/images/page/rh_vrfade.gif) no-repeat;}
#hp_bottomright2 {float: right; width: 260px; background: url(/images/page/rh_vrfade.gif) no-repeat;}


.hp_tabgreen {float: left; background: url(/images/homepage/tab_greenbg.gif) repeat-x #6EBDA1; width: 489px; height: 29px;}
.hp_tabgreen h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.hp_tabgreenend {float: right; background: url(/images/homepage/tab_greenend.gif) repeat-x #6EBDA1; width: 10px; height: 29px;}

.hp_tabpurple {float: left; background: url(/images/homepage/tab_purplebg.gif) repeat-x #9A99C1; width: 250px; height: 29px;}
.hp_tabpurple h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.hp_tabpurpleend {float: right; background: url(/images/homepage/tab_purpleend.gif) repeat-x #9A99C1; width: 10px; height: 29px;}

.hp_tabpad {padding: 2px 10px 5px 10px;}
.hp_tabpad P {margin: 5px 0px 15px 0px;}

.hp_servicesbox {float: left; width: 230px; font-size: 85%; margin: 5px 0px 0px 0px; border-bottom: 2px solid #DDDDDD;}
.hp_servicesbox h2 {color: #333333; font-weight: bold; font-size: 120%; margin: 2px 0px 3px 0px; padding: 0px;}
.hp_servicesbox h2 A:link {color: #333333; text-decoration: none;}
.hp_servicesbox h2 A:visited {color: #333333; text-decoration: none;}
.hp_servicesbox h2 A:hover {color: #6CCBF3; text-decoration: none;}
.hp_servicesbox P {margin: 0px 0px 6px 0px;}
.hp_servicesim {float: left; border: 1px solid #999999; margin: 2px 10px 6px 0px;}
.hp_servicesbox_sp {float: left; width: 15px;}

.hp_productsbox {width: 440px; height:100px; font-size: 95%; margin: 5px 0px 0px 0px; border-bottom: 2px solid #DDDDDD;}
.hp_productsbox h2 {color: #333333; font-weight: bold; font-size: 120%; margin: 2px 0px 3px 0px; padding: 0px;}
.hp_productsbox h2 A:link {color: #333333; text-decoration: none;}
.hp_productsbox h2 A:visited {color: #333333; text-decoration: none;}
.hp_productsbox h2 A:hover {color: #6CCBF3; text-decoration: none;}
.hp_productsbox P {margin: 0px 0px 6px 0px;}
.hp_productsim {float: left; border: 1px solid #999999; margin: 2px 10px 6px 0px;}
.hp_productsbox_sp {float: left; width: 15px;}

/*** content page styles ***/
.content_topright {float: right; background: url(/images/page/content_bg.gif) repeat-x #2657A3; width: 261px; height: 78px;}
.content_toprightpad {padding: 0px 10px 0px 10px; height: 67px;}
.content_topright h1 {color: #FFFFFF; font-weight: bold; font-size: 105%; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; line-height: 1.4em;}
.content_topright P {color: #FFFFFF; margin: 10px 0px 0px 0px; line-height: 1.2em;}
.content_toprightcorner {text-align: right; width: 261px; height: 11px; background: #15377E;}

.rh_tabblue {float: left; background: url(/images/page/tab_bluebg.gif) repeat-x #6CCAF2; width: 250px; height: 29px;}
.rh_tabblue h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.rh_tabblueend {float: right; background: url(/images/page/tab_blueend.gif) repeat-x #6CCAF2; width: 10px; height: 29px;}

.rh_tabred {float: left; background: url(/images/page/tab_redbg.gif) repeat-x #6CCAF2; width: 250px; height: 29px;}
.rh_tabred h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.rh_tabredend {float: right; background: url(/images/page/tab_redend.gif) repeat-x #6CCAF2; width: 10px; height: 29px;}

.rh_tabgreen {float: left; background: url(/images/homepage/tab_greenbg.gif) repeat-x #9A99C1; width: 250px; height: 29px;}
.rh_tabgreen h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.rh_tabgreenend {float: right; background: url(/images/homepage/tab_greenend_with_white.gif) repeat-x #9A99C1; width: 10px; height: 29px;}

.rh_tabpurple {float: left; background: url(/images/homepage/tab_purplebg.gif) repeat-x #9A99C1; width: 250px; height: 29px;}
.rh_tabpurple h1 {color: #FFFFFF; font-weight: bold; font-size: 115%; margin: 7px 0px 0px 10px; padding: 0px; line-height: 1.1em;}
.rh_tabpurpleend {float: right; background: url(/images/page/tab_purpleend.gif) repeat-x #9A99C1; width: 10px; height: 29px;}

.content_pad {padding: 10px 15px 20px 12px;}
.content_pad P {margin: 5px 0px 15px 0px;}

.form_left {float: left; width: 120px; padding: 2px 0px 0px 0px;}
.form_right {float: left; width: 280px;}
.content_hr_2px {border-top: 2px solid #e5e5e5;}

#breadcrumb {font-size: 75%; padding: 0px 0px 10px 0px; color: #BBBBBB;}
#breadcrumb A:link {color: #999999; text-decoration: underline;}
#breadcrumb A:visited {color: #999999; text-decoration: underline;}
#breadcrumb A:hover {color: #6CCBF3; text-decoration: none;}


/* styles for the right hand menu */
UL.rh_menu {margin: 0px 0px 10px 5px; padding-left: 0px;}

LI.level1 a, LI.level1 a:visited {color: #666666; text-decoration: none; font-weight: bold;}
LI.level1 a:hover {color: #6CCBF3; text-decoration: underline; font-weight: bold;}

LI.level2 a, LI.level2 a:visited {color: #7E8083; text-decoration: underline;}
LI.level2 a:hover  {color: #6CCBF3; text-decoration: underline;}

LI.level1 {margin: 2px 0px 2px -6px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_chevs.gif) no-repeat 0px 3px; font-weight: bold; padding: 2px 3px 2px 15px;}
LI.level2 {margin: 0px 0px 1px -5px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_dash.gif) no-repeat 15px 3px; font-weight: normal; padding: 0px 3px 3px 25px;}


/* styles for sitemap */
UL.none {margin: 0px 0px 10px 10px; padding-left: 0px;}

LI.sm_level1 a, LI.sm_level1 a:visited {color: #666666; text-decoration: none; font-weight: bold;}
LI.sm_level1 a:hover {color: #6CCBF3; text-decoration: underline; font-weight: bold;}

LI.sm_level2 a, LI.sm_level2 a:visited, LI.sm_level3 a, LI.sm_level3 a:visited {color: #7E8083; text-decoration: underline;}
LI.sm_level2 a:hover, LI.sm_level3 a:hover  {color: #6CCBF3; text-decoration: underline;}

LI.sm_level1 {margin: 3px 0px 3px -6px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/chevs.gif) no-repeat 0px 6px; font-weight: bold; padding: 4px 3px 2px 15px; border-top: 1px solid #EEEEEE;}
LI.sm_level2 {margin: 0px 0px 1px -5px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_dash.gif) no-repeat 15px 3px; font-weight: normal; padding: 0px 3px 3px 25px;}
LI.sm_level3 {margin: 0px 0px 1px -5px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/spacer.gif) no-repeat 15px 3px; font-weight: normal; padding: 0px 3px 3px 25px;}

.component
{
	font-size: 11px;	
}

/* styles for holding page - can be deleted once site launched */
#top_menu_hp {clear: both; height: 8px; background: url(/images/top/menu_bg.gif) repeat-x #484848; border-bottom: 1px solid #FFFFFF;}