﻿#Header 
{
    height: 116px;
    /*background: url(../images/template/header_grad.png) repeat-x;*/
}
        #HeaderInner
        {
            width: 960px;
            margin: 0 auto 0 auto;
        }
        #HeaderOrchid 
        {
            float: left;
            height: 99px;
            width: 136px;
            margin: 24px 0 0 -54px;
        }
        #HeaderRight
        {
            float: right;
            width: 860px;
        }
                #HeaderRightTop
                {
                }
                        #Search
                        {
                            float: left;
                            margin-top: 40px;
                        }
                                .tbSearch
                                {
                                    border: 1px solid #7F9FD0;
                                    height: 19px;
                                    width: 124px /*127px*/;
                                    padding-left:3px;
                                    font-size: 11px;
                                }
                                .imgSearch
                                {
                                    width: 23px;
                                    height: 23px;
                                    vertical-align: bottom;
                                    background: url(../images/template/search_icon.gif);
                                    border: none;
                                }
                        #OnlineValuations
                        {
                            float: left;
                            margin-top: 37px;
                            /*margin-left: 9px;*/
                        }
                        #MicrositeLogo
                        {
                            margin-top: 17px;
                            float: left;
                        }
                        #CSLogo
                        {
                            float: right;
                            margin-top: 18px;
                            height: 43px;
                            width: 194px;
                        }
                #Navigation
                {
                    margin-top: 26px;
                    width: 860px;
                }
                        #Navigation, x:-moz-any-link, x:default  /*** FireFox 3 Hack For Unwanted Space ***/
                        {
                            margin-top: 26px;
                        }
                        #Navigation ul
                        {
                            margin: 0;
                            padding: 0;
                        }
                                #Navigation ul li
                                {
                                    list-style: none;
                                    display: inline-block;
                                    margin-right: -2px;
                                }
                                        #Navigation ul li a
                                        {
                                            display: inline-block;
                                            height: 17px /*20px*/;
                                            padding: 3px 8px 0 8px;
                                            background: #C8DDF4 url(../images/template/nav_bg.png) repeat-x;
                                            border-top: 1px solid #8DADCC;
                                            border-left: 1px solid #8DADCC;
                                            border-right: 1px solid #8DADCC;
                                            
                                            text-decoration: none;
                                            color: #526F8E;
                                            font-size: 11px;
                                            font-weight: bold;
                                        }
                                                #Navigation ul li a:hover
                                                {
                                                    background: #7D9CCD;
                                                    border-top: 1px solid #627991;
                                                    border-left: 1px solid #627991;
                                                    border-right: 1px solid #627991;
                                                    
                                                    color: #FFFFFF;
                                                }
                                                #Navigation ul li .selected
                                                {
                                                    background: #7D9CCD;
                                                    border-top: 1px solid #627991;
                                                    border-left: 1px solid #627991;
                                                    border-right: 1px solid #627991;
                                                    border-bottom: 1px solid #7D9CCD;
                                                    
                                                    color: #FFFFFF;
                                                }
                                        #Navigation ul li ul
                                        {
                                            position: absolute;
                                        }
                                                #Navigation ul li ul li
                                                {
                                                }
                                                        #Navigation ul li ul li a
                                                        {
                                                            background: none;
                                                            background: url(../images/template/red_arrow.png) left no-repeat !important;
                                                            border: none;
                                                            color: #FFFFFF;
                                                            padding-top: 8px;
                                                            padding-left: 12px;
                                                            padding-right: 16px;
                                                            padding-bottom: 5px;
                                                        }
                                                                #Navigation ul li ul li a:hover
                                                                {
                                                                    border: none;
                                                                    color: #314A60;
                                                                }
                                                                #Navigation ul li ul li .selected
                                                                {
                                                                    background: none;
                                                                    border: none;
                                                                    color: #314A60;
                                                                }
#ContentWrapper
{
    margin: 0 auto 0 auto;
    width: 960px;
}
        #ColWrap
        {
            margin-top: 36px;
        }
                #MainCol
                {
                    float: left;
                    width: 744px;
                }
                        #MainImage
                        {
                            background: #EEF3F9;
                            border: 1px solid #A8C9EB;
                            height: 230px;
                            margin-bottom: 4px;
                        }
                                #MainImage td
                                {
                                    text-align: center !important;
                                }
                        #MainContent
                        {
                            background: #EEF3F9;
                            border: 1px solid #A8C9EB;
                            padding: 4px 40px 10px 15px;
                            line-height: 16px;
                            /* hack to set min height in IE 6 */
							height: auto !important;
							height: 281px;
							min-height: 281px;
                        }
                                #MainContent ul
                                {
                                    margin-left: 20px;
                                }
                                        #MainContent ul li
                                        {
                                            list-style-type: disc; 
                                        }
                                                #MainContent ul li ul
                                                {
                                                }
                                                        #MainContent ul li ul li
                                                        {
                                                            list-style-type: circle;
                                                        }
                                #MainContent a
                                {
                                    font-weight: bold;
                                }
                                #MainContent td
                                {
                                    font-size: 12px;
                                }
                                
                                /*** LITERATURE - WEB VIDEOS ***/
                                #LiteratureVideos
                                {
                                    margin-top: 20px;
                                }
                                                                
                                /*** OUR PEOPLE SECTION ***/                              
                                #ourPeople { height:16em; width:700px; height: auto; margin: 0 0 10px 0; display:block; overflow:auto; clear: both;}
                                #ourPeople div.team-row { height:auto; width: 700px; margin: 0 0 5px 0; display:block; overflow: auto; clear: both;}
                                
                                #ourPeople ul { margin-left:20px; float:left; width:220px; }
                                #ourPeople ul.first { margin-left:0; }
                                #ourPeople ul li { font-weight:normal; list-style-type: square; margin-left:20px; margin-top:2px; }
                                #ourPeople ul li a { font-weight:normal;  }
                                #ourPeople ul li.active a { color:#B90F2B; }
                                #ourPeople ul li.toplevel { font-weight:bold; list-style-type: none; margin-left:0; margin-top:10px; }
                                #ourPeople ul li.toplevel a { font-weight:bold; }
					 			
					 			#ourPeople ul li.active ul { width: 180px; margin: 0; padding:0; display:block; clear: both; float:none; }
					 			#ourPeople ul li.active ul li { margin: 1px 0 0 5px; }
					 			#ourPeople ul li.active ul li a { color: #585956; }
					 			#ourPeople ul li.active ul li a:hover { color:#B90F2B; }

                                .OurPeopleWrap
                                {
                                    width: 700px /*710px*/;
                                    padding: 5px;
                                    margin-bottom: 10px;
                                    background: #FFFFFF; 
                                    border: 1px solid #DDEAF4; 
                                }
                                
                                div.team_header { font-size: 16px; font-weight: bold; padding: 5px 5px 10px 5px; }
                                div.team_header a { text-decoration:none; color: #585956; }
                                div.team_header a:hover { text-decoration: underline; color: #585956; }
                                
                                        .name_email_wrap_header { background: #f0f0f0 repeat scroll  0% 0%; border:1px solid #cccccc; height: 29px; }
                                        .NameEmailWrap
                                        {
                                            background: #DDEAF4;
                                            border: 1px solid #78A3D0;
                                            height: 29px;
                                        }
                                                .Name
                                                {
                                                    float: left;
                                                    margin: 7px 0 0 5px;
                                                    font-weight: bold;
                                                    font-size: 10px;
                                                }
                                                .Email
                                                {
                                                    float: right;
                                                    margin: 7px 5px 0 0;
                                                }
                                                        .Email a
                                                        {
                                                            background: url(../images/template/email_icon.png) no-repeat;
                                                            padding-left: 27px;
                                                        }
                                        .PersonDetailsWrap
                                        {
                                            margin-top: 10px;
                                        }
                                                .PersonPhoto
                                                {
                                                    float: left;
                                                }
                                                .PersonRight
                                                {
                                                    float: right;
                                                    width: 500px;
                                                }
                                                        .PersonDescription
                                                        {
                                                            border-top: 1px dashed #DDEAF4;
                                                            border-bottom: 1px dashed #DDEAF4;
                                                            padding: 10px 0;
                                                            margin-top: 10px;
                                                        }
                                .newsitem 
                                {
                                    border-bottom: 1px solid #A8C9EC;
                                    margin-left: -15px;
                                    padding-left: 15px;
                                    padding-right: 15px;
                                    width: 712px;
                                    /**Full border width fix **/
                                }
                                .newsitem.last
                                {
                                    border:none;
                                }
                                
                                .newsitem .metainfo .pubDate
                                {
                                    color:#7AA3CF;
                                }
                                 .newsitem .metainfo .pubDate, .newsitem .metainfo .newstitle
                                {
                                    font-weight:bold;
                                }
                                .newsitem .toggle 
                                {
                                    cursor:pointer;
                                    text-align:right;
                                    font-size:18px;
                                    margin-bottom:3px;
                                    margin-right: 12px;
                                }
                                .newsitem .summary 
                                {
                                    margin-bottom:5px;
                                }
                                
                                
                #RightCol
                {
                    float: right;
                }
                        #LatestNews
                        {
                            width: 182px /*190px*/;
                            padding: 4px;
                            margin-bottom: 4px;
                            background: #EEF3F9;
                            border: 1px solid #A8C9EB;
                        }
                                #LatestNews h1
                                {
                                    float: left;
                                    margin: 0;
                                    width: 171px;
                                }
                                .LatestNewsRSS
                                {
                                    float: right;
                                    display: block;
                                    height: 24px !important;
                                    width: 19px !important;
                                    padding: 0 !important;
                                    background: url(../images/template/latest_news_rss.gif) top no-repeat;
                                }
                                        .LatestNewsRSS:hover
                                        {
                                            background: url(../images/template/latest_news_rss.gif) bottom no-repeat !important;
                                        }
                                #LatestNewsItems
                                {
                                    width: 182px;
                                    margin-top: 10px;
                                }
                                        #LatestNews a
                                        {
                                            display: block;
                                            width: 160px;
                                            padding: 7px 12px 7px 10px;
                                            font-size: 11px;
                                            text-decoration: none;
                                        }
                                                #LatestNews a:hover
                                                {
                                                    background: #D5E2F0;
                                                }
                                                #LatestNews .Date
                                                {
                                                    color: #526E8D;
                                                    font-weight: bold;
                                                }
                                                #LatestNews .Headline
                                                {
                                                    color: #585956;
                                                }
                        #DownloadNewsViews
                        {
                            width: 182px /*190px*/;
                            padding: 4px;
                            margin-bottom: 4px;
                            background: #EEF3F9;
                            border: 1px solid #A8C9EB;
                        }
                                #DownloadNewsViews a
                                {
                                    margin: 0;
                                    padding: 0;
                                    padding-top: 5px;
                                    padding-left: 11px;
                                    width: 171px;
                                    background: #7E9ECE url(../images/template/download_news_and_views.gif) top right no-repeat;
                                    height: 19px /*24px*/;
                                    color: #EEF2F9;
                                    font-weight: bold;
                                    font-size: 12px;
                                    display: block;
                                    text-decoration: none;
                                }
                                        #DownloadNewsViews a:hover
                                        {
                                            background: #7E9ECE url(../images/template/download_news_and_views.gif) bottom right no-repeat !important;
                                        }
                        #LiteratureLink
                        {
                            width: 182px /*190px*/;
                            padding: 4px;
                            margin-bottom: 4px;
                            background: #EEF3F9;
                            border: 1px solid #A8C9EB;
                        }
                                #LiteratureLink a
                                {
                                    margin: 0;
                                    padding: 0;
                                    padding-top: 5px;
                                    padding-left: 11px;
                                    width: 171px;
                                    background: #7E9ECE url(../images/template/download_news_and_views.gif) top right no-repeat;
                                    height: 19px /*24px*/;
                                    color: #EEF2F9;
                                    font-weight: bold;
                                    font-size: 12px;
                                    display: block;
                                    text-decoration: none;
                                }
                                        #LiteratureLink a:hover
                                        {
                                            background: #7E9ECE url(../images/template/download_news_and_views.gif) bottom right no-repeat !important;
                                        }
        #Footer
        {
            border-top: 1px solid #AEC8E4;
            margin-top: 15px;
            padding-top: 10px;
            width: 100%;
            color: #808285;
            font-size: 10px;
        }
                #FooterLeft
                {
                    float: left;
                    font-weight: bold;
                    margin-left: 8px;
                }
                        #FooterLeft a
                        {
                            text-decoration: none;
                            color: #808285;
                            margin: 0 8px;
                        }
                                #FooterLeft a:hover
                                {
                                    color: #585956;
                                }
                #FooterRight
                {
                    float: right;
                }
                
                
/*** Video Section ***/
#VideoTitle
{
    height: 68px /*83px*/;
    padding: 15px 0 0 15px;
    margin-top: -6px;
    background: url(../images/video/title_bg.jpg) repeat-x;
}
        #VideoTitle h1
        {
            font-size: 20px;
            color: #394F66;
            background: none;
            background: url(../images/video/top_chevron.png) no-repeat top left;
            padding: 0;
            margin: 0;
            padding-left: 20px;
        }
#VideoBox
{
    background: #FFF;
    padding: 15px 0;
}
.VideoCopyBox
{
    background: #EEF3F9;
    border: 1px solid #A8C9EB;
    padding: 4px 40px 10px 15px;
    line-height: 16px;
    margin-top: 6px;
}
        .VideoCopyBox ul
        {
            margin-left: 20px;
        }
                .VideoCopyBox li
                {
                    list-style-image: url(../images/video/bullet_chevron.png);
                    margin: 7px 0;
                    font-weight: bold;
                }
        .TheQuestions
        {
            color: #7D9DCD;
            font-size: 18px;
        }
        #QuestionsBorder
        {
            height: 1px;
            background: #88A6D1;
            border-bottom: 1px solid #C5D4EA;
            margin: 5px 0 10px 0;
        }
        
#game-title { position: relative; z-index: 2; width: 707px; margin: -14px 0 0 118px; padding: 97px 0 0; display: block; height: auto; text-align: center; background:url("../game/Nav_Ice.png") no-repeat;}
#game { position: relative; z-index: 1; width: 800px; margin: -4px 40px ; display: block; height: auto; text-align: center; background:url("../game/Game Area.png") no-repeat; padding: 66px 46px 200px 41px; }
#game-footer { width: 640px; margin: -65px 155px 0; display: block; height: auto; }
#game-footer img { text-align: center; margin: 10px 0; }
#game-footer p { font-size: 9px; text-align: left; color: #808285; } 
