﻿/* ------- MEYERWEB STYLE RESET v2.0 -------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-wrap: break-word;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

@font-face {
    font-family: 'ArapeyItalic';
    src: url('/icsb/files/arapey-italic-webfont.eot');
    src: url('/icsb/files/arapey-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/arapey-italic-webfont.woff') format('woff'),
         url('/icsb/files/arapey-italic-webfont.ttf') format('truetype'),
         url('/icsb/files/arapey-italic-webfont.svg#ArapeyItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'ArapeyRegular';
    src: url('/icsb/files/arapey-regular-webfont.eot');
    src: url('/icsb/files/arapey-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/arapey-regular-webfont.woff') format('woff'),
         url('/icsb/files/arapey-regular-webfont.ttf') format('truetype'),
         url('/icsb/files/arapey-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('/icsb/files/Roboto-Regular-webfont.eot');
    src: url('/icsb/files/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-Regular-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoItalic';
    src: url('/icsb/files/Roboto-Italic-webfont.eot');
    src: url('/icsb/files/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-Italic-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-Italic-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoBold';
    src: url('/icsb/files/Roboto-Bold-webfont.eot');
    src: url('/icsb/files/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-Bold-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('/icsb/files/Roboto-BoldItalic-webfont.eot');
    src: url('/icsb/files/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('/icsb/files/Roboto-Condensed-webfont.eot');
    src: url('/icsb/files/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-Condensed-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('/icsb/files/Roboto-CondensedItalic-webfont.eot');
    src: url('/icsb/files/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('/icsb/files/Roboto-BoldCondensed-webfont.eot');
    src: url('/icsb/files/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-BoldCondensed-webfont.woff/icsb/css/fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('/icsb/files/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('/icsb/files/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}

@font-face {
    font-family: 'RobotoLight';
    src: url('/icsb/files/Roboto-Light-webfont.eot');
    src: url('/icsb/files/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-Light-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-Light-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
@font-face {
    font-family: 'RobotoLightItalic';
    src: url('/icsb/files/Roboto-LightItalic-webfont.eot');
    src: url('/icsb/files/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/icsb/files/Roboto-LightItalic-webfont.woff') format('woff'),
         url('/icsb/files/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('/icsb/files/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
}
* {
    margin: 0;
}
html, body {
    height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    background-image: url(/icsb/images/page_bg.jpg);
    background-repeat: repeat-x;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    font-size: 1em;
    line-height: 1.2em;
    background-color: #011C2F;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

#wrapper {
    width: 100%;
    text-align: center;
    padding: 0;
    min-height: 100%;
    height: auto !important;
    height: 100%; /* the bottom margin is the negative value of the footer's height */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: -60px;
    margin-left: auto;
}
#navigation {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    clear: right;
    height: 103px;
}
#logo {
    height: 110px;
    width: 125px;
    float: left;
    position: absolute;
    z-index: 10000;
}
#logo img {
    border-width: 0px;
    border-style: none;
}

#top_nav {
    height: 42px;
    clear: both;
}
#top_nav #logo_text {
    font-family: 'ArapeyRegular', "Times New Roman", Times, serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    font-size: 1.6em;
    padding-left: 125px;
    text-align: left;
    color: #FFF;
    line-height: 42px;
    height: 42px;
    width: 450px;
    float: left;
    text-transform: uppercase;
}
#top_nav #logo_text a,
#top_nav #logo_text a:hover {
    color: #FFF;
    text-decoration: none;
}
#top_nav #logo_text .large {
    font-size: 115%;
}
#top_nav #search {
    float: right;
    width: 318px;
    height: 42px;
    background-image: url(/icsb/images/search_box.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#top_nav #cse-search-box  {
}
#top_nav #cse-search-box #q {
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 9px;
    margin-left: 3px;
    height: 23px;
    line-height: 23px;
    width: 275px;
    float: left;
    color: #E6BB39;
}
#top_nav #cse-search-box #sbutton {
    float: left;
    height: 40px;
    width: 40px;
    background-color: transparent;
    text-indent: -9999px;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
    color: transparent;
    line-height:0px;
}
#mobile_nav { display:none; }

#main_nav {
    width: 855px;
    float: left;
    list-style: none;
    height: 61px;
    line-height: 61px;
    z-index: 1000;
    position: relative;
    top: 0px;
    padding-left: 125px;
}
#main_nav ul.nav {
    list-style: none;
    width: 855px;
    margin: 0;
    padding: 0;
    z-index: 10000;
    color: #FFF;
    font-size: 1.4em;
    line-height: 0.9em;
}
#main_nav ul.nav li {
    height: 61px;
    text-align: center;
    float: left;
    position: relative;
    line-height: 0.9em;
    padding: 0px;
}
#main_nav ul.nav li.dot {
    height: 61px;
    width: 8px;
    background-image: url(/icsb/images/nav_dot.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#main_nav ul.nav li a {
    float: left;
    height: 37px;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    padding-top: 22px;
    padding-right: 34px;
    padding-left: 34px;
}
#main_nav ul.nav li ul.topnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0px;
    top: 61px;
    margin: 0;
    float: left;
    width: 100%;
    z-index: -1;
    display: none;
    text-transform: none;
    font-size: 0.7em;
    /*line-height: 34px;*/
    background-color: #E6BB39;
    padding: 0px;
}
#main_nav ul.nav li ul.topnav li {
    margin: 0;
    clear: both;
    width: 100%;
    height: auto;
    line-height: 2em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CD9A01;
}
html #main_nav ul.nav li ul.topnav li a {
    float: left;
    width: 100%;
    color: #FFF;
    text-indent: 0px;
    height: auto;
    line-height: inherit;
    padding: 0px;
}
html #main_nav ul.nav li ul.topnav li a:hover { /*--Hover effect for subnav links--*/
    color: #FFF;
    text-decoration: none;
    background-color: #CD9A01;
}
#main_nav ul.nav li ul.topnav ul {
    display:none;
}

.home #billboard { display: block; }
#billboard {
    width:980px;
    height: 397px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    zoom: 1;
    position: relative;
    z-index:100;
    border:none;
    display: none;
}
* html #billboard{ width:980px }
#billboard ul{
    position:relative;
    width: 10000%; 
    left:0;
    list-style:none;
    margin:0;
    padding:0;
}
#billboard ul li{
    width:1%;
    line-height:0; /*opera*/
    float:left;
    font-size:0;
}
#billboard .bb_images{
    position: relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
#billboard .bb_images a{
    width:100%;
    display:block;
    color:transparent;
}
#billboard .bb_images img{
    width:100%;
    border:none 0;
    max-width: none;
}
#billboard a { 
    text-decoration: none; 
    outline: none; 
    border: none; 
}
#billboard  .bb_bullets { 
    font-size: 0px; 
    float: left;
    position:absolute;
    z-index:70;
    padding: 10px; 
}
#billboard .bb_bullets div {
    position:relative;
    float:left;
}
#billboard .bb_bullets a {
    width:17px;
    height:17px;
    text-indent: -4000px;
    position:relative;
    margin-left:3px;
    color:transparent;
    background-image: url(/icsb/images/bb_nav.png);
    background-position: 0px 0px;
    float: left;
}
#billboard .bb_bullets a:hover{ background-position: 0px -17px; }
#billboard .bb_bullets a.bb_selbull{ background-position: 0px -17px; }
#billboard a.bb_next, #billboard a.bb_prev {
    position:absolute;
    display:none;
    top:50%;
    margin-top:-22px;
    z-index:60;
    height: 45px;
    width: 45px;
    background-image: url(/icsb/images/arrows.png);
}
#billboard a.bb_next{
    background-position: 100% 0;
    right:11px;
}
#billboard a.bb_prev {
    left:11px;
    background-position: 0 0; 
}
* html #billboard a.bb_next,* html #billboard a.bb_prev{display:block}
#billboard:hover a.bb_next, #billboard:hover a.bb_prev {display:block}
#billboard .bb-title{
    position:absolute;
    bottom: 81px;
    left: 16px;
    margin-right:25px;
    padding:15px;
    background:#011C2F;
    color:#FFF;
    z-index: 50;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    font-size: 16px;
    text-align: left!important;
    opacity:0.9;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); 
}
#billboard .bb-title div {
    padding-top:5px;
    font-size: 16px;
}
/* bottom center */
#billboard  .bb_bullets {
    bottom: 61px;
    left:844px;
    width: 80px;    
}
#billboard  .bb_bullets div{
    /*left:-50%;*/
}
#billboard ul{
    animation: wsBasic 54s infinite;
    -moz-animation: wsBasic 54s infinite;
    -webkit-animation: wsBasic 54s infinite;
}
@keyframes wsBasic{0%{left:-0%} 3.7%{left:-0%} 5.56%{left:-100%} 9.26%{left:-100%} 11.11%{left:-200%} 14.81%{left:-200%} 16.67%{left:-300%} 20.37%{left:-300%} 22.22%{left:-400%} 25.93%{left:-400%} 27.78%{left:-500%} 31.48%{left:-500%} 33.33%{left:-600%} 37.04%{left:-600%} 38.89%{left:-700%} 42.59%{left:-700%} 44.44%{left:-800%} 48.15%{left:-800%} 50%{left:-900%} 53.7%{left:-900%} 55.56%{left:-1000%} 59.26%{left:-1000%} 61.11%{left:-1100%} 64.81%{left:-1100%} 66.67%{left:-1200%} 70.37%{left:-1200%} 72.22%{left:-1300%} 75.93%{left:-1300%} 77.78%{left:-1400%} 81.48%{left:-1400%} 83.33%{left:-1500%} 87.04%{left:-1500%} 88.89%{left:-1600%} 92.59%{left:-1600%} 94.44%{left:-1700%} 98.15%{left:-1700%} }
@-moz-keyframes wsBasic{0%{left:-0%} 3.7%{left:-0%} 5.56%{left:-100%} 9.26%{left:-100%} 11.11%{left:-200%} 14.81%{left:-200%} 16.67%{left:-300%} 20.37%{left:-300%} 22.22%{left:-400%} 25.93%{left:-400%} 27.78%{left:-500%} 31.48%{left:-500%} 33.33%{left:-600%} 37.04%{left:-600%} 38.89%{left:-700%} 42.59%{left:-700%} 44.44%{left:-800%} 48.15%{left:-800%} 50%{left:-900%} 53.7%{left:-900%} 55.56%{left:-1000%} 59.26%{left:-1000%} 61.11%{left:-1100%} 64.81%{left:-1100%} 66.67%{left:-1200%} 70.37%{left:-1200%} 72.22%{left:-1300%} 75.93%{left:-1300%} 77.78%{left:-1400%} 81.48%{left:-1400%} 83.33%{left:-1500%} 87.04%{left:-1500%} 88.89%{left:-1600%} 92.59%{left:-1600%} 94.44%{left:-1700%} 98.15%{left:-1700%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 3.7%{left:-0%} 5.56%{left:-100%} 9.26%{left:-100%} 11.11%{left:-200%} 14.81%{left:-200%} 16.67%{left:-300%} 20.37%{left:-300%} 22.22%{left:-400%} 25.93%{left:-400%} 27.78%{left:-500%} 31.48%{left:-500%} 33.33%{left:-600%} 37.04%{left:-600%} 38.89%{left:-700%} 42.59%{left:-700%} 44.44%{left:-800%} 48.15%{left:-800%} 50%{left:-900%} 53.7%{left:-900%} 55.56%{left:-1000%} 59.26%{left:-1000%} 61.11%{left:-1100%} 64.81%{left:-1100%} 66.67%{left:-1200%} 70.37%{left:-1200%} 72.22%{left:-1300%} 75.93%{left:-1300%} 77.78%{left:-1400%} 81.48%{left:-1400%} 83.33%{left:-1500%} 87.04%{left:-1500%} 88.89%{left:-1600%} 92.59%{left:-1600%} 94.44%{left:-1700%} 98.15%{left:-1700%} }

#billboard .bb_bullets a img {
    text-indent:0;
    display:block;
    bottom:20px;
    left:-120px;
    visibility:hidden;
    position:absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
    border-radius:5px;
    -moz-border-radius:5px;
    max-width:none;
}
#billboard .bb_bullets a:hover img {
    visibility:visible;
}
#billboard .bb_bulframe div div {
    height:90px;
    overflow:visible;
    position:relative;
}
#billboard .bb_bulframe div {
    left:0;
    overflow:hidden;
    position:relative;
    width:980px;
    background-color:#FFF;
}
#billboard  .bb_bullets .bb_bulframe {
    display:none;
    bottom:18px;
    overflow:visible;
    position:absolute;
    cursor:pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
    border-radius:5px;
    -moz-border-radius:5px;
}
#billboard .bb_bulframe span {
    display:block;
    position:absolute;
    bottom:-10px;
    margin-left:-4px;
    left:120px;
    background:url(/icsb/images/triangle.png);
    width:15px;
    height:6px;
}
.home #highlights { display: block; }
#highlights {
    width: 948px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: -61px;
    z-index: 20000;
    background-color: #FFF;
    position: relative;
    margin-bottom: 16px;
    display:none;
}
#highlights .columns {
    width: 316px;
    float: left;
    /* [disabled]background-color: #FFF; */
    text-align: left;
    color: #52535e;
    font-size: 0.95em;
    line-height: 1.4em;
}
#highlights .columns:before, #highlights .columns:after { clear:both }
#highlights p  {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 16px;
}
#highlights p a {
    color: #CD3D27;
    font-family: 'RobotoCondensedItalic', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
}
#highlights h1 {
    color: #FFF;
    background-image: url(/icsb/images/highlights_h1.jpg);
    height: 61px;
    line-height: 61px;
    margin-top: 0px;
    width: 316px;
    font-size: 1.55em;
    text-align: left;
    font-weight: normal;
    margin-bottom: 20px;
}
#highlights h1 a {
    padding-left: 66px;
    color: #FFF;
    text-decoration: none;
    display: block;
    background-position: 18px 9px;
    background-repeat: no-repeat;
}

/*
#highlights #col_one h1 a { background-image: url(/icsb/images/icon_process.png); }
#highlights #col_two h1 a { background-image: url(/icsb/images/icon_meetings.png); }
#highlights #col_three h1 a { background-image: url(/icsb/images/icon_app.png); }
*/

.home #content { display: none; }
#content {
    background-image: url(/icsb/images/highlights_h1.jpg);
    background-repeat: repeat-y;
    background-position: 0px top;
    background-color: #FFF;
    text-align: center;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}


#left_nav {
    float: left;
    width: 285px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    min-height: 100px;
}
#left_nav ul.nav {
    font-size: 1.4em;
    color: #FFF;
    list-style-type: none;
    text-align: left;
    text-transform: uppercase;
    padding-left: 0px;
    letter-spacing: .03em;
    font-family: 'ArapeyRegular', Georgia, "Times New Roman", Times, serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */    
    opacity: .99;
    margin-bottom: 20px;
}
#left_nav ul.nav li {
    line-height: 24px;
    border-bottom: 1px solid #cd3a00;
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.about #left_nav ul.nav li.about,
.start #left_nav ul.nav li.start,
.schools #left_nav ul.nav li.schools,
.families #left_nav ul.nav li.families {
    display:block;
}
#left_nav ul.nav li.dot {
    display:none;
}
#left_nav ul.nav li a {
    text-decoration: none;
    color: #FFF;
}
#left_nav ul.nav ul.subnav {
    font-size: .65em;
    text-transform: none;
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */    
    opacity: .99;
    margin-left: 25px;
    letter-spacing: normal;
    margin-top: 10px;
    display:none;
}
#left_nav ul.nav ul.subnav li {
    border-bottom-style: none;
    line-height: 32px;
    background-image: url(/icsb/images/icon_grad_cap.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 20px;
    display:block;
    padding-top: 0px;
    padding-bottom: 0px;
}
#left_widgets {
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */    
    opacity: .99;
    width: 285px;
    font-size: 1em;
    color: #FFF;
    text-align: left;
}
#left_widgets a {
    color: #FFF;
}
#left_widgets ul {
    text-transform: none;
    margin-left: 25px;
    letter-spacing: normal;
    margin-bottom: 10px;
}
#left_widgets ul li {
    border-bottom-style: none;
    line-height: 32px;
    background-image: url(/icsb/images/icon_grad_cap.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 20px;
    display:block;
}

#breadcrumbs {
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    font-size: 0.7em;
    color: #52535e;
    width: 605px;
    line-height: 1.6em;
    float: left;
    clear: right;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 0px;
    text-align: left;
}
#breadcrumbs a {
    color: #CD3D27;
    text-decoration: underline;
    font-family: 'RobotoRegular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
}

#content_right {
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    float: left;
    text-align: left;
    width: 605px;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #52535e;
    font-size: 1em;
    line-height: 1.4em;
}

#content_right h1  {
    color: #CD3D27;
    line-height: 2.4em;
    font-size: 1.6em;
    font-weight: normal;
}
#content_right h1 a { 
    font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    text-decoration: none;
}
#content_right h2 {
    color: #cd9a00;
    line-height: 2.4em;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
#content_right h3 {
    line-height: 1.2em;
    font-weight: normal;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    margin-bottom: 8px;
    font-size: 1.15em;
    padding-top:24px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
}
#content_right h4 {
    line-height: 1.1em;
    font-weight: normal;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    margin-bottom: 5px;
    font-size: .9em;
}

#content_right h5 {
    line-height: 1.1em;
    font-weight: normal;
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
    margin-bottom: 8px;
    font-size: 1.05em;
    padding-top:24px;
}
#content_right p { margin-bottom: 16px; }

#content_right em, #content_right i { 
    font-family: 'RobotoCondensedItalic', Arial, Helvetica, sans-serif;
}
#content_right strong, #content_right b { 
    font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
}

#content_right strong em, #content_right em strong, #content_right b i, #content_right i b { 
    font-family: 'RobotoBoldCondensedItalic', Arial, Helvetica, sans-serif;
}

#content_right ul {
    margin-left: 35px;
    list-style-type: disc;
    margin-bottom: 15px;
}
#content_right li {padding: auto;}

#content_right a { 
    color: #CD3D27;
    font-family: 'RobotoCondensedItalic', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  
    opacity: .99;
}
#content_right table { border: 1px solid #ddd; }
#content_right table thead {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    background-color: #eee;
}
#content_right table tr {}
#content_right table tr td {
    border-bottom: 1px solid #eee;
    padding: 3px;
    font-size: .85em;
    line-height: 1.2em;
}
#content_right table thead span {
    font-size: .8em; 
    font-weight: normal;
}
#content_right #flashcontent3 { margin-bottom: 20px; }

#footer {
    background-image: url(/icsb/images/footer_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}
#footer, .push {
    height: 60px; /* .push must be the same height as .footer */
}
#footer p {
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .03em;
    font-size: .9em;
    line-height: 60px;
}
#footer p a {
    color: #FFF;
    text-decoration: none;
}
#footer p .spacer{
    margin-right: 15px;
    margin-left: 15px;
}
#social_icons { 
    margin-left: 0px; padding-bottom: 25px; position: relative; left: -100px;
}