/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;font-family:tahoma}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#6275A9;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0; }
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* MENU */
#left ul {list-style:none; margin:0px 0 0 15px; padding:0}
#left ul li a {color:#fff; font-weight:700}
#left ul li a:hover {color: #000000}
/* CSS MAIN */
body {background:#fff url(images/bg2.jpg) repeat-x center top}
a { text-decoration:none}
a:hover { text-decoration: none; color:#5166a0}
.fleft {float:left}
.fright {float:right}
#wrapper{width:777px;margin:0 auto;background:#fff url(images/bg1.jpg) no-repeat center top}
#container {
width:717px;
text-align:left;
margin:0 auto;
padding-top: 23px;
}
#left, #main {float:left; }
#header { /*height:150px;*/ margin-bottom:20px;}
#left { width:195px; }
#left ul li a:hover {color:#c8c8c8}
#left ul li a {color:#6275A9}
#left ul li a:visited {color:#6275A9}
#main { width:519px; }
#footer { clear:both; height:30px; width:737px; margin:0 auto; color:#666666; font-weight:700; margin-top:10px; padding:10px 20px 0 20px; background:#fff url(images/bg.jpg) no-repeat center -723px; font-size:11px}
#footer a{color: #666666}
.cs_logo { background:#fff; padding:20px 0 20px 32px}
#left h2, #left P {margin-bottom:0;}
#left h3 {margin-bottom:0; font-size:1em;}
ul.head_menu {padding-top: 3px; margin:0}
.head_menu li{float:left; list-style:none; padding:0 5px; border-left:2px solid #c5c5c5; line-height:1.0}
.head_menu li a {color:#c5c5c5; font-size:13px; font-weight:700; font-size:12px}
.head_menu li a:hover {color:#5166a0;}
input.scbox {width:90px; height:15px}
input.go { background:url(images/search.jpg) no-repeat 0px -2px; width: 73px; border:0px; cursor: pointer;}
.search {width: 180px; float:right}
#left ul {margin:0}
#left {border:1px solid #d4d4d4}
ul.left_1 { background:#5166a0; }
ul.left_1 li {margin-left: 8px; padding:2px 0 2px 15px; background: url(images/dot.jpg) no-repeat left;
}
ul.left_2 li {margin-left: 8px; padding:3px 0 3px 15px; background: url(images/dot.jpg) no-repeat left;}
ul.left_5 { background:#fff; line-height:18px;}
ul.left_5 li {border-bottom:1px dotted #d4d4d4; margin:12px 15px}
ul.left_5 h3 { font-weight:700; color:#465d9e}
#left ul.left_5 a {color:#6275A9}
#left ul.left_5 a:hover {color:#5166A0}
li.first {border:0}
.login {float:right;padding: 10px 10px 0 20px ; }
.login a{ background: url(images/dot_t.jpg) no-repeat;padding: 0px 0px 0 20px ; }
#left ul.left_1 li a {color:#fff }
#left ul.left_1 li a:visited {color:#fff }
img.h_right { clear:right; float:right}
.bm {
background:url(images/bm.jpg) repeat-y;
padding-left: 10px;
}
.bm div {width:490px; margin:0 0 0 15px}
.bm h1 {font:normal 18px sans-serif; color:#5166a0;}
.bm h2 {font:normal 16px sans-serif; color:#5166a0;}
.bm h3 {font:normal 14px sans-serif; color:#5166a0;}
.bm ul li {color:#777; list-style-image:url(images/bullet.gif);}
.bm p {margin:0 0 10px 0; color:#767474; border-bottom:#767474 0px dotted; width: 490px; padding-left: 8px;}
.bm p.last {border:0}
.bm div h2 {font-size:14px; font-weight:800; color:#0000FF}
.bm div strong {color:#666666}
.box {margin-left:-2px}
.h_right2 { clear:right; float:right}
/* TOP DROP MENU */
.menu {width:585px; height:16px; font-size:0.85em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:536px; w\idth:535px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;padding-top: 3px;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:80px;position:relative;}
.menu li.m1 {width:86px;}
.menu li.m1 a {text-decoration:none;}
.menu li.m2 {width:67px;}
.menu li.m2 a {text-decoration:none;}
.menu li.m3 {width:85px;}
.menu li.m3 a {text-decoration:none;}
.menu li.m4 {width:95px;}
.menu li.m4 a {text-decoration:none;}
.menu li.m5 {width:70px;}
.menu li.m5 a {text-decoration:none;}
.menu li.m6 {width:65px;}
.menu li.m6 a {text-decoration:none;}
.menu li.m7 {width:55px;}
.menu li.m7 a {text-decoration:none;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px; font-weight:700; text-decoration:none; color:#C5C5C5; height:15px; border:2px solid #C5C5C5; border-width:0 0 0 1px; padding-left:5px; line-height:14px;}
/* a hack so that IE5.5 faulty box model is corrected */
.menu li a.noborder{ border:none;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff url(images/submenu-on.gif) right no-repeat; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/submenu-on.gif) right no-repeat; color:#5166a0;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/submenu-on.gif) right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:15px;left:0; }
/* another hack for IE5.5 */
* html .menu ul ul {top:15px;t\op:16px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#5166A0; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#5166a0; background:#fff;}
/* #############edit here for drop down menu hover */
.menu :hover > a, .menu ul ul :hover > a {color: #c5c5c5;background:#fff;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
p#left1{margin:0px;padding:0px; background-image:url(/images/left_1.jpg);height:20px; width:195px;}
p#left2{margin:0px;padding:0px; background-image:url(/images/left_2.jpg);height:21px; width:195px;}
p#left3{margin:0px;padding:0px; background-image:url(/images/left_3.jpg);height:21px; width:195px;}
p#left4{margin:0px;padding:0px; background-image:url(/images/left_4.jpg);height:21px; width:195px;}
p#left5{margin:0px;padding:0px; background-image:url(/images/left_5.jpg);height:21px; width:195px;}
#hp-content{
position:absolute;
top:1350px;
width:716px;
border:1px solid #D4D4D4;
height:140px;
color:#767474;
font-size:13px;
font-family:Tahoma;
line-height:1.5;
}
#hp-content h1{
color: #333399;
font-family:Tahoma;
font-weight:bold;
font-size:13px;
}
div.cf_element{
padding:10px;
background-color:#fff;
height:120px;
width:690px;
}
div.cf_element p{
width:695px;
}
.nobottommargin{
margin:0px;
}
h1.heading{
color: #333399;
font-family:Tahoma;
font-weight:bold;
font-size:13px;
margin-left:10px;
}
h2.heading{
color: #333399;
font-family:Tahoma;
font-weight:bold;
font-size:13px;
}
ul.sitemap{
margin-left:22px;
}
/* Webinar Classes */
.webinarblock {border-bottom:2px dotted #ccc; width:460px !important; margin:0 30px 0 10px !important; padding:10px 30px 10px 0 !important;}
.webinarblock h2 {color:rgb(81, 102, 160) !important; font:bold 18px sans-serif;}
.webinarapply {margin:auto !important; padding:5px; background:#f4f4f4; border:1px solid #ccc; width:300px !important; text-align:center; font:bold 16px sans-serif; letter-spacing:-1px; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}