body { margin: 0; font: 12px 'myriad pro','lucida sans', 'lucida grande', Arial, Helvetica, sans-serif;    color: #666; line-height: 1.5em; background: #f5f6f7;  }

a { color: #1a7d8c; }
    a img { border: none; }
strong { color: #737373; font-weight: bold; }

h1 { font-size: 1.4em; padding: 5px 0; margin: 5px 0; color: #444; font-weight: normal; float:left; }
h2 { font-size: 1.2em; padding-top: 5px; margin: 5px 0; color: #1a7d8c; }
h3 { font-size: 1.0em; padding-top: 5px; margin: 5px 0; color: #1a7d8c; }
h4 { font-size: .8em; padding: 0; margin: 5px 0; color: #1a7d8c; }
h5 { font-size: 1.2em; padding: 0; margin: 0; color: #000; }
h6 { font-size: 1.0em; padding: 0; margin: 0; color: #444; }

p { margin: 0 0 10px 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

.quote {
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    padding: 10px 25px;
    margin: 25px;
    background: #f6f6f6;
    width: 80%; }
    
.onethird { width: 29%; margin: 0 2%; float: left; }

/* Main Layout
-------------------------------------------------------------------*/

#wsl { width: 100%; float: left; }

#wrapper { width: 986px; margin: 15px auto 0 auto; }

#header, #top_head, #display, #actions, #footer { width: 100%; float: left; }


/* header */

#header {  }
#header #top_head { width: 986px; height: 37px; background: url('images/top_head.jpg') 0 0 no-repeat; }
#header #logo_nav { width: 806px; float: left; }
#header #logo_nav h1#logo { width: 20px; padding: 6px 50px; margin: 0; float: left; background: url('images/top_nav_sep.jpg') right 0 no-repeat;}
#header #logo_nav h1#logo a { width: 13px; height: 25px; float: left; text-indent: -9999px; background: url('images/logo.jpg') 0 0 no-repeat; }

#header #logo_nav ul.main_nav { width: 680px; float: left; }
#header #logo_nav ul.main_nav li { float: left; display: inline; list-style: none; }
#header #logo_nav ul.main_nav li a { color: #282828; font-size: 13px; float: left; text-decoration: none; padding: 9px 14px 10px 14px; background: url('images/top_nav_sep.jpg') right 0 no-repeat; }
#header #logo_nav ul.main_nav li a:hover { background: url('images/nav_over.jpg') 0 0 repeat-x; }

#header .search { width: 160px; float: right; padding: 8px 0 0 0; }
#header .search label { display: none; }
#header .search .searchButton { display: none; }
#header .search .searchInput { width: 110px; height: 16px; padding: 4px 0 0 30px; background: url('images/search.jpg') 0 0 no-repeat; border: 0; }
#header #scroller { width: 986px; height: 145px; margin: 15px 0 0 0; float: left; background: url('images/scroller.jpg') 0 0 no-repeat; }

#body_tile { width: 986px; float: left; margin: 15px 0 0 0; background: url('images/body_tile.jpg') 0 0 repeat-y; }
#body_top { width: 986px; float: left; background: url('images/body_top.jpg') 0 0 no-repeat; }
#body_bottom { width: 950px; float: left; padding: 18px; background: url('images/body_bottom.jpg') 0 bottom no-repeat; }


#welcome { width: 950px; float: left; margin: 0 0 18px 0; }
#welcome #display { width: 620px; height: 275px; float: left; }
#welcome #display #image { width: 620px; float: left; height: 211px; }
#welcome #display #image .element { float:right; }
#home #welcome #display #qLinks { width: 620px; height: 65px; float: left; background: url('images/qLinks.jpg') 0 0 no-repeat; }
#welcome #display #qLinks { width: 620px; height: 65px; float: left; background: url('images/qLinks_internal.jpg') 0 0 no-repeat; }
#welcome #display #qLinks li.calculate { float: left; list-style: none; padding: 0 0 0 25px; }
#welcome #display #qLinks li.demo { float: right; list-style: none; padding: 0 65px 0 0; }
#welcome #display #qLinks li.chat { float: left; list-style: none; padding: 0 0 0 175px; }
#welcome #display #qLinks li.calculate a,
#welcome #display #qLinks li.chat a,
#welcome #display #qLinks li.demo a { width: 225px; float: left; text-indent: -9999px; padding: 22px 0; font-size: 0; }


#welcome #intro { width: 264px; height: 215px; float: right; line-height: 18px; font-size: 13px; color: #565656; padding: 30px 25px; background: url('images/intro.jpg') 0 0 no-repeat; }
#welcome #intro h1 { font-size: 1.7em; margin: 0 0 10px 0; }

/*
#welcome { width: 950px; float: right; margin: 0 0 18px 0; }
#welcome #display { width: 620px; height: 275px; float: right; }
#welcome #display #image { width: 620px; float: right; height: 211px; }
#welcome #display #image .element { float:right; }
#home #welcome #display #qLinks { width: 620px; height: 65px; float: left; background: url('images/qLinks.jpg') 0 0 no-repeat; }
#welcome #display #qLinks { width: 620px; height: 65px; float: left; background: url('images/qLinks_internal.jpg') 0 0 no-repeat; }
#welcome #display #qLinks li.calculate { float: left; list-style: none; padding: 0 0 0 25px; }
#welcome #display #qLinks li.demo { float: right; list-style: none; padding: 0 65px 0 0; }
#welcome #display #qLinks li.chat { float: left; list-style: none; padding: 0 0 0 175px; }
#welcome #display #qLinks li.calculate a,
#welcome #display #qLinks li.chat a,
#welcome #display #qLinks li.demo a { width: 225px; float: left; text-indent: -9999px; padding: 22px 0; font-size: 0; }
*/

#welcome #intro { width: 264px; height: 215px; float: right; line-height: 18px; font-size: 13px; color: #565656; padding: 30px 25px; background: url('images/intro.jpg') 0 0 no-repeat; }
#welcome #intro h1 { font-size: 1.7em; margin: 0 0 10px 0; }

#main_col { width: 680px; float: right;  }
#home #main_col { float: left; }
.custom #main_col { width: 680px !important; float: right; }
#main_col #display { width: 620px; float: left; margin: 0 0 25px 0; }
#main_col #display #image { width: 680px; float: left; overflow: hidden; }
#main_col #display #qLinks { width: 680px; height: 65px; margin: -6px 0 0 0; float: left; background: url('images/qLinks_internal.jpg') 0 0 no-repeat; }
#main_col #display #qLinks li.calculate { float: left; list-style: none; padding: 0 0 0 25px; background-image: none; }
#main_col #display #qLinks li.demo { float: right; list-style: none; padding: 0 65px 0 0; background-image: none; }
#main_col #display #qLinks li.chat { float: left; list-style: none; padding: 0 0 0 175px; background-image: none; }
#main_col #display #qLinks li.calculate a,
#main_col #display #qLinks li.chat a,
#main_col #display #qLinks li.demo a { width: 225px; float: left; padding: 22px 0; text-indent: -9999px;  font-size: 0;  }


#main_col #left_box { width: 595px; float: left; margin: 0 0 0 5px; display: inline; }
    #main_col #left_box h1 { color: #737373; font-size: 20px; padding: 5px 0 10px 0; margin: 0 0 10px 0; font-weight: normal; border-bottom: 1px solid #c4c4c4; }
    #main_col #left_box h3 { color: #070707; font-size: 14px; margin: 5px 0; padding: 5px 0 0 0; }
#main_col #right_box { width: 290px; float: right; margin: 0 5px 0 0; display: inline; }
    #main_col #right_box h1 { color: #737373; font-size: 20px; padding: 5px 0 10px 0; margin: 0 0 10px 0; font-weight: normal; border-bottom: 1px solid #c4c4c4; }
    #main_col #right_box h3 { color: #070707; font-size: 14px; margin: 5px 0; padding: 5px 0 0 0; }
#main_col #big_box { clear: both; width: 595px; height: 229px; background: #ccc url("images/bigbox.png") no-repeat; padding: 5px 10px;}
    #main_col #big_box p { font-size: 12px; }
#main_col ul { padding: 3px 0; }
    #main_col li { padding: 0 0 1px 0; background: url('images/arrow.jpg') 0 5px no-repeat; font-size: 14px; }
        #main_col li ul { margin-bottom: 10px; }
        #main_col li h2 { margin: 0px; padding: 0px; }

#main_col .blogList { position: relative; }
    #main_col .blogList h2.postTitle { font-size: 14px; }
    #main_col .blogList li { background: none; }
    #main_col .blogList .rss { position: absolute: top: 5px; right: 5px; }

#main_col .eventsList { padding: 5px 0 0 0; }
    #main_col .eventsList li { padding: 5px 0 5px 25px; background: url('images/cal_ico.jpg') 0 7px no-repeat;  }
    #main_col .eventsList a { color: #0e0e0e; font-size: 1.3em; text-decoration: none; }
        #main_col .eventsList a:hover { text-decoration: none; }



#sub_col { width: 240px;  float: left; }
.custom #sub_col { margin:0; }
#sub_col .side_sec_top { width: 240px; float: left; background: #f5f4f4 url('images/side_sec_top.jpg') 0 0 no-repeat; }
#sub_col .side_sec_bottom { width: 206px; float: left; padding: 17px; background: url('images/side_sec_bottom.jpg') 0 bottom no-repeat; }
#sub_col .side_sec_bottom h1 { color: #070707; font-size: 16px; margin: 5px 0; padding: 5px 0 0 0; }

#sub_col #twitter_top { width: 240px; float: left; background: #eaf7f9 url('images/twitter_top.jpg') 0 0 no-repeat; margin-top: 15px; }
#sub_col #twitter_bottom { width: 220px; float: left; position: relative; padding: 17px 20px 70px 20px; background: url('images/twitter_bottom.jpg') 0 bottom no-repeat; }
#sub_col #twitter_bottom li { list-style: none; }
#sub_col #twitter_bottom p#follow a { position: absolute; float: left; text-indent: -9999px; bottom: 30px; width: 134px; height: 10px; background: url('images/follow.jpg') 0 0 no-repeat; }
#sub_col #my_twitter_status { font-size: 14px; }
    #sub_col #my_twitter_status_time { font-size: 12px; color: #aaa; padding-left: 5px; }

#side_nav_top { width: 240px; float: left;  background: #e9e9e9 url('images/side_nav_top.jpg') 0 0 no-repeat; }
#side_nav_bottom { width: 240px; float: left; padding: 15px 0; margin:0; background: url('images/side_nav_bottom.jpg') 0 bottom no-repeat; }
/*30 10
.sec_nav {  margin: 0 30px; font-family: 'myriad pro','lucida sans', 'lucida grande', Arial, Helvetica, sans-serif; }
.sec_nav ul.level2 a { font-size: 12px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; }
.sec_nav ul.level2 { margin: 5px 0 0 10px; }
.sec_nav ul.level3 { margin: 0 0 10px 10px; }
.sec_nav li { padding: 5px 0 0 0; width: 237px; }
.sec_nav li a { text-decoration: none; font-size: 16px; color: #444; padding: 0 0 10px 0; }
*/
.sec_nav {  margin: 0 20px; font-family: 'myriad pro','lucida sans', 'lucida grande', Arial, Helvetica, sans-serif; }
.sec_nav ul.level2 a { font-size: 12px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; }
.sec_nav ul.level2 { margin: 0px 0 0 0px; }
.sec_nav ul.level3 { margin: 0 0 10px 5px; }
.sec_nav ul.level3 a { font-size: 10px; color: #444; }
.sec_nav li { background:url(images/subnav-divider.gif) left bottom repeat-x; padding: 5px 0 0 0; width: 237px; }
.sec_nav li .selectedPageRoot { color:#168186; }
.sec_nav li a { text-decoration: none; font-size: 16px; color: #444; padding: 0 0 0 0; }
.sec_nav li ul { }
.sec_nav li li { padding: 0 0 0 10px;  }
.sec_nav li.selectedPage a { color: #1a7d8c; }
    .sec_nav li.selectedPage li a { color: #444; font-weight: normal; }
    /*show root, hide others */
    .sec_nav li { display: none;}
    .sec_nav li.selectedPage, .sec_nav li.selectedPage li, 
    .sec_nav li.selectedPageRoot, .sec_nav li.selectedPageRoot li { display: block !important; }

#internal #body_bottom ul.subNav li { padding:0; }
.subNav { list-style:none; width:240px; padding:0; margin:0; }
.subNav li { display:none; padding:0; } 
.subNav li.selectedPage, .subNav li.selectedPage li, .subNav li.selectedPageRoot, .subNav li.selectedPageRoot li,.subNav li.selectedPageRoot li.selectedPageParent { display:block !important; width:240px; background:url(images/subnav-divider.gif) left bottom repeat-x !important; float:left;}
.subNav li a { display:block; width:210px; border-bottom:0 !important; font:normal 1.1em "Myriad Pro", Helvetica, Arial, sans-serif; text-decoration:none; line-height:28px; white-space:nowrap; background-color:#e9e9e9; /*color:#797f7f !important; */ color: #282828 !important; padding:0 0 0 30px; margin:0 0 2px 0 !important; }
.subNav li a:hover { color:#f8f8f8 !important; background-color:#a6a6a6 !important; background:url(images/subnav-hover-bullet.gif) 15px center no-repeat; }
.subNav li.hasChildren a.selectedPage,.subNav li a.selectedPageRoot { background-color:#e9e9e9 !important; background-image:none !important; color:#168186 !important; font-size:1.5em; padding:0 0 0 15px; }
.subNav li.hasChildren li.selectedPage a.selectedPage,.subNav li a.selectedPageParent { width:210px; background-color:#e9e9e9 !important; background:url(images/subnav-active-bullet.gif) 15px center no-repeat; color:#393939 !important; padding:0 0 0 30px; font-size:1em; }
.subNav li.hasChildren li.selectedPage a.selectedPage { width:210px !important; color:#393939 !important; background: url(images/subnav-active-bullet-reg.png) 15px center no-repeat !important; background-color:#e9e9e9 !important; padding:0 0 0 30px !important; }
.subNav li ul li ul { background-color:#f5f5f5; background:url(images/subnav-divider.gif) left top repeat-x !important; padding:2px 0 0 0; margin:0; }
.subNav li li li a { display:block; background-color:#f5f5f5 !important; margin:0 ; width:189px; color:#797f7f !important; padding:0 0 0 51px; white-space:nowrap;  }
.subNav li.hasChildren li.selectedPageParent li.selectedPage a.selectedPage,.subNav li.hasChildren li li a.selectedPage { width:189px !important; color:#393939 !important; background: url(images/subnav-active-bullet-reg.png) 30px center no-repeat !important; background-color:#f5f5f5 !important; padding:0 0 0 51px !important; }
.subNav li li li a:hover { background-color:#a6a6a6 !important; background:url(images/subnav-hover-bullet.gif) 30px center no-repeat; color:#fff !important;  }

.table { display: inline-block; width: 600px; padding-bottom: 20px;}
.table.bar { width: 540px; padding-bottom: 0 !important;}
.table.bar span { border-bottom: 1px solid #1a7d8c!important; color: #1a7d8c; }
.table span { float: left; width: 250px; padding: 5px 10px; }

#footer { padding: 15px 0 15px 0; }
#footer p {   font-size: 11px;  }
#footer .foot_nav { width: 100%; float: left; padding: 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; }
#footer .foot_nav li { display: inline; float: right; }
#footer .foot_nav li a { padding: 0 10px 0 12px; background: url('images/foot_nav_sep.jpg') 0 4px no-repeat; }
#footer .left { width: 48%; float: left; }
#footer .right { width: 48%; float: right; text-align: right; }

#radium3 {float:right; margin:0 0 0 0;}

.element { clear: both; }

/* Xtras
-------------------------------------------------------------------*/
.right {  }
.postViewTags a {text-decoration: none !important; }

/* jQuery Slider
--------------------------------------- */


.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 16px 16px 0px 16px;
    height: 130px;
    width: 954px;
    background: url(images/bar.png) 20px 112px no-repeat;
    float:left; }
    .sliderGallery .inlineContentAdder { position: relative; z-index: 400px; }
    .sliderGallery .actions { position: relative; z-index: 500; } 
    
.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0; }    
.sliderGallery ul li {
    display: inline;
    padding: 0 5px 0 15px; }
    .sliderGallery ul li span { display: inline-block; height: 200px; width: 250px; background: #505050; }
    .sliderGallery ul li p { display: inline-block;}

.slider {
    width: 900px;
    height: 18px;
    margin: 132px 10px 0 26px;
    bottom: 16px;
    position: absolute;
    }
    

.handle {
    position: absolute;
    cursor: move;
    height: 15px;
    width: 327px;
    top: 2px;    
    background: url(images/handle.png) center no-repeat;
    z-index: 100;
}

/*
.slider .slider-lbl1 {
    left: 50px;
    display:none;
}

.slider .slider-lbl2 {
    left: 107px;
    display:none;
}

.slider .slider-lbl3 {
    left: 156px;
    display:none;
}

.slider .slider-lbl4 {
    left: 280px;
    display:none;
}

.slider .slider-lbl5 {
    left: 455px;
    display:none;
}
*/

#RoiCalculator { background: #fff; }

.stepsHeader  { width: 93%;  float: left; }
.stepsHeader li { width: 100px; letter-spacing: -0.1em; font-size: .9em; font-weight: bold; height: 30px;padding: 5px 5px; margin: 0 10px; text-align: center; cursor: pointer; font-family: 'lucida sans','lucida grande','arial'; background: url('images/tab_off.jpg') 0 0 no-repeat;  }
.stepsHeader li.selected { border-bottom: 0; font-weight: bold; background: url('images/tab_on.jpg') 0 0 no-repeat;  }

.step { width: 94%; padding: 2% 3%; }
.step li { padding: 10px 0 10px 0;  }
.step .traversal { padding: 10px 0 0 0; }
.answer { font-weight: bold; font-size: 1.1em; color: #1a7d8c; }


/* Admin
-------------------------------------------------------------------*/

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }


/* list style for internal page */
#internal #body_bottom ul li {
padding-left: 13px;
}

/* admin page */
.admin #body_bottom ul{
    list-style: disc;
    margin: 0;
    padding: 0 0 0 15px;
}
.admin #body_bottom ul li {
    padding: 0 0 0 5px;
}

/* h1 */
 
h1 {
    clear: both !important;
    display: block !important;
} 

#home p {
    clear: both !important;
    display: block !important;
}

h1.title {
    clear: both;
    display: block;
}

h2.postTitle {
    clear: both !important;
    display: block !important;
}