/* div {outline:#0000ff dotted 1px;} */ body {font-family:Arial, sans-serif; font-size:62.5%; line-height:1.5; color:#565656; background:#f2f6f9;} /* - - - - - - - header bg - - - - - - - */ #bg {position:absolute; width:100%; height:235px; background:#667799;} #bghome {position:absolute; width:100%; height:385px; background:#667799;} /* - - - - - - - page - - - - - - - */ #page {width:960px; overflow:hidden; margin:20px auto 0 auto; padding-bottom:0px; border-top:5px solid #667799; background:url(../images/line.png) repeat-y;} /* - - - - - - - utility - - - - - - - */ #utilitybar {width:960px; height:60px; overflow:hidden;} /* - - - - - - - header - - - - - - - */ #imagebar {position:relative; width:900px; height:150px; margin-left:60px; background:#445577 url(headers/college_home_default.jpg);} #imagebarhome {position:relative; width:900px; height:300px; margin-left:60px; background:#445577 url(headers/slider-default.jpg);} #imagebarlogo {position:absolute; z-index:100; left:0; top:116px; background:transparent;} #imagebarlogohome {position:absolute; z-index:100; left:0; top:266px; background:transparent;} /* - - - - - - - content - - - - - - - */ #contentbox {width:899px; overflow:hidden; margin:0 0 0 60px; background:url(../images/fade.png) repeat-x right bottom;} /* - - - - - - - extended footer for widgets - - - - - - - */ #widgetbox {width:900px; overflow:hidden; margin:15px 0 10px 60px;background:url(../images/wdivider.png) repeat-y;} /* - - - - - - - footer - - - - - - - */ #footerbar {width:960px; margin:0 auto 0px auto; padding-top:10px; border-top:1px solid #ccd4dd; text-align:right;} /* - - - - - - - content columns - - - - - - - */ #nav {float:left; width:210px; margin:30px 0 15px 0; padding-right:15px; font-size:120%;} #main {width:420px; margin:30px 225px 15px 225px; padding:0 15px; font-size:120%; background:url(../images/divider.gif) repeat-y transparent;} #sidebar {float:right; width:194px; margin:30px 0 15px 0; padding:0 15px; font-size:120%; background:url(../images/divider.gif) repeat-y;} #main.wide {width:644px; margin:30px 15px 15px 225px;} /* -- stumu 6/6/14 -- main for single column template -- */ #singlemain {width:600px; margin:25px 25px 25px 150px; align:center; font-size:120%;} #singlemain h1 strong { font-size:130%;font-weight:bold } #singlemain h1 { font-size:130%;font-weight:bold } .page-template-twocolumn-php #sidebar, .page-template-events-php #sidebar{float:right; width:0; margin:0; padding:0; background:none;} #widgetcol1, #widgetcol2, #widgetcol3, #widgetcol4 {float:left; width:195px; margin:0 15px; font-size:110%;} /* - - - - - - - sitewide styles - - - - - - - */ .clearfloat {clear:both; height:0px; overflow:hidden;} .screen-reader-text {position:absolute; top:-9999px; color:#394c5d;} .readernote {position:absolute; top:-9999px; color:#394c5d;} a:link, a:visited {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588;} a:focus, a:hover, a:active {color:#cc9922;} a.imglink {border-bottom:0;} h1, h2, h3, h4, h5, h6 {font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight:bold; font-style:normal; color:#333333;} ol {margin-left:10px; padding-left:10px; list-style:decimal;} /* - - - - - - - skip links styles - - - - - - - */ .skiplinks {position:absolute; top:0px; left:5px; font-size:110%;} .skiplinks li {display:inline; margin:0 10px 0 0;} .skiplinks li a {border:0; color:#667799; cursor:default;} .skiplinks li a:visited {border:0; color:#667799; cursor:default;} .skiplinks li a:focus {border-bottom:1px solid #8899cc; color:#ffffff; cursor:pointer;} .skiplinks li a:hover {border:0; color:#667799; cursor:default;} /* - - - - - - - utility styles - - - - - - - */ #utilitynav {float:left; width:665px; margin:0 10px 0 60px; padding:20px 0 20px 0; text-align:right; line-height:1.1;} #utilitynav h2 {display:inline; margin-right:6px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size:190%; font-weight:bold; color:#000000;} #utilitynav ul {display:inline; font-size:110%;} #utilitynav li {display:inline; margin-right:6px; padding-left:6px; border-left:1px solid #bbc3cc;} #utilitynav a {border:0; text-decoration:none; color:#394c5d;} #utilitynav a em {font-style:normal; font-weight:bold; color:#000000;} #utilitynav a:focus, #utilitynav a:hover, #utilitynav a:active {color:#4477aa;} #utilitynav a:focus em, #utilitynav a:hover em, #utilitynav a:active em {color:#4477aa;} /* - - - - - - - search box styles - - - - - - - */ #utilitysearch {float:right; width:210px; margin-top:10px;} #utilitysearch #cse-search-box {display:inline; line-height:0;} #utilitysearch #searchbox {position:relative; float:right; width:210px; height:40px; margin:0 15px 0 0; vertical-align:middle; background:url(../images/searchbox.png); line-height:0;} #utilitysearch #searchbox #s {position:absolute; top:11px; left:21px; width:143px; height:18px; margin:0; padding:0; border:0; outline:0; font-size:13px; color:#666666;} #utilitysearch #searchbox #searchbutton{position:absolute; top:10px; right:15px;} /* - - - - - - - main column styles - - - - - - - */ #main h1 {margin-bottom:10px; font-size:120%;} #main h1 em {font-weight:bold; font-style:italic;} #main h1.posttitle {margin-bottom:0;} #main h2 {font-size:115%; color:#996600;} #main h3 {font-size:110%; font-style:italic; color:#333333;} #main h4 {font-size:110%; color:#996600;} #main h5 {font-size:100%; font-style:italic; color:#333333;} #main h6 {font-size:100%; color:#996600;} #main h2 a:link, #main h2 a:visited {text-decoration:none; border:0; color:#225588;} #main h2 a:focus, #main h2 a:hover, #main h2 a:active {color:#cc9922;} #main p {margin-bottom:5px;} #main .post {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .page #main .post {margin-bottom:0px; padding-bottom:0px; border-bottom:0;} .search-results #main .page {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .search-results #main h2 a {text-decoration:none; border-bottom:1px solid #ddecec; font-size:85%; color:#225588;} .search-results #main .entry p {font-size:95%;} #main .post {overflow:hidden;} #main .entry p {margin-bottom:5px;} #main p.navigation {margin:0; padding:0; margin-right:8px; border-left:1px solid #bbc3cc; font-size:85%; line-height:1.2;} #main .navigation a {height:100%; display:inline; margin-left:8px; padding-right:8px; border-right:1px solid #bbc3cc;} #main .accessory {margin-bottom:5px; font-size:85%; color:#767676;} #main .accessory a {text-decoration:none; border-bottom:1px solid #ddecec; color:#667788;} #main .admin {color:#cc6600;} #main .admin a {color:#cc6600;} #main .more-link {font-size:85%; color:#4477aa;} #main ul {margin-left:5px; margin-bottom:5px; padding-left:10px; list-style:circle;} #main ol {margin-left:10px; margin-bottom:5px; padding-left:10px; list-style:decimal;} #main .attachment a {border:0;} #main .attachment p {font-size:85%;} #main .highlight {font-style:italic; font-size:95%; color:#cc9922;} #main .leftcol {float:left; width:195px; margin-right:15px;} #main .rightcol {float:left; width:195px; margin-left:15px;} .page-template-archives-php #main ul {list-style:none; margin:0; padding:0; font-size:90%;} .page-template-archives-php #main li {margin:0; padding:0;} .page-template-archives-php #main ul.children {margin-left:10px; font-size:100%;} .page-template-archives-php .coltwothirds {float:left; width:265px; margin-right:15px;} .page-template-archives-php .colonethird {float:left; width:125px; margin-left:15px;} .page-template-archives-php .last {margin-right:0;} #main #featuredarea ul, #main #videoarea ul {margin:0; padding:0;} #main #featuredarea li, #main #videoarea li {list-style:none; margin:0; padding:0;} #main #abovefeatured {margin-bottom:15px;} #main #abovefeatured ul, #main #abovefeatured li {list-style:none; margin:0; padding:0;} #main #abovefeatured li {padding-left:0px;} /* #main #abovefeatured li {padding-left:35px; background:url(../images/star.png) no-repeat 0px 2px;} */ #main .widget_links h2 {display:none;} /* for links widget shortcoded into main area /* - - - - - - - comment styles (under construction) - - - - - - - */ .commentlist .avatar {float:left; margin-right:10px; margin-top:3px;} .commentlist .comment-meta {margin-bottom:5px; font-size:85%; color:#767676;} .commentlist .comment-meta a {border:0; padding-left:10px; color:#767676; background:url(../images/inpagelink.png) no-repeat left 3px;} .commentlist .comment-meta a.comment-edit-link {padding-left:0px; background:none;} .commentlist cite.fn {font-size:95%; font-weight:bold; font-style:normal;} .commentlist cite a {border:0;} .commentlist p {font-size:95%} .commentlist em {font-size:85%; color:#cc6600;} .commentlist li.comment {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .commentlist li.comment.thread-even {} .commentlist li.comment-author-admin {background:#f2f6f9;} .commentlist .reply {border:0;} .comment-reply-link, .comment-reply-login {font-size:85%;} #main ol.commentlist {margin:0; padding:0; list-style:none;} #main ol.commentlist ul.children {margin-left:30px; padding:0; list-style:none;} .commentlist .children li.comment {margin-top:10px; padding-bottom:10px; border-top:1px dotted #ccd4dd; border-bottom:0; background:#ffffff;} /* .commentlist .children li.comment.comment-author-admin {background:#f2f6f9;} */ #respond {margin-top:15px;} #commentform {font-size:95%;} /* - - - - - - - sidebar styles - - - - - - - */ #sidebar ul {} #sidebar li {} #sidebar li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #sidebar li ul li {padding-left:15px; line-height:1.5; background:url(../images/arrow.png) no-repeat left 7px;} #sidebar li ul li ul li {font-size:90%} #sidebar li ul li ul li ul li {font-size:100%} #sidebar .widget {margin-bottom:10px;} #sidebar .linkcat {margin-bottom:10px;} #sidebar h3 {margin-bottom:5px; font-family:Arial, sans-serif;} #sidebar h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #sidebar li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588;} #sidebar li a:hover, #sidebar li a:focus {color:#cc9922;} #sidebar li a.imglink {border-bottom:0;} #sidebar li.current_page_item {background:url(../images/arrowhere.png) no-repeat left 7px;} #sidebar li.current_page_item a {border:0; color:#aa7700; cursor:default;} #sidebar li.current_page_item ul a {border-bottom:1px solid #ddecec; color:#225588; cursor:pointer;} #sidebar li.current_page_item ul a:hover, #sidebar li.current_page_item ul a:focus, #sidebar li.current_page_item ul a:active {color:#cc9922;} /* - - - - - - - nav styles - - - - - - - */ #nav ul {} #nav li {} #nav li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #nav li ul li {padding-left:15px; line-height:1.5; background:url(../images/arrow.png) no-repeat left 7px;} #nav li ul li ul li {font-size:90%} #nav li ul li ul li ul li {font-size:100%} #nav .widget {margin-bottom:10px;} #nav .linkcat {margin-bottom:10px;} #nav h3 {margin-bottom:5px; font-family:Arial, sans-serif;} #nav h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #nav li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588;} #nav li a:hover, #nav li a:focus {color:#cc9922;} #nav li.current_page_item {background:url(../images/arrowhere.png) no-repeat left 7px;} #nav li.current_page_item a {border:0; color:#aa7700; cursor:default;} #nav li.current_page_item ul a {border-bottom:1px solid #ddecec; color:#225588; cursor:pointer;} #nav li.current_page_item ul a:hover, #nav li.current_page_item ul a:focus, #nav li.current_page_item ul a:active {color:#cc9922;} #nav #navigation {font-weight:bold;} #widgetbox .widgettitle a {color:#333333;} #widgetbox .widget {margin-bottom:10px;} #widgetbox .linkcat {margin-bottom:10px;} #widgetbox ul {} #widgetbox li {} #widgetbox li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #widgetbox li ul li {padding-left:15px; line-height:1.5; background:url(../images/arrow.png) no-repeat left 7px;} #widgetbox li ul li ul li {font-size:90%} #widgetbox li ul li ul li ul li {font-size:100%} #widgetbox h3 {margin-bottom:5px; font-family:Arial, sans-serif;} #widgetbox h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #widgetbox li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#aa7700;} #widgetbox li a:hover, #widgetbox li a:focus {color:#cc9922;} #contentbox .widget_tag_cloud ul {display:inline;} #contentbox .widget_tag_cloud li{display:inline; padding:0; background-image:none;} #contentbox .widget_tag_cloud .tagcloud {text-transform: lowercase;} /* - - - - - - - footer styles - - - - - - - */ /* Modified footerbar ul on Feb 5,2016 for fixing issue with footer on Mobile theme using WpTouch plugin*/ #footerbar ul {display:inline-block; margin-bottom:120px;} #footerbar li {display:inline; margin-right:4px; padding-left:4px; border-left:1px solid #bbc3cc; font-size:110%;} #footerbar li.first {border-left:0;} /* - - - - - - - captions - - - - - - - .wp-caption {text-align:left;} .wp-caption img {} .wp-caption p.wp-caption-text {text-align:left; font-size:85%;} .wp-caption a {border:0;} */ /* stumu 6/6/14 Fixing Captions alignment*/ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* - - - - - - - used by wp - - - - - - - */ img.centered, .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;} img.alignright {display:inline; margin:0 0 0 15px;} img.alignleft {display:inline; margin:0 15px 0 0;} .alignright {float:right; margin-left:15px;} .alignleft {float:left; margin-right:15px; clear:both;} #main .entry a[rel~="attachment"] {border:0;} #main .entry a.image {border:0;} #main .entry a[rel~="attachment"] img {margin-top:5px;} #main .entry a img {margin-top:5px;} #main .entry img {margin-top:5px;} /* - - - - - - - bits and pieces - - - - - - - */ acronym, abbr, span.caps {cursor:help;} acronym, abbr {border-bottom:1px dashed #999999;} blockquote {margin:5px;} blockquote em, blockquote i, blockquote cite {font-style:normal;} ol {margin-left:10px; margin-bottom:5px; padding-left:10px; list-style:decimal;} ul ul, ol ol, ul ol, ol ul {margin-bottom:0;} dl {margin:0 5px;} dt {font-weight:bold;} dd {margin-bottom:5px;} strong {font-weight:bold;} cite, em, i {font-style:italic;} pre {font:11px Monaco, monospace; line-height:1.5; margin-bottom:5px;} code {font:11px Monaco, monospace;} ins {text-decoration:none;} sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative;} sup {bottom:1ex;} sub {top:.5ex;} .center {text-align:center;} .hidden {display:none;} .screen-reader-text {position:absolute; left:-1000em;} hr {display:none;} .recentcomments a {padding: 0;margin: 0 !important;} .nolead {line-height:0; font-size:30%;} .rightspace {margin-right:22px;} .topspace {margin-top:20px;} .alert {color:#ff0000;} a.alert:link, a.alert:visited {color:#990000;} .smaller {font-size:90%;} /* - - - - - - - calendar - - - - - - - */ #wp-calendar {empty-cells:show; width:194px; font-size:85%; color:#667788; background:#f2f6f9;} #wp-calendar #next a {padding-right: 10px; text-align: right;} #wp-calendar #prev a {padding-left: 10px; text-align: left;} #widgetbox #wp-calendar a {display: block; border-bottom:0; font-weight:bold;} #wp-calendar caption {margin-bottom:5px; text-align:left; font-weight:bold; font-size:115%; color:#333333;} #wp-calendar td {padding: 3px 0; text-align: center;} #wp-calendar td.pad:hover {/* Doesn't work in IE */background-color: #ffffff;} .widget_calendar .widgettitle {display:none;} /* - - - - - - - home page main column news - - - - - - - */ .hdate {margin-left:2px; font-family:Arial, sans-serif; font-weight:normal; font-size:75%; color:#445577;} #newsarea {margin-bottom:15px;} #newsarea h2 {margin-top:10px;} #newsarea h3 {font-size:115%; font-style:normal; color:#996600;} #newsarea h3 a:link, #newsarea h3 a:visited {text-decoration:none; border:0; color:#225588;} #newsarea h3 a:focus, #newsarea h3 a:hover, #newsarea h3 a:active {color:#cc9922;} #newsarea .sub {margin-top:-3px; padding-left:14px; font-size:80%; font-family:Arial, sans-serif; background:url(../images/arrow.png) no-repeat 2px 4px;} #newsarea .sub a:link, #newsarea .sub a:visited{text-decoration:none; border-bottom:1px solid #ddecec; color:#225588;} #newsarea .sub a:focus, #newsarea .sub a:hover, #newsarea .sub a:active {color:#cc9922;} .newsbox {width:420px; overflow:hidden; margin-top:10px; padding-top:5px; border-top:1px dotted #ccd4dd;} .newsbox .newsimg {float:left; margin-top:5px; margin-right:15px; line-height:0;} .newsbox .newstxt {float:right; width:305px;} .newsbox .newsimg a {border:0;} /* - - - - - - - event calendars - - - - - - - */ #sidebar #gcalendar {margin-bottom:10px;} #sidebar #gcalendar li {margin-bottom:5px; padding:3px 0 4px 12px; border-top:1px dotted #ccd4dd; border-bottom:1px dotted #ccd4dd; font-size:90%; color:#445577; background:#f2f6f9 url(../images/arrow.png) no-repeat 0 8px;} #sidebar #gcalendar .sub {margin-top:-3px; padding-left:14px; font-size:90%; background:url(../images/arrow.png) no-repeat 2px 4px;} #main #gevents h2 {margin:10px 0; color:#996600} #main #gevents h3 {font-family:Arial, sans-serif; font-size:100%; font-weight:bold; font-style:normal; color:#445577;} #main #gevents ul {margin-left:0; padding-left:0;} #main #gevents li {margin-bottom:5px; padding:3px 0 4px 12px; list-style-type:none; border-top:1px dotted #ccd4dd; border-bottom:1px dotted #ccd4dd; font-size:100%; color:#445577; background:#f2f6f9 url(../images/arrow.png) no-repeat 0 8px;} #main #gevents .glink {font-size:85%;} /* - - - - - - - tables - - - - - - - */ #main table {width:100%; margin:5px 0; text-align:left; font-size:100%; background:#f2f6f9;} #main table a {} #main table a:visited {} #main table a:focus, #main table a:hover {color:#cc9922;} #main td, #main th {padding-right:10px; vertical-align:top; border-top: 1px dotted #ccd4dd;} #main thead th {font-weight:normal; background:#ffffff;} #main tfoot {font-size:95%;} #main tbody tr.even {background:#ffffff;} #main .tablecol90 {width:90%;} #main .tablecol60 {width:60%;} #main .tablecol40 {width:40%;} #main .tablecol50 {width:50%;} #main .tablecol30 {width:30%;} #main .tablecol20 {width:20%;} #main .tablecol10 {width:10%;} /* - - - - - - - widget control - - - - - - - */ .twitter-widget {font-size:95%;} /* .nivoSlider {position:relative; background:url(../../../plugins/nivo-slider/images/loading.gif) no-repeat 50% 50%;} */ .nivoSlider {position:relative; background:url(headers/slider-default.jpg);} .nivoSlider img {position:absolute; top:0px; left:0px; display:none;} /* ---- dropdown menubar styles 8-7-2013 ------------- */ /* ---- dropdown menubar - style the top ul container --------- */ #menu1 {width:100%; display:inline; position:relative; float:left; border-top:1px solid #ffffff; font-size:122%; text-align:center; background-color:#667799; } /* ---- dropdown menubar - style the top list items ----------- */ #menu1 li {display:inline; float:left; border-left:1px solid #ffffff; margin-left:0; line-height:2.260895em;width:145px;} #menu1 li.firstone {border:0;} /* ----- dropdown menubar - style the top ul links ------------- */ #menu1 a, #menu1 a:visited {color:#ffffff; text-decoration:none; padding: .55em .8em .55em .8em; border-bottom:0;} #menu1 a:hover, #menu1 a:focus, #menu1 a:active {color:#ffffff; background:#667799; border-top:1px solid #ffffff;} #menu1 li:hover, #menu1 li:focus, #menu1 li:active {color:#ffffff; background:#667799;} /* ----- dropdown menubar - hide the submenu, position absolute -------- */ #menu1 ul {display:none; position:absolute;} /* ----- dropdown menubar - unhide the submenu on hover ---- */ #menu1 li:hover ul {display:block; position:absolute; width:200px; background-color:#808080;text-align:left; } #menu1 li#lastone:hover ul {width:150px; } #menu1 li:focus ul, #menu1 li:active ul {background-color:#667799;} #menu1 li:hover ul li {background-color:#808080; color:#000000; width:100%; line-height:1.3em; font-size:105%; border-bottom:1px dotted navy; border-left:1px solid navy; border-right:1px solid navy;} /* ----- dropdown menubar - style the submenu links ----- */ #menu1 li:hover ul li > a {display:block; color:#000000; background:#A8B3CF;} #menu1 li:hover ul li:hover {background:#bfbfd9;} #menu1 li:hover ul li > a:hover {color:#cc9922; background:#667799;} /* -------------- menubar ---------------- */ #menubar {width:900px; margin-left:60px; } /* O: Adding to fix the issue with directory table overlaying the sub-menu . Date: 08/07/2013 */ #menu1{ position:relative; z-index:200; } /* - - - - - - - Added on Feb 5,2016 to fix the wptouch plugin footer issue on mobile- - - - - - - */ .wptouch-desktop-switch {position:fixed !important; bottom:0 !important; z-index:1000; width:100%; padding-top:20px !important; padding-bottom:30px !important; border-top:1px solid #667799; font-size:400% !important; text-align:center; font-weight:bold; line-height:150%; background:#ffffff;}