html{height: 100%;}
body{
font: normal 62.8%/1.6 Trebuchet MS, Arial, Helvetica, sans-sarif;
background: #ffffff url(../../graphics/bg-new.png) repeat-x;
height: 100%;}
.hidden{display: none;}
.hidden4screen{display: none;}
.align-left{display: block; float: left; margin: 0px 15px 15px 0px;}
.align-right{display: block; float: right; margin: 0px 0px 15px 15px;}
.align-center{display: block; position: relative; margin: 0px auto 0px auto;}
.accordion {}
div[class ^="accordion"] {padding-bottom: 0px;}
.accordion-spacer {height: 30px;}
.image-link {}
/* -- Colors ------------------ */
.color-blue-reflex {color: #2e3191;}
.color-black {color: #000000;}
.color-orange {color: #e88815;}
.color-green {color: #9fb70f;}
.color-cyan {color: #49c0e5;}
.color-teal {color: #007ac2;}
.color-blue {color: #2e4082;}
.color-grey {color: #4f565c;}
.color-grey-light {color: #c4bdbc;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Layout Elements <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
/* -- Header ------------------ */
#top{margin: 10px auto 0px auto; position: relative; width: 940px;}
#top-fade{background: #ffffff url(../../graphics/bg-top-fade.gif) repeat-x; height: 20px; width: 100%;}
#header{background: #ffffff url(../../graphics/bg-header.gif) no-repeat; height: 88px; width: 940px;}
#header-links{height: 25px; margin: 0px auto 0px auto; position:absolute; top: 6px; right: 4px; width: 450px;}
#header-links p{font: normal 12px/25px Trebuchet MS, Arial, Helvetica, sans-sarif; color: #999999; text-align: right;}
#header-links a:link, #header-links a:visited, #header-links a:active {text-decoration: none; color: #999999;}
#header-links a:hover {text-decoration: underline; color: #999999;}
/* -- Area Shape Logo --------- */
#logo a, #logo a:hover{display: block; float: left; height: 60px; margin: 15px 0px 0px 5px; width: 275px;}
/* -- Search Content --------------- */
#search-content{ float: right; height: 25px; margin: 35px 0px 0px 0px; width: 417px;}
#search-content form { margin:0px; padding:0px;}
#search-content form input{
background:#ffffff; border: #dfdfdf 1px solid; margin: 0px; padding: 3px 5px 0px 5px;}
#search-content form input#search-box{
font: normal 13px Trebuchet MS, Arial, Helvetica, sans-sarif;
float:left; color: #b6b6b6; height: 20px; width: 365px;}
#search-content form input#search-box:focus {background:#ededed; color: #989898;}
#search-content form input#search-btn {
background: #fff url(../../graphics/search-icon.gif) no-repeat;
border: none; display: block; font-size: 0px; text-align:right; color: #007ac2;
float:left; height: 25px; padding: 0px; margin: 0px; width: 36px;}
#search-content form input#search-btn:hover {
background: #fff url(../../graphics/search-icon-over.gif) no-repeat; cursor:pointer;}
/* -- Top Nav --------------- */
#nav-top{background: #cccccc url(../../graphics/bg-nav-top-new.gif) repeat-x; height: 38px; width: 940px;}
#nav-top ul, #nav-top ul#menu { margin: 0; padding: 0;}
#menu li{display: block; float: left; height: 38px; list-style: none;}
#menu li a{background: url(../../graphics/btns-nav-top-new-rounded.gif) 0 0 no-repeat; height: 38px; display: block;}
#menu li#contractors a{background-position: 0 0; width: 235px;}
#menu li#homeowners a{background-position: -235px 0; width: 235px;}
#menu li#engineers a{background-position: -470px 0; width: 235px;}
#menu li#about-us a{background-position: -705px 0; width: 235px;}
#menu li#contractors a:hover, #menu li#contractors a:focus {background-position: 0 -38px;}
#menu li#homeowners a:hover, #menu li#homeowners a:focus {background-position: -235px -38px;}
#menu li#engineers a:hover, #menu li#engineers a:focus {background-position: -470px -38px;}
#menu li#about-us a:hover, #menu li#about-us a:focus {background-position: -705px -38px;}
#menu li#contractors-on a, #menu li#contractors-on a:hover, #menu li#contractors-on a:focus{background-position: 0 -76px; width: 235px;}
#menu li#homeowners-on a, #menu li#homeowners-on a:hover, #menu li#homeowners-on a:focus{background-position: -235px -76px; width: 235px;}
#menu li#engineers-on a, #menu li#engineers-on a:hover, #menu li#engineers-on a:focus{background-position: -470px -76px; width: 235px;}
#menu li#about-us-on a, #menu li#about-us-on a:hover, #menu li#about-us-on a:focus{background-position: -705px -76px; width: 235px;}
/* -- Breadcrumbs ------------------ */
#nav-breadcrumbs{background: #007ac2; height: 27px; width: 940px;}
#breadcrumbs{
font: normal 11px/27px Trebuchet MS, Arial, Helvetica, sans-sarif;
color: #f0f0f0; overflow:hidden; padding-left:10px; text-align:left;}
#breadcrumbs a{text-decoration: none; color: #f0f0f0;}
#breadcrumbs a:link, #breadCrumbs a:visited{text-decoration: none; color: #f0f0f0; }
#breadcrumbs a:hover {text-decoration: underline; color: #f0f0f0;}
#breadcrumbs a:active {text-decoration: underline; color: #f0f0f0;}
/* -- Container --------------- */
#container{ margin: 0px auto 0px auto; z-index: 500; padding: 0px 0px 100px 0px; position: relative; width: 940px;}
#home-container{ margin: 0px auto 0px auto; z-index: 500; padding: 0px 0px 22px 0px; position: relative; width: 960px;}
/* -- Content ----------------- */
#content{float: right; margin-left: 20px; width: 740px;}
#content.fullwidth{float: none; margin: 0px 0px 0px 10px; width: 930px;}
#content #column-left{ float: left; border: #cccccc solid; border-width: 0px 1px 0px 0px; padding-right: 40px; width: 499px;}
#content #column-right{ float: left; width: 200px;}
/* -- Home Elements --------- */
#home-content{ margin: 0px auto 0px auto; position: relative; width: 940px;}
/* -- Home Banner --------- */
#cemstone-banner {
background: #ffffff;
padding: 0px 10px 20px 10px; height: 340px; width: 940px;}
/* -- Home Banner (Static) --------- */
#cemstone-banner div{ float:left; height: 340px;}
#cemstone-banner div#column-1 {background-image: url(../../graphics/slide-aggregates.gif); width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-2 {background-image: url(../../graphics/slide-ready-mix-concrete.gif); width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-3 {background-image: url(../../graphics/slide-concrete-placing.gif); width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-4 {background-image: url(../../graphics/slide-masonry-landscaping.gif); width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-5 {background-image: url(../../graphics/slide-construction-materials.gif); width: 50px; height: 340px; display: block;}
#cemstone-banner div#feature {background-image: url(../../graphics/banner-feature-2.jpg); width: 690px; height: 340px; display: block;}
#cemstone-banner div#column-1 a:link, #cemstone-banner div#column-1 a:visited, #cemstone-banner div#column-1 a:active {width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-2 a:link, #cemstone-banner div#column-2 a:visited, #cemstone-banner div#column-2 a:active {width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-3 a:link, #cemstone-banner div#column-3 a:visited, #cemstone-banner div#column-3 a:active {width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-4 a:link, #cemstone-banner div#column-4 a:visited, #cemstone-banner div#column-4 a:active {width: 50px; height: 340px; display: block;}
#cemstone-banner div#column-5 a:link, #cemstone-banner div#column-5 a:visited, #cemstone-banner div#column-5 a:active {width: 50px; height: 340px; display: block;}
#cemstone-banner div#feature a:link, #cemstone-banner div#feature a:visited, #cemstone-banner div#feature a:active {width: 690px; height: 340px; display: block;}
#cemstone-banner div#column-1:hover { background-image: url(../../graphics/slide-aggregates-over.gif);}
#cemstone-banner div#column-2:hover { background-image: url(../../graphics/slide-ready-mix-concrete-over.gif);}
#cemstone-banner div#column-3:hover { background-image: url(../../graphics/slide-concrete-placing-over.gif);}
#cemstone-banner div#column-4:hover { background-image: url(../../graphics/slide-masonry-landscaping-over.gif);}
#cemstone-banner div#column-5:hover { background-image: url(../../graphics/slide-construction-materials-over.gif);}
#cemstone-banner div#feature:hover { background-image: url(../../graphics/banner-feature-ccs.jpg);}
/* -- Home Banner (Dynamic) --------- */
#cemstone-banner div#feature-1, #cemstone-banner div#feature-2, #cemstone-banner div#feature-3, #cemstone-banner div#feature-4, #cemstone-banner div#feature-5 {width: 690px; height: 340px; display: block;}
#cemstone-banner div#feature-1 a, #cemstone-banner div#feature-2 a, #cemstone-banner div#feature-3 a, #cemstone-banner div#feature-4 a, #cemstone-banner div#feature-5 a {width: 690px; height: 340px; display: block;}
#image-1, #image-2, #image-3, #image-4, #image-5 {width: 690px; height: 340px; display: block; cursor:pointer;}
#rollover-1, #rollover-2, #rollover-3, #rollover-4, #rollover-5 {width: 690px; height: 340px; display: block; cursor:pointer;}
#image-1 {background-image: url(../../graphics/banner-feature-2-new.jpg);}
#image-2 {background-image: url(../../graphics/banner-feature-ready-mix.jpg);}
#image-3 {background-image: url(../../graphics/banner-feature-placing.jpg);}
#image-4 {background-image: url(../../graphics/banner-feature-masonry.jpg);}
#image-5 {background-image: url(../../graphics/banner-feature-ccs.jpg);}
#rollover-1 {background-image: url(../../graphics/banner-feature-2-new.jpg);}
#rollover-2 {background-image: url(../../graphics/banner-feature-ready-mix.jpg);}
#rollover-3 {background-image: url(../../graphics/banner-feature-placing.jpg);}
#rollover-4 {background-image: url(../../graphics/banner-feature-masonry.jpg);}
#rollover-5 {background-image: url(../../graphics/banner-feature-ccs.jpg);}
/* -- Horizontal Accordion --------- */
.home-accordion{display: none;}
.container-accordion {width:990px;}
.container-accordion ul{list-style-type: none; margin: 0px; padding:0px;}
.container-accordion li{display: inline; margin: 0px; padding:0px;}
.handle-column { float: left; width: 50px; height: 314px; text-align:center; cursor:pointer;}
.handle-column img{} .handle-column-over{} .handle-column-over img{}.handle-column-selected{}
.contentContainer { padding-left: 0px; float: left; width: 0px; height: 310px; overflow:hidden;}
.contentWrapper{text-align: justify;}
.contentInnerWrapper{padding: 0px;}
.contentInnerWrapper img {border: 0px;}
/* -- Home Icons ------------------ */
#home-icons {
background: #ffffff url(../../graphics/bg-home-icons-new.gif) no-repeat;
height: 86px; margin: 0px auto 22px auto; position: relative; width: 940px;}
#home-icons ul, #home-icons ul#icons {margin: 0px; padding: 13px 0px 0px 0px;}
#home-icons ul#icons a:link, #home-icons ul#icons a:visited, #home-icons ul#icons a:active { height: 60px; display: block;}
#icons li{display: block; float: left; height: 60px; list-style: none; background-repeat: no-repeat; margin-left:40px; }
#icons li#event-and-training-calendar { background-image: url(../../graphics/icon-event-calendar.gif); width: 188px;}
#icons li#event-and-training-calendar:hover { background-image: url(../../graphics/icon-event-calendar.gif);}
#icons li#business-forms { background-image: url(../../graphics/icon-business-forms.gif); width: 188px;}
#icons li#business-forms:hover { background-image: url(../../graphics/icon-business-forms.gif);}
#icons li#in-the-news { background-image: url(../../graphics/icon-in-the-news.gif); width: 188px;}
#icons li#in-the-news:hover { background-image: url(../../graphics/icon-in-the-news.gif);}
#icons li#contact-us { background-image: url(../../graphics/icon-contact-us.gif); width: 188px;}
#icons li#contact-us:hover { background-image: url(../../graphics/icon-contact-us.gif);}
#home-stories h2 {padding:10px; font-size:22px; font-family:Georgia, 'Times New Roman', Times, serif; color:#007ac2}
#home-stories p {font-size:14px; color:#666; padding:10px;}
#home-stories ul li {color:#666; font-size:14px;}
/* -- Home Events --------- */
#home-content-events{
background: #ffffff url(../../graphics/bg-home-events-new.gif) no-repeat;
float: left; margin-left: 20px; height: 935px; padding: 35px 30px 30px 30px; width: 200px;}
#home-content-events dl{ margin: 0px; padding: 0px; width: 200px;}
#home-content-events dl dt{
background:#ffffff;
font: bold 12px/18px Trebuchet MS, Arial, Helvetica, sans-sarif;
color: #4f565c; padding: 11px 0px 0px 0px; margin: 11px 0px 0px 0px;}
#home-content-events dl dd{
font: normal 11px/18px Trebuchet MS, Arial, Helvetica, sans-sarif;
color: #4f565c; padding: 0px 0px 4px 0px;}
#home-content-events a:link,#home-content-events a:visited {
text-decoration: none; color: #4f565c; font-weight: bold;}
#home-content-events a:hover {
text-decoration: none; color: #007ac2;}
#home-content-events table a:active {
text-decoration: none; color: #4f565c;}
/* -- Home Categories --------- */
#home-content-categories{
background: #ffffff url(../../graphics/bg-home-categories-new.gif) no-repeat;
float: left; padding: 40px 30px 30px 30px; height: 930px; width: 600px;}
.home-column{float: left; height: 230px; margin-right: 13px; width: 140px;}
.home-column-last{float: left; height: 230px; margin-right: 0px; width: 140px;}
.home-column ul, .home-column-last ul {
list-style: none; margin: 12px 0px 0px 0px; padding: 0px; width: 140px;}
.home-column ul li, .home-column-last ul li {
font: normal 12px/25px Trebuchet MS, Arial, Helvetica, sans-sarif;
color: #4f565c; display: block; height: auto; list-style: none;
margin: 0px; padding: 0px 0px 0px 11px; width: 129px;}
.home-column ul li a, .home-column-last ul li a {
display: block; color: #4f565c; height: auto; padding: 0px 0px 0px 10px;
margin-left: -10px; text-decoration: none; width: 129px;}
.home-column ul li a:hover, .home-column-last ul li a:hover{
background: #f5f5f5;
color: #007ac2;
text-decoration: none;}
/* -- Home Column Graphics --------- */
#home-img-events{
background: #ffffff url(../../graphics/in-the-spotlight.gif) no-repeat;
height: 21px; width: 200px;}
#home-img-academics, #home-img-admissions, #home-img-campus-life, #home-img-status, #home-img-engineers, #home-img-contractors, #home-img-about-us, #home-img-homeowners{
height: 24px; margin: 0px 10px 0px 10px; width: 120px;}
#home-img-academics{
background: #ffffff url(../../graphics/home-img-academics.gif) no-repeat;}
#home-img-admissions{
background: #ffffff url(../../graphics/home-img-admissions.gif) no-repeat;}
#home-img-campus-life{
background: #ffffff url(../../graphics//home-img-campus-life.gif) no-repeat;}
#home-img-status{
background: #ffffff url(../../graphics/home-img-status.gif) no-repeat;}
#home-img-engineers{
background: #ffffff url(../../graphics/home-img-engineers.gif) no-repeat;}
#home-img-contractors{
background: #ffffff url(../../graphics/home-img-contractors.gif) no-repeat;}
#home-img-about-us{
background: #ffffff url(../../graphics/home-img-about-us.gif) no-repeat;}
#home-img-homeowners{
background: #ffffff url(../../graphics/home-img-homeowners.gif) no-repeat;}
/* -- Left Nav --------- */
#nav-left {float:right; padding: 1px 0px 0px 0px; width: 180px;}
/* -- Level One --------- */
#nav-left ul {list-style: none; margin: 0px; padding: 0px; width: 180px;}
#nav-left ul li {
font: bold 12px/30px Arial, Helvetica, sans-serif;
color: #007ac2; display: inline; height: auto; margin: 0px; padding: 0px;}
#nav-left ul li a {
background: url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat;
display: block; color: #007ac2; height: auto; padding: 0px 0px 0px 10px; text-decoration: none; width: 170px;}
#nav-left ul li a:hover{
background: #007ac2 url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat;
color: #fff; text-decoration: none;}
#nav-left ul li.on a {
background: #007ac2 url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat;
color: #fff;}
#nav-left ul li.on ul li a { background-color: #cccccc;}
#nav-left ul li.on ul li a:hover { background: #cccccc;}
/* -- Level Two --------- */
#nav-left ul li ul {display: none; list-style: none;}
#nav-left ul li.on ul {display: block;}
#nav-left ul li.on ul { margin: 0px; padding: 0px; width: 180px;}
#nav-left ul li.on ul li {
font: bold 11px/30px Arial, Helvetica, sans-serif;
color: #555f6a; display: inline; height: auto; margin: 0px; width: 180px;}
#nav-left ul li.on ul li a {
background: #cccccc; display: block; color: #555f6a; height: auto;
padding: 0px 0px 0px 10px; text-decoration: none; width: 170px;}
#nav-left ul li.on ul li a:hover {
background: #f0f0f0; color: #555f6a; text-decoration: none;}
#nav-left ul li.on ul li.on a {
background: #f0f0f0; color: #007ac2;}
#nav-left ul li.on ul li.on ul li a { background-color: #f0f0f0;}
#nav-left ul li.on ul li.on ul li a:hover { background: #f0f0f0;}
/* -- Level Three --------- */
#nav-left ul li.on ul li ul {display: none; list-style: none;}
#nav-left ul li.on ul li.on ul {display: block;}
#nav-left ul li.on ul li.on ul { margin: 0px; padding: 0px; width: 180px;}
#nav-left ul li.on ul li.on ul li {
font: normal 11px/22px Arial, Helvetica, sans-serif;
color: #555f6a; display: inline; height: auto; margin: 0px;
text-transform: none;width: 180px;}
#nav-left ul li.on ul li.on ul li a {
background: #f0f0f0; display: block; color: #555f6a; height: auto;
padding: 0px 0px 0px 15px; text-decoration: none; width: 165px;}
#nav-left ul li.on ul li.on ul li a:hover {
background: #e0e0e0; color: #555f6a; text-decoration: none;}
#nav-left ul li.on ul li.on ul li.on a {
color: #007ac2; text-decoration:underline;}
#nav-left ul li.on ul li.on ul li.on ul li a { background-color: #f0f0f0;}
#nav-left ul li.on ul li.on ul li.on ul li a:hover { background: #fff;}
/* -- Level Four --------- */
#nav-left ul li.on ul li.on ul li ul {display: none; list-style: none;}
#nav-left ul li.on ul li.on ul li.on ul {display: block;}
#nav-left ul li.on ul li.on ul li.on ul { margin: 0px; padding: 0px; width: 180px;}
#nav-left ul li.on ul li.on ul li.on ul li {
font: normal 11px/22px Arial, Helvetica, sans-serif;
color: #555f6a; display: inline; height: auto; margin: 0px;
text-transform: none;width: 180px;}
#nav-left ul li.on ul li.on ul li.on ul li a {
background: #f0f0f0; display: block; color: #555f6a; height: auto;
padding: 0px 0px 0px 15px; text-decoration: none; width: 165px;}
#nav-left ul li.on ul li.on ul li.on ul li a:hover {
background: #e0e0e0; color: #555f6a; text-decoration: none;}
#nav-left ul li.on ul li.on ul li.on ul li.on a {
color: #007ac2; text-decoration:underline;}
#nav-left ul li.on ul li.on ul li.on ul li.on ul li a { background-color: #f0f0f0;}
#nav-left ul li.on ul li.on ul li.on ul li.on ul li a:hover { background: #fff;}
/* -- Bannner ------------------ */
#current-page-title, #current-page-title-video {
background: #2e4082 url(../../graphics/bg-current-page-title-blue-new.gif) no-repeat right;
height: 60px; width: 740px;}
#content.fullwidth #current-page-title{ width: 930px; margin-bottom: 22px;}
#content.fullwidth #current-page-title-video{width: 930px;}
#content.popup-event #current-page-title{
background: #2e4082 url(../../graphics/bg-title-popup.gif) no-repeat right;
height: 60px; width: 500px; margin-bottom: 22px;}
.banner { margin: 0px 0px 22px 0px;}
.banner img, #content .banner img {padding:0px; border: none;}
/* -- Footer ------------------ */
#bottom{background: #ededed url(../../graphics/bg-bottom-new.gif) repeat-x; height: 130px; width: 100%;}
#footer{ height: 130px; margin: 0px auto 0px auto; width: 940px;}
#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #999999;}
#footer a:hover {text-decoration: underline;color: #2e4082;}
#footer a.icon-rss-old {background: transparent url(../../graphics/icon_feed.gif) no-repeat right; padding: 5px 23px 5px 0;}
#footer a.icon-rss {background: transparent url(../../graphics/icon_feed.gif) no-repeat right; padding: 5px 16px 5px 0; text-decoration:none;}
#footer a.icon-facebook{background: transparent url(../../graphics/icon_facebook.png) no-repeat right; padding: 5px 16px 5px 0; text-decoration:none;}
#footer a.icon-twitter {background: transparent url(../../graphics/icon_twitter.png) no-repeat right; padding: 5px 16px 5px 0; text-decoration:none;}
#footer a.icon-youtube {background: transparent url(../../graphics/icon_youtube.gif) no-repeat right; padding: 5px 16px 5px 0; text-decoration:none;}
#footer #cemstone-address{border-bottom: #cccccc solid 0px; height: 47px; padding-top: 13px; width: 940px;}
#footer #cemstone-address p{font: normal 12px/47px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#666666; text-align:right;}
#footer #cemstone-address a:link, #footer #cemstone-address a:visited, #footer #cemstone-address a:active {text-decoration: none; color: #666666;}
#footer #cemstone-address a:hover {text-decoration: underline; color: #2e4082;}
#footer #cemstone-address #links{float:left; width:240px;}
#footer #cemstone-address #links p{color:#999999; text-align:right;}
#footer #cemstone-address #links div{float:left; width:125px; margin: 16px 0 0 0px;}
#footer #cemstone-links{height: 37px; width: 940px;}
#footer #cemstone-links p.copy { font: normal 11px/37px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#999999; text-align:right; float:left;}
#footer #cemstone-links p{ font: normal 11px/37px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#999999; text-align:right; float:right;}
#footer #cemstone-links #copyright{ float:left; width:420px; padding-left:0px;}
#footer #cemstone-links #copyright p{text-align:left; padding-top: 5px; font: normal 11px/27px Trebuchet MS, Arial, Helvetica, sans-sarif;}
/* -- Clear Fix --------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { clear:both;}
/* -- Content Layout Elements --------------- */
#content .half-left{width: 350px; margin: 0 20px 0 0; float: left;}
#content .half-right{ width: 350px; margin: 0 0 0 20px; float: right;}
#content #column-left .half-left{ width: 229px; margin: 0 20px 0 0; float: left;}
#content #column-left .half-right{ width: 229px; margin: 0 0 0 20px; float: right;}
#content.fullwidth .half-left{width: 445px; margin: 0 20px 0 0; float: left;}
#content.fullwidth .half-right{ width: 445px; margin: 0 0 0 20px; float: right;}
.google-map {text-align:center; font-size: 11px; float:right; width:130px; height:91px; margin: 4px 0px 4px 0px;}
.google-search {position:relative; margin: 0px auto 0px auto; width: 280px;}
#semesterfloat{
float:right; width: 200px; font-size: 12px; margin: 5px;
padding: 0; text-align: right; line-height: 15px;}
.terms-frame{
height: 300px; overflow: auto; padding: 20px;
background:#fefefe; border: #cccccc 1px solid;}
.notification {font: normal 12px/24px Trebuchet MS, Arial, Helvetica, sans-sarif;
height: 24px; text-align:center; display:block; color: #e88815;
margin: 0px auto 10px auto; width: 940px;}
.div-align-left-200px{display: block; float: left; margin: 0px 15px 15px 0px; text-align:left; width: 206px;}
.div-align-right-200px{display: block; float: right; margin: 0px 0px 15px 15px; text-align:left; width: 206px;}
.div-align-right-300px{display: block; float: right; margin: 0px 0px 15px 15px; text-align:left; width: 306px;}
.div-align-right-150px{display: block; float: right; margin: 0px 0px 15px 15px; text-align:center; width: 156px;}
.div-align-right-60px{display: block; float: right; margin: 0px 0px 15px 15px; text-align:left; width: 66px;}
.div-school-code{display: block; float:right; padding: 5px 0px 0px 0px; text-align:right; font-size:12px; width: 200px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table Elements <<<---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#content td, #content th {font-size: 13px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Form Elements <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#content form {margin:0px; padding:0px;}
#content form input, #content form textarea, #content form select {
background:#ffffff; border: #cccccc 1px solid; color: #808080;
height: 20px; font: normal 13px/20px Trebuchet MS, Arial, Helvetica, sans-sarif; margin: 0 0px 2px 0; padding: 3px 5px 0px 5px;}
#content form input.TEXTFIELD1, #content form input.TEXTFIELD2, #content form input.TEXTFIELD3, #content form input.TEXTFIELD4, #content form input.TEXTFIELD5, #content form input.TEXTFIELD6, #content form input.TEXTFIELD7, #content form select.SELECT1, #content form textarea.TEXTFIELD3 {margin:0 0 0 0; padding:0 0 0 0;}
#content form textarea {height:auto; overflow: auto;padding: 3px 5px 3px 5px;}
#content form select{height: 26px; padding: 3px 5px 3px 5px;}
#content form label {font-size: 13px; line-height: 26px;}
#content form input:focus, #content form textarea:focus, #content form select:focus {background:#ededed;}
#content form input.input-radio, #content form input.input-checkbox{background: none; border: none; height: auto; margin: 0 5px 0 0; padding: 0px;}
#content form input[type ^="radio"], #content form input[type ^="checkbox"] {background: none; border: none; height: auto; margin: 0 5px 0 0; padding: 0px;}
#content form input.input-button{height: 26px; padding: 0px 10px 0px 10px; display: inline-block;}
#content form input[type ^="submit"], #content form input[type ^="reset"] {height: 26px; padding: 0px 10px 0px 10px; display: inline-block;}
#content form input.input-button:hover { background-color:#ededed;}
#content form label:hover {cursor:pointer;}
/* -- Validation ------------------ */
#content form input.error, #content form textarea.error{ border: 1px solid #485582; background:#c8ccde;}
#content form input.error:focus, #content form textarea.error:focus {background:#c8ccde;}
.required, .email, .url, .date, .number, .creditcard{}
.txt-required {color: #e00000;}
.div-error-msg { display: none; }
/* -- Layout ------------------ */
.div-280px{ text-align:right; width: 292px; display:block;}
.div-480px{ text-align:right; width: 492px; display:block;}
/* -- Input Sizes ------------------ */
#content form input.input-30px, #content form textarea.input-30px{width: 30px;}
#content form input.input-35px, #content form textarea.input-35px{width: 35px;}
#content form input.input-40px, #content form textarea.input-40px{width: 40px;}
#content form input.input-40px, #content form textarea.input-40px{width: 45px;}
#content form input.input-50px, #content form textarea.input-50px{width: 50px;} #content form select.input-50px {width: 62px;}
#content form input.input-60px, #content form textarea.input-60px{width: 60px;}
#content form input.input-70px, #content form textarea.input-70px{width: 70px;}
#content form input.input-80px, #content form textarea.input-80px{width: 80px;}
#content form input.input-90px, #content form textarea.input-90px{width: 90px;}
#content form input.input-100px, #content form textarea.input-100px{width: 100px;} #content form select.input-100px {width: 112px;}
#content form input.input-130px, #content form textarea.input-130px{width: 130px;} #content form select.input-130px {width: 142px;}
#content form input.input-150px, #content form textarea.input-150px{width: 150px;} #content form select.input-150px {width: 162px;}
#content form input.input-190px, #content form textarea.input-190px{width: 190px;} #content form select.input-190px {width: 202px;}
#content form input.input-200px, #content form textarea.input-200px{width: 200px;} #content form select.input-200px {width: 212px;}
#content form input.input-280px, #content form textarea.input-280px{width: 280px;} #content form select.input-280px {width: 292px;}
#content form input.input-480px, #content form textarea.input-480px{width: 480px;} #content form select.input-480px {width: 492px;}
#content form input.input-500px, #content form textarea.input-500px{width: 500px;} #content form select.input-500px {width: 512px;}
#content form input.input-680px, #content form textarea.input-680px{width: 680px;} #content form select.input-680px {width: 692px;}
#content form input.input-720px, #content form textarea.input-720px{width: 720px;} #content form select.input-720px {width: 732px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> List Items <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
ul li {list-style: circle; /*list-style: disc;*/}
ul li ul li {list-style: circle; font-size:13px;}
ul li ul li ul li {list-style: disc;}
ol li {list-style: decimal; margin-left: 10px;}
ol li ol li {list-style: lower-alpha; font-size:13px;}
ol li ul li {list-style: circle;}
ol li ol li ol li {list-style: lower-roman;}
ol.list-upper-alpha li {list-style: upper-alpha; margin-left: 10px;}
ol.list-lower-alpha li {list-style: lower-alpha; margin-left: 10px;}
/* -- Vertical Spacing -------- */
li, dt, dd { font-size: 13px; line-height: 22px; }
ul, ol, dl { margin-bottom: 30px; margin-left: 25px; }
ul ul, ol ol, dl dl {margin-left: 28px; }
ul.list-nobullets, ol.list-nobullets, dl.list-nobullets {margin-left: 3px; list-style: none; }
ul ul, ol ol, ol ul, ul ol {margin-bottom: 20px;} ul ul ul, ol ol ol, ol ul ul, ol ol ul, ul ol ol, ul ol ol {margin-bottom: 10px;}
#column-right ul li {list-style: disc;}
#column-right ul,#column-right ol,#column-right dl { margin-bottom: 24px; margin-left: 34px;}
li.li-margin-left-20px{ margin-left: 20px;}
ul.list-nobullets li, ol.list-nobullets li, dl.list-nobullets li {list-style: none; }
ul.nav-content{background: #ededed url(../../graphics/bg-content-nav-new.gif) repeat-x; height: 60px; margin: 0 0 30px 0;}
ul.nav-content li{ float:left; list-style: none; font: bold 14px/60px Trebuchet MS, Arial, Helvetica, sans-sarif;
background: url(../../graphics/bg-content-nav-li2.gif) no-repeat right; color:#999999; padding: 0 15px 0 10px;}
ul.nav-content li.li-last { background:none;}
/*ul.nav-content li:after {content: "|";}
ul.nav-content li.li-last:after {content: "";}*/
#content .nav-content a:link, #content .nav-content a:visited{text-decoration: none; color: #007ac2;}
#content .nav-content a:hover, #content .nav-content a:active{text-decoration: underline; color: #007ac2;}
#content .nav-content li.on a{text-decoration: none; color: #007ac2;}
/* -- Content Tabs -------- */
.tabs-hide {display: none;}
#content .tabs-nav .tabs-selected a, #content .tabs-nav a:hover, #content .tabs-nav a:focus, #content .tabs-nav a:active {
text-decoration: underline; color: #007ac2;}
/* -- Dotleaders -------------- */
#content .dotleader p{ font-size: 13px; vertical-align:bottom; margin:0px; padding: 5px 0px 0px 0px;}
#content .dotleader{ background: #ffffff; margin: 10px 2px 15px 2px; padding: .3em 1em 1em 1.5em;}
#content .dotleader div.dots{ clear: both; height: 23px; border-bottom:1px dotted #000;}
#content .dotleader span.term{ float: left; height: 24px; padding-right: 5px; background:#ffffff;}
#content .dotleader span.page{ float: right; height: 24px; padding-left: 5px; background:#ffffff;}
/* -- Big Numbers -------------- */
#content #applylist{margin: 10px 15px 15px 15px; padding: 0px; background: none; border: none;}
#content #applylist .section { padding: 0px; height: 80px;}
#content #applylist .section .number {
font: bold 36px Trebuchet MS, Arial, Helvetica, sans-sarif;
padding: 0px; margin: 0px 14px 0px 0px; float: left;}
#content #applylist .section .answer {
font: normal 14px/22px Trebuchet MS, Arial, Helvetica, sans-sarif;
padding: 15px 0px; margin: 0px; float: right;}
#content #applylist .section p {
font: normal 14px/22px Trebuchet MS, Arial, Helvetica, sans-sarif;
vertical-align:middle; border-width: 0px 0px 1px 0px;
border-color: #CCCCCC; border-style: solid; padding: 15px 0px; margin: 0px;}
#content #applylist ol, #content #applylist ul{
margin: .5em 2em 0em 6em; padding: .3em 1em;
background: #F0F0F0; border: 1px solid #DFDFDF;}
#content #applylist ol li{margin-left: 3em;}
/* -- Big Numbers -------------- */
#content #registrationlist{ margin: 10px 5px 30px 5px; padding: 0px; background: none; border: none;}
#content #registrationlist .section { padding: 0px;}
#content #registrationlist .section .number {
font: bold 36px Trebuchet MS, Arial, Helvetica, sans-sarif;
padding: 0px; margin: 0px 14px 0px 0px; float: left;}
#content #registrationlist .section p {
font: normal 13px/22px Trebuchet MS, Arial, Helvetica, sans-sarif;
vertical-align:middle; border-width: 0px 0px 1px 0px;
border-color: #CCCCCC; border-style: solid; padding: 5px 0px; margin: 0px;}
#content #registrationlist ol, #content #registrationlist ul{
margin: .5em 2em 0em 6em; padding: .3em 1em;
background: #F0F0F0; border: 1px solid #DFDFDF;}
#content #registrationlist ol li{ margin-left: 3em;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Typography <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
/* -- Paragraphs -------------- */
#footer p{ margin-bottom: 0px;}
#content p, #content {color: #4f565c;}
#content p { margin-bottom: 28px; margin-left: 3px; font-size: 14px; line-height: 22px;}
#courses .coursetxt p{
font-size: 11px; color: #1f1f1f; margin: 5px 5px 14px 5px; line-height: 16px;
text-align:left; font-style:italic;}
#courses .coursedisc p{
font-size: 11px; margin: 0px 5px 14px 5px; line-height: 16px;}
/* -- Styles -------------- */
strong {font-weight:bold;}
em { font-style:italic;}
hr, div.hr{
background: url(../../graphics/bg-strip.gif) top repeat-x; width: 100%; clear:both;
border: none; display:block; height: 5px; padding: 0px; margin: 20px 0px 20px 0px;}
hr.blue {background: url(../../graphics/bg-strip-blue.gif) top repeat-x; width:100%; clear:both;}
.txt-photo-caption, #content td.txt-photo-caption {font-size: 11px;font-style:italic;}
.txt-small, #content p.txt-small{font-size: 11px;}
.txt-small-center {font-size: 11px; text-align:center;}
.txt-align-center {text-align:center;}
.txt-align-right {text-align:right;}
.txt-smallcaps { font-variant:small-caps;}
.txt-smallcaps-bold {font-variant:small-caps; font-weight:bold; color:#333333;}
.txt-smallcaps-georgia {font-variant:small-caps; font-family:Georgia, "Times New Roman", Times, serif;}
.txt-allcaps { text-transform:uppercase;}
.txt-allcaps-bold { text-transform:uppercase; font-weight:bold; color:#333333;}
.txt-allcaps-georgia { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.txt-georgia {font-family:Georgia, "Times New Roman", Times, serif;}
/* -- Footnotes ---------------- */
#content .footnotes p {
font: normal 11px/20px Trebuchet MS, Arial, Helvetica, sans-sarif; margin-bottom: 15px;}
.txt-superscript, sup{font-size: 9px; vertical-align: super; font-weight:bold;}
.txt-subscript, sub{font-size: 9px; vertical-align: sub; font-weight:bold;}
/* -- Pullquote ---------------- */
#content p.txt-pullquote, .txt-pullquote {
font: bold 14px/22px Georgia, "Times New Roman", Times, serif;
font-style: italic; margin: 20px;
text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc;
padding: 10px 0px 10px 0px;}
#content p.txt-pullquote-left, .txt-pullquote-left {
font: bold 14px/22px Georgia, "Times New Roman", Times, serif;
font-style: italic; margin: 20px 5px 20px 5px;
border-bottom:1px solid #ccc; border-top:1px solid #ccc;
padding: 10px 0px 10px 0px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Headers <<<----------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
h1.pagetitle-new {
font: normal 36px Garamond, Georgia, "Times New Roman", Times, serif;
color:#ffffff; margin: 0px 40px 0px 15px;
padding-top: 10px;
position:absolute;
background-color:#007ac2;
}
#current-page-title {
background-color:#007ac2;}
#current-page-title h6, #current-page-title-video h1, #current-page-share h1 {
font: normal 28px Georgia, "Times New Roman", Times, serif;
color:#ffffff; margin: 0px 40px 0px 15px; padding-top: 14px;}
#content.popup-event #current-page-title h6 {margin: 0px 20px 0px 20px;}
#content h2{font: normal 20px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#4f565c; margin: 0px 0px 4px 2px;}
#content h3{font: normal 18px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#4f565c; margin: 0px 0px 0px 2px;}
#content h4{font: bold 16px/24px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#4f565c; margin: 0px 0px 10px 2px; padding: 0px 0px 3px 1px;border-bottom: #cccccc solid 1px;}
#content h5{font: bold 14px/20px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#4f565c; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 1px;}
#content h6{font: bold 13px/20px Trebuchet MS, Arial, Helvetica, sans-sarif; color:#4f565c; margin: 0px 0px 5px 2px; font-style:italic; }
#content h2 a:link, #content h2 a:visited{font-weight: normal;text-decoration: none; color:#007ac2;}
#content h2 a:hover, #content h2 a:active {text-decoration: underline; color: #2e4082;}
#content h3 a:link, #content h3 a:visited, #content h3 a:active {font-weight: normal; text-decoration: none;color: #2e4082;}
#content h3 a:hover {text-decoration: underline; color: #007ac2;}
#content h4 a:link, #content h4 a:visited, #content h4 a:active{text-decoration: none; color: #2e4082;}
#content h4 a:hover {text-decoration: none; color: #007ac2;}
#content h3.h3-w-strip{ background: url(../../graphics/bg-strip-5.gif) bottom repeat-x; padding: 0px 0px 14px 0px;}
#column-right h4{ font: normal 18px/24px Trebuchet MS, Arial, Helvetica, sans-sarif; margin: 0px 0px 10px 20px; padding: 0px 0px 3px 0px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Links <<<------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
/* -- Content ----------------- */
#content a:link, #content a:visited, #content a:active{text-decoration: underline; color: #007ac2; }
#content a:hover{text-decoration: underline; color: #2e4082;}
#content a.popupvword, #content a.popupssn { text-decoration: underline; color: #2e4082; cursor:pointer;}
#content .google-map a {text-decoration:none;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Graphic Buttons <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#btn-register-pay-online, #btn-register-pay-online a{display: block; height: 40px; width: 331px;}
#btn-register-pay-online {background-image: url(../../graphics/register-pay-online.gif); margin-bottom: 30px;}
#btn-register-pay-online:hover {background-image: url(../../graphics/register-pay-online-over.gif);}
#btn-auto-service-repair, #btn-auto-service-repair a{display: block; height: 40px; width: 351px;}
#btn-auto-service-repair {background-image: url(../../graphics/auto-service-repair.gif); margin-bottom: 30px;}
#btn-auto-service-repair:hover {background-image: url(../../graphics/auto-service-repair-over.gif);}
#content a.button{
background: #2e4082; border: #58669b 3px solid; color: #ffffff; display: inline;
font: bold 14px/22px Georgia, "Times New Roman", Times, serif; text-decoration: none;
margin: 0 10px 0 10px; padding: 8px 12px 8px 12px;}
#content a.button:hover, #content a.button:active{background: #58669b;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Image Styles <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#content img {border: #cccccc 1px solid; padding: 2px;}
#content img.img-noborder {border: none;}
.img-thumb2px {border: #cccccc 1px solid; padding: 2px;}
.img-thumb4px {border: #cccccc 1px solid; padding: 4px;}
img.align-left{float: left; margin: 5px 15px 15px 0px;}
img.align-right{float: right; margin: 5px 0px 15px 15px;}
img.img-margin-left-20px{margin: 0px 0px 0px 20px;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Video Gallery <<<----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#video-place-holder-854 {height: 523px; width: 930px; display:block; overflow:hidden;margin-bottom: 30px;}
#content ul.gallery {list-style: none;margin: 0; padding: 0;}
#content ul.gallery img {padding: 0; margin: 0; border:none;}
#content ul.gallery li, #content ul.gallery li.on {
float: left; width: 215px; height: 180px; padding: 2px; margin: 0 10px 20px 0;
text-align: center; background: #f0f0f0; border: 1px solid #ccc; display: inline; overflow:hidden;}
#content ul.gallery li a , #content ul.gallery li.on a{text-decoration: none; color: #777; display: block;}
#content ul.gallery li a.thumb, #content ul.gallery li.on a.thumb-on{
width: 215px;height: 121px; border-bottom: 1px solid #ccc; cursor: pointer;}
#content ul.gallery .img-spacer {
height:2px; border-bottom: 1px solid #ccc;}
#content ul.gallery li span, #content ul.gallery li.on span{
width: 215px; height: 121px; overflow: hidden; display: block;}
#content ul.gallery li p, #content ul.gallery li.on p {
font: 11px/18px Trebuchet MS, Arial, Helvetica, sans-sarif;
margin: 0; padding: 10px; background: #f0f0f0; border-top: 1px solid #fff;}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Fading Slideshow <<<-------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#imageContainer1 {
width: auto;
height: 415px;
position: relative;
}
#imageContainer1 img {
display:none;
position: absolute;
top: 0;
left: 0;
}
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Photo Gallery Settings <<<-------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
.list-design-categories, .list-design-thumbs {
margin: 15px 0 0 0;
padding: 0;
}
.list-design-categories li, .list-design-thumbs li {
margin: 0 15px 10px 0;
padding: 0;
list-style: none;
float: left;
}
.list-design-thumbs li a img, .list-design-categories li a img {
border: 1px solid #b4ab93;
padding: 6px;
background-color: #fff;
}