/*
Theme Name:
Theme URI:http://theblogstudio.com/
Description:Blog designed by The Blog Studio,coded/developed by Michael Caputo @ The Blog Studio.
Version:1
Author:Michael Caputo
Author URI:http://theblogstudio.com
*/
/* --------------------------------- =wordpress stuff -------- */
a{outline:none}
img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
.wp-caption{text-align:left;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{text-align:center;font-size:11px;line-height:17px;padding:0px;margin:0}
.wp-caption.alignright{margin-right:0}
.wp-caption.alignleft{margin-left:0}
/* --------------------------------- =commonly used tools -------- */
.clear,.clearMe{clear:both}
.hideText{text-indent:-9999px}
.displayNone{display:none}
.floatLeft{float:left}
.floatRight{float:right}
bold,strong,b{font-weight:bold}
italic,i,em{font-style:italic}
small{font-size:80%}
/* --------------------------------- =font-face -------- */
/* --------------------------------- =backgrounds -------- */
body{background:url('i/bg-page.png') repeat-y 50% 150px}
body.pagename-alumni-friends{}
#headerContainer{padding-bottom:21px;background:url('i/bg-slider-shadow.png') no-repeat 50% bottom}
#headerHolder{background: #00693c url('i/bg-header.png') no-repeat 50% top}
#navShadow{background:url('i/bg-navSlideout-top.png') 50% top;height:20px;display:block}
#navSlideout{background-color:#F0F1F0;background-image: url('i/bg-navSlideout-top.png'), url(i/bg-navSlideout-bottom.png);background-position: 50% top, 50% bottom;background-repeat: repeat-x;xborder-bottom:1px solid #ebebeb}

#footerTopper{display:block;height:70px;width:100%;background:url('i/bg-footer.png') no-repeat 50% top}
#footerOuter{background:#a7a599;padding:20px 0}
#footerOuter .row{margin-bottom:0}
#footerOuter .container{background:url('i/bg-footer50th.png') no-repeat left bottom}
#lowerFooter{background:#FFF}
.smallImageShadow{background:url('i/bg-smallImageShadow.png') no-repeat 50% 50%;display:block;width:100%;height:20px;margin-top:-10px}


.event-date{background:url('i/bg-date-tab.png') no-repeat left 50%;display:block;position:relative;width:46px;height:60px;float:left;margin-right:10px}
.event-date .month{position:absolute;top:26px;left:6px}
.event-date .day{position:absolute;top:23px;left:29px}
.event-info{float:left;width:220px}

/* Tweetblender Stuff */
div.tb_header,form#tweetblender-f,#tweetblender .tb_tweet br{display:none}
#tweetblender a.tb_photo img{border:1px solid #1F1F1F;margin:0 10px 10px 0;background:#FFF;}
#tweetblender a.tb_photo img,.tb_tweetlist img{display:none}
#tweetblender div.tb_tweetlist{border:0}

#residenceLanding-2,#residenceLanding-3,#residenceLanding-4{position:absolute;bottom:0;display:block;text-indent:-9999px;width:282px;height:239px}
#residenceLanding-1{background:url('i/bg-residence-bg1.png') no-repeat;position:absolute;display:block;width:910px;height:314px;top:0;left:0}
#residenceLanding-2{background:url('i/bg-residence-bg2.png') no-repeat;left:0}
#residenceLanding-3{background:url('i/bg-residence-bg3.png') no-repeat;left:315px}
#residenceLanding-4{background:url('i/bg-residence-bg4.png') no-repeat;right:0}

.flex-caption,.hilight-caption{background:url('i/bg-90-green.png')}
.hilight-caption{padding:10px;margin-bottom:25px}
.postContent .hilight-caption p a:link,.postContent .hilight-caption p a:visited{color:#FFF;text-decoration:underline}
.postContent .hilight-caption p a:hover{color:#FFF;text-decoration:none}
/* --------------------------------- =general style & page layout -------- */
#headerLogo{position:absolute;left:60px;top:10px}
.calloutCenter,.calloutRight{background:#FFFFF5;padding:15px 5px 5px 15px;margin:0 0 10px 10px;border-bottom:1px solid #FFFFE6;border-right:1px solid #FFFFE6}
.calloutCenter{width:650px}
.calloutRight{float:right;width:350px}

#residenceLanding{position:relative;display:block;width:910px;height:560px;margin:0 auto}
#residenceLanding-1 span{position:relative;display:block;width:470px}

.widget{margin-bottom:20px}

.ngg-galleryoverview{margin-bottom:0}
/* --------------------------------- =typography -------- */
#headerContentHolder h1{margin:0;padding:0}
h1{font:normal normal bold 22px/1.2em 'Helvetica',Arial,Verdana,Sans-serif}
h2{font:normal normal bold 20px/1.2em 'Helvetica',Arial,Verdana,Sans-serif}
h2.homeTitle{font:normal normal bold 16px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#000;margin-bottom:5px}
.flex-caption h2{font:normal normal lighter 18px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#FFF;margin-bottom:3px}
h3{font:normal normal bold 18px/1.2em 'Helvetica',Arial,Verdana,Sans-serif}
.pagename-new-college-academic-programs .postContent h3{font-size:16px}
h4{}
h4.alumniTitle{width:280px;height:36px;background:url('i/bg-alumniTitle.png') no-repeat;font:normal normal normal 18px 'Times',Georgia,Serif;color:#00693c;padding:16px 0 0 15px}
#sidebar h4{font:normal normal normal 21px/1.4em 'Georgia','Times New Roman',Helvetica,Arial,sans-serif}
h5{font:normal normal bold 14px/1.2em 'Helvetica',Arial,Verdana,Sans-serif}
h6{font:normal normal normal 12px/1.2em 'Helvetica',Arial,Verdana,sans-serif;color:#FFF;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}

.postContent h3{font:normal normal bold 18px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#000;margin-bottom:5px}
.postContent h4{font:normal normal bold 16px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#000;margin-bottom:5px}
.postContent h5{font:normal normal bold 14px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#000;margin-bottom:5px}
.postContent h6{font:normal normal bold 12px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#000;margin-bottom:5px}


.postHeader p{}
.postContent p{font:normal normal normal 14px/1.4em 'Helvetica',Arial,Verdana,Sans-serif;color:#111;margin-bottom:1em}
.postFooter p{}

.eventListing P{font:normal normal normal 12px/1.2em 'Helvetica Neue',Arial,Verdana,Sans-serif;color:#1f1f1f;margin-bottom:5px}

.homeNews p{font:normal normal normal 12px/1.6em 'Helvetica',Arial,Verdana,Sans-serif;color:#1f1f1f}

#lowerFooter p{font:normal normal normal 11px/1em 'Helvetica',Arial,Verdana,Sans-serif;color:#515151;text-transform:uppercase;margin:15px 0;letter-spacing:-.03em;float:left}

.event-date .month{font:normal normal normal 10px/1em 'Helvetica',Arial,Verdana,sans-serif;text-transform:uppercase;color:#5b5b5b}
.event-date .day{font:normal normal normal 14px/1em 'Trebuchet MS1', Trebuchet MS, sans-serif;text-transform:uppercase;color:#FFF}

#tweetblender .tb_tweet{clear:both;font:normal normal normal 12px/1.6em 'Helvetica',Arial,Verdana,sans-serif;color:#1F1F1F;margin:0 0 20px;padding:0 0 0 55px;border:0;background:url('http://a3.twimg.com/profile_images/1442607129/New_College_logo_normal.png') no-repeat 0px 5px;}
#tweetblender span.tb_tweet-info{font-size:10px;text-transform:uppercase;color:#1F1F1F}

#residenceLanding-1 p{position:absolute;top:40px;left:30px;font:normal normal lighter 18px/1.6em 'Helvetica Neue',Arial,Verdana,Sans-serif;color:#FFF}

.flex-caption p,.hilight-caption p{font:normal normal lighter 10px/1.4em 'Helvetica',Arial,Verdana,sans-serif;color:#FFF;margin-bottom:0}
.hilight-caption p{font-size:18px}
/* --------------------------------- =text replacement -------- */
h1 a,h1 a:link,h1 a:visited,h1 a:hover,h1 a:focus{display:block;width:360px;height:104px;background:url('i/h1-logo.png') no-repeat;text-indent:-9999px;position:absolute;top:10px;left:60px;}

h2#alumniAndFriendsTitle{display:block;background:url('i/h2-alumniAndFriends.png') no-repeat;width:100%;height:33px;text-indent:-9999px;margin:0}
h2#academicProgramsTitle{display:block;background:url('i/h2-academicProgramsTitle.png') no-repeat;width:100%;height:33px;text-indent:-9999px;margin:0}
h2#residenceTitle{display:block;background:url('i/h2-residenceTitle.png') no-repeat 30px 0;width:100%;height:33px;text-indent:-9999px;margin:0}

.flex-caption a:link,.flex-caption a:visited{color:#FFF;text-decoration:underline}
.flex-caption a:hover{color:#FFF;text-decoration:none}

.texture{background:url('i/bg-texture.png') no-repeat right 5px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-top:1px solid #ededed;border-left:1px solid #ededed;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#sidebar h4.sidebar.texture{padding:11px 6px 12px 13px;font-size:16px;color:#00693C}
.eventsTexture{background:url('i/bg-eventsTexture.png') no-repeat 0 0}
h4#upcomingEvents span	{background:url('i/h4-upcomingEvents.png') no-repeat 50% 50%;text-indent:-9999px;display:block;height:45px}
h4#news					{background:url('i/h4-news.png') no-repeat;text-indent:-9999px;display:block;height:45px;width:100%}
h4#followUsOnTwitter	{background:url('i/h4-followUsOnTwitter.png') no-repeat;text-indent:-9999px;display:block;height:45px}
h4#MeettheBloggers	{background:url('i/h4-meetthebloggers.png') no-repeat;text-indent:-9999px;display:block;height:45px}
h4#monthYear span		{background:url('i/h4-monthYear.png') no-repeat 12% 50%;text-indent:-9999px;display:block;height:45px}
h4#pastEvents span		{background:url('i/h4-pastEvents.png') no-repeat 12% 50%;text-indent:-9999px;display:block;height:45px}
h4#eventCategories span	{background:url('i/h4-eventCategories.png') no-repeat 12% 50%;text-indent:-9999px;display:block;height:45px}

/* --------------------------------- =links -------- */
a:link,a:visited{text-decoration:underline}
a:hover{text-decoration:none}
p a:link,p a:visited,.postContent li a:link,.postContent li a:visited{color:#00693c}
p a:hover,.postContent li a:hover{color:#00693c}

h2.homeTitle a{color:#000;text-decoration:underline}
h2.homeTitle a:hover{color:#000;text-decoration:none}

h4.alumniTitle a:link,h4.alumniTitle a:visited{color:#00693c;text-decoration:underline}
h4.alumniTitle a:hover{color:#00693c;text-decoration:none}

.event-info h5 a{color:#00693c;text-decoration:underline}
.event-info h5 a:hover{color:#00693c;text-decoration:none}

a.categoryLink{color:#00693c;text-decoration:underline; font:normal normal normal 14px/1em 'Helvetica',Arial,Verdana,Sans-serif;text-transform:uppercase;font-weight:bold;display:block;padding:5px 3px;border-bottom:none;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
a.categoryLink:hover{color:#00693c;text-decoration:none}
a.categoryLink.eventsTexture{border-radius:0;padding:10px 10px 0;margin-top:15px;height:32px}
/* .pagename-alumni-friends a.categoryLink{color:#f0ab00} This makes links orange on the Alumni & Friends landing page - should be green */
.pagename-alumni-friends a.categoryLink{color:#00693C}


.tb_tweet a:link,.tb_tweet a:visited{color:#00693c;text-decoration:underline}
.tb_tweet a:hover{color:#00693c;text-decoration:none}

/* --------------------------------- =lists -------- */
ol,ul{margin-left:0px;}
li{margin-bottom:1em;font:normal normal normal 14px/1.4em 'Helvetica',Arial,Verdana,Sans-serif;color:#111}

ul#homeEventList{margin:0;list-style:none}
ul#homeEventList li{display:block;clear:both}
ul#homeEventList h5{font:normal normal normal 14px/1.2em 'Helvetica',Arial,Verdana,sans-serif;color:#00693c;margin:14px 0 0}
ul#homeEventList p{font:italic normal normal 12px/1.2em 'Helvetica',Arial,Verdana,Sans-serif;color:#6d6d6d;margin:0}

/* added 8 Oct 2015, Siri - for See More Events link beyond permitted listing of 5 */
ul#homeMoreEventsList {margin:75px 0 0 55px;list-style:none; color:#006900;}
ul#homeMoreEventsList a {color:#006900;}

#footerOuter ul{list-style:none}
#footerOuter li{margin:0 0 7px;font:normal normal normal 11px/1.2em 'Helvetica',Arial,Verdana,sans-serif;color:#FFF;text-transform:uppercase}
#footerOuter li a{color:#FFF;text-decoration:none}
#footerOuter li a:hover{color:#FFF;text-decoration:underline}


.postContent ul li{list-style: outside disc none;margin-bottom:3px; margin-left: 2em;}
/* added by Siri Hansen, 14 Aug 2015 to style bullet for nested list */
.postContent ul ul li{list-style: outside circle;}
.postContent ol li{list-style:decimal outside none;  margin-left: 2em; margin-bottom:3px; margin-right:125px;}

ul.sidebar-list{list-style:none;}
ul.sidebar-list li{margin-bottom:5px}
ul.sidebar-list li a{display:block}
ul.sidebar-list li a:link,ul.sidebar-list a:visited{color:#000;text-decoration:none;font-size:12px;padding:5px 7px;border-bottom:dashed 1px #FEBE5D}
ul.sidebar-list li a:hover{text-decoration:underline}
/* --------------------------------- =icons -------- */
#lowerFooter .icon{display:block;height:28px;width:28px;text-indent:-9999px;float:right;margin:5px}
.icon#facebook	{background:url('i/icon-facebook.gif') no-repeat 50% 50%}
.icon#flickr	{background:url('i/icon-flickr.gif') no-repeat 50% 50%}	
.icon#rss		{background:url('i/icon-rss.gif') no-repeat 50% 50%}	  	
.icon#twitter	{background:url('i/icon-twitter.gif') no-repeat 50% 50%}
.icon#youtube 	{background:url('i/icon-youtube.gif') no-repeat 50% 50%}

#contactButtonHolder{width:618px}
a.contactsBox{display:block;width:189px;height:125px;position:inline;text-indent:-9999px}
a#contacts-facultyListing{float:left;background:url('i/contacts-sprite-facultyListing.png') no-repeat 0 0}
a#contacts-staffListing{margin:0 auto 0 26px;display:inline-block;background:url('i/contacts-sprite-staffListing.png') no-repeat 0 0}
a#contacts-adminListing{float:right;background:url('i/contacts-sprite-adminListing.png') no-repeat 0 0}
a#contacts-az{text-indent:-9999px;background:url('i/contacts-sprite-az.png') no-repeat 0 0;width:618px;height:87px;display:block;margin-top:10px}
a#contacts-facultyListing:hover{background:url('i/contacts-sprite-facultyListing.png') no-repeat 0 -125px}
a#contacts-staffListing:hover{background:url('i/contacts-sprite-staffListing.png') no-repeat 0 -125px}
a#contacts-adminListing:hover{background:url('i/contacts-sprite-adminListing.png') no-repeat 0 -125px}
a#contacts-az:hover{background:url('i/contacts-sprite-az.png') no-repeat 0 -87px}

/* --------------------------------- =navigation -------- */
.table {display:table;/* Allow the centering to work */margin:0 auto}
ul#menu { height:42px;margin:0}
ul#menu li { float:left; position:relative;margin:0}
ul#menu li { _float:left; _display:inline; }
ul#menu li a {font:normal normal normal 14px/1em 'Helvetica',Arial,Verdana,sans-serif;color:#FFF;float:left;padding:12px 7px;text-decoration:none}
ul#menu li a:hover {text-decoration:none;background-position:right bottom}
ul#menu li.mega a{background:none;border:4px solid #00693C;border-bottom:0;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px}
ul#menu li.hover a,ul#menu [tabindex]:focus{text-decoration:none;background-position:right bottom;color:#f1ab1d;background:#F0F1F0 url('i/bg-nav-tab-hover.png') repeat-x 50% bottom;border-top:4px solid #00693C;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px}

.mega-menu { display:none; width:100%; height:0px; margin:0 auto; }
.mega-menu-down {  }
.mega-menu .cat-menu { display:none; text-align: left; padding: 20px 0 0}
.mega-menu .cat-menu,.mega-menu .cat-menu li{font:normal normal lighter 13px/1.2em 'Helvetica',Arial,Verdana,Sans-serif}
.mega-menu .cat-menu a:link,.mega-menu .cat-menu a:visited{color:#000;text-decoration:none}
.mega-menu .cat-menu a:hover{color:#000;text-decoration:underline}
.mega-menu .cat-menu ul{margin:0;list-style:none}
.mega-menu .cat-menu li{margin-bottom:9px}
.hovering { display:block; }

#headerContentHolder{width:100%;height:137px;display:block;position:relative}
#headerContentHolder nav{position:absolute;right:0;top:13px;display:inline;width:375px}

ul#topNav li{float:left;margin-right:2px;margin-bottom:0;font:normal normal normal 11px/1em 'Helvetica',Arial,Verdana,Sans-serif;color:#555555}
ul#topNav li.spacer{margin-top:7px}
ul#topNav li a{margin-right:2px;color:#555555;text-decoration:underline}
ul#topNav li a:hover{color:#555555;text-decoration:none}
ul#topNav li form{background:#f4f4f4;padding:3px;margin-bottom:0}
ul#topNav li input#s{border:0;background:none;padding:0;margin:0;float:left;padding:2px 3px;width:140px}
ul#topNav li button#searchsubmit{display:block;width:22px;height:19px;background:url('i/button-search.png') no-repeat;text-indent:-9999px;margin:0;border:0;float:right}


ul.sectionNavigation-list,ul.sectionNavigation-list ul{list-style:none;margin:0;padding:0;text-align:right}
.page-template-page-alumniLanding-php ul.sectionNavigation-list{margin:0 3px 25px}
ul.sectionNavigation-list ul{margin-bottom:15px}

ul.sectionNavigation-list li{border-bottom:1px dotted #00331d;margin:0 0 8px;padding:0;font:normal normal normal 13px/1.2em 'Helvetica Neue',Arial,Verdana,Sans-serif}
.page-template-page-alumniLanding-php ul.sectionNavigation-list li:last-child,ul.sectionNavigation-list li:last-child{border-bottom:none}
ul.sectionNavigation-list li a{color:#00693c;margin-bottom:8px;display:block}

.page-template-page-alumniLanding-php ul.sectionNavigation-list li{text-align:left;border-bottom:1px dashed #f0ab00}
.page-template-page-alumniLanding-php ul.sectionNavigation-list li a{color:#000}
.page-template-page-alumniLanding-php ul.sectionNavigation-list li a:hover{color:#f0ab00}



ul.sectionNavigation-list li li{border-bottom:none;margin:0 0 4px;font:normal normal normal 11px/1.2em 'Helvetica Neue',Arial,Verdana,Sans-serif}
ul.sectionNavigation-list li li a{color:#000}

ul.sectionNavigation-list li a:link,ul.sectionNavigation-list li a:visited{text-decoration:underline}
ul.sectionNavigation-list li a:hover{text-decoration:none}

#sidebar li{clear:both}
/* --------------------------------- =forms -------- */
form.wpcf7-form{padding:20px;border:1px solid #CCC;background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
form.wpcf7-form p{clear:both;margin-bottom:20px}
form.wpcf7-form p input{margin-bottom:0;}
form.wpcf7-form .wpcf7-checkbox{display:block}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item{display:block}
form.wpcf7-form span.wpcf7-list-item{display:block}

/* for room booking form layout specifically */
#wpcf7-f21360-p21374-o1 .wpcf7-checkbox .wpcf7-list-item
{
display: block; /* had to change from inline back to block for other reasons */
}
#wpcf7-f21360-p21374-o1 .wpcf7-radio .wpcf7-list-item
{
display:block; /* had to change from inline back to block for other reasons */
}
.formpara
{
display:none;
}




/* --------------------------------- =tables -------- */
/* --------------------------------- =pagination -------- */
.pagenavi{padding:20px 10px 40px;float:left}
.pagenavi a{text-decoration:none}
.pagenavi a,.pagenavi span{background:#00693C;padding:3px 6px 4px 6px;margin:0 3px 0 0;border:1px solid #00693C;color:#FFF}
.pagenavi a:hover{border:1px solid #CCC;color:#00693C;background:#CCC;text-decoration:none}
.pagenavi span.pages{display:none}
.pagenavi span.current{background:#FFF;border:none;color:#00693C}
.pagenavi span.expand{}
.pagenavi .first,.pagenavi .last{}
.pagenavi .single_page{}
.page-navigation ul,.page-navigation li,.page-navigation a{padding:0;margin:0;border:none;text-decoration:none;font-weight:normal;font-style:normal;list-style:none;text-transform:none;text-indent:0px;font-variant:normal;text-align:left;line-height:12px;letter-spacing:0px;word-spacing:0px;font-size:11px;font-family:Arial}
.page-navigation{width:100%;margin-bottom:40px}
.page-navigation ul{width:100%}
.page-navigation li{float:left;display:block;margin-bottom:2px}
.page-navigation a{padding:3px;padding-left:5px;padding-right:5px;margin-left:0;margin-right:3px;display:block;color:#333;border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf;border-right:1px solid #bfbfbf;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px}
.page-navigation li:last-child a{margin-right:0}
.page-navigation li a:hover{border-color:#006A3C}
.page-navigation li.space{padding:6px;padding-left:2px;padding-right:2px}
.page-navigation li.first_last_page{font-style:italic}
.page-navigation li.active_page a{border-color:#0075b8}
.page-navigation li.active_page a:hover{color:black;/* IE fix */text-decoration:underline;border-color:#BA0000}
.page-navigation li.page_info{float:left;display:block;padding:3px;padding-left:5px;padding-right:5px;margin-right:2px;color:#666;font-size:11px;border:1px solid #bfbfbf}
/* --------------------------------- =comments -------- */
ol.commentlist{list-style:none;margin:0 0 30px;padding:0}
ol.commentlist li{border-bottom:1px solid #d5d5d5;margin:0 0 10px}
ol.commentlist li.pingback .comment-author{padding:0 170px 0 0}
ol.commentlist li p{font:normal normal normal 12px/16px 'Arial',Helvetica,Verdana,Sans-serif;margin:5px 0 12px}
ol.commentlist li ul{font-weight:normal;font-size:12px;line-height:16px;font-family:helvetica,arial,sans-serif;list-style:square;margin:0 0 12px;padding:0}
ol.commentlist li p{font:normal normal normal 12px/1.6em 'Arial',Verdana,Helvetica,Sans-serif;color:#362f2d}
ol.commentlist li p.commentMeta{font:normal normal normal 11px/1em 'Arial',Verdana,Helveica,Sans-serif;color:#555;margin-bottom:3px;text-transform:uppercase}
ol.commentlist li p.commentMeta a:link,ol.commentlist li p.commentMeta a:visited{color:#555;text-decoration:underline}
ol.commentlist li p.commentMeta a:hover{color:#555;text-decoration:none}
form#commentform p{clear:both}
form#commentform input,form#commentform textarea{margin-bottom:6px;border:1px solid #ddddde;background:#f6f6f7;color:#362f2d;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
form#commentform input:focus,form#commentform textarea:focus{border-color:#82945E}
form#commentform textarea{width:98%;height:100px}
form#commentform input{float:right;width:300px}
form#commentform label{float:left;font:normal normal bold 12px/1em 'Arial',Verdana,Helvetica,Sans-serif;color:#000;padding-top:8px}
form#commentform label span{color:#362f2d;font-style:italic;font-style:normal}
form#commentform p#comment label{display:none}
form#commentform p#comment{margin-bottom:7px}
form#commentform p#submit input{width:80px;height:25px;font-size:12px;background:#000;border:none;color:#FFF;font-weight:bold;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
form#commentform p#mustLogIn{margin-bottom:0px}
/* --------------------------------- =search-bar -------- */
/* --------------------------------- =ad-styles -------- */
/* --------------------------------- =HACKS -------- */
/* --------------------------------- =ACCESSABILITY -------- */
*[tabindex]:focus{background:#000}
hgroup a[tabindex]:focus{background:url('i/h1-logo.png') no-repeat}
/* --------------------------------- =MEDIA HACKS -------- */
    @media only screen and (max-width: 767px) {
		ul#menu li{width:100%;border-bottom:1px solid #ccc}
		ul#menu li:last-child{border-bottom:0}
		ul#menu li a{font-size:12px;display:block;width:100%;text-align:center;padding-left:0;padding-right:0}
		ul#menu li.mega a{border-left:0;border-right:0}
		#sliderHolder{margin-bottom:30px}
		
		li.searchItem{display:none}
		#headerContentHolder nav{width:185px}

		/* #footerOuter .container{padding-bottom:50px} */
		#footerOuter{display:none}
		
		#navSlideout{background:#F0F1F0}
		
		#breadcrumbs{display:none}
		
		h1 a{left:-71px}
		#headerHolder{background:url("i/bg-header.png") no-repeat scroll 40% top #00693C}
	}

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		ul#menu li a{font-size:12px;padding:12px 7px 14px}
		#footerOuter .container{padding-bottom:50px}

		#breadcrumbs{display:none}
	}
	
    @media only screen and (min-width: 480px) and (max-width: 767px) {
		h1 a{left:0px}
	}

/* --------------------------------- =timeline table styles -------- */
.HeadingPage { background: #; font-weight:bold; font-style:italic; text-align:left; border-right:5px solid #00673e; font-size:1.2em; padding-top:.5em; padding-left:.5em; padding-right:.5em;}
.bodystyle tr td { border-bottom:1px dotted #00673e; padding-left: .5em; padding-right:.5em;}
.bodystyle {}

/* ---------- New College IT specific ---- */
.container_newit { margin:auto; width:960px; }

/* First Year Checklist formatting, Siri Aug 2015*/
	 	 
div.icon {	 	 
 /* line-height:30px; */	  	 
 width:150px;	 	 
 float:left;	 	 
 padding: 10px; 	 	 
}	 	 
div.icon img {	 	 
 /* line-height:30px; */	  	 
 margin: 0px 40px 40px 40px; 	 	 
}	 	 

div.section550px {	 	 
 width:550px;	 	 
 float:left;	 	 
 padding:10px; 	 	 
}	 	 
div.divider{	 	 
 background-color:#00693C;	 	 
 color:white;	 	 
 clear:both;	 	 
 text-align:center;	 	 
 padding:2px;
 margin-bottom: 20px;	 
}	 	 

div.hide {
   display: none;
}

.para {}
.paracenter {text-align:center;}

/* override WP Simple Booking Calendar format */
.wpsbc  {
   display: none;
}

/* forcing left alignment for <br /> with centred para - Siri, Oct 2015 - for student bloggers sidebar */
.forceleftalign
{
display:block;
text-align:left;
}

/* to ensure that BestWeb captcha entry box is correctly aligned - Siri, Oct 2015*/
#commentform .cptch_block input {
    float: none;
}

/* formatting table for student blogger section - Siri, Oct 2015*/
table.blogtable th, td {
    padding: 10px;
    margin-left:auto; 
    margin-right:auto;

}

/* for centering table - Siri, Dec 2015 */
  table.center {
    margin-left:auto; 
    margin-right:auto;
  }

/* table with border - Siri, 12 Feb 2016*/

table.withborders {
	border-right:1px solid black;
	border-bottom:1px solid black;
}
table.withborders td {
	border-left:1px solid black;
	border-top:1px solid black;
}

/* just to stop WordPress editor removing paragraph tags manually inserted - Siri, 29 Mar 2016 */
.dummyclass {
}

/* Mona Elayyan, D.G. Ivey Library - for displaying images without using a table - added by Siri, July 22, 2016 */
/* Library CSS modification STARTS here */
   .libexhibit {
        width: 100%; text-align: left; margin-left: 8px; margin-right: auto; padding-bottom: 30px; 			
    }
    .libexhibit div {
        width: 33%;
        float: left;
    }
 .libFirstLine div {
        width: 100%;
	padding-left: 300px;
        float: left;
    }
.libexhibitpic {
		width: 157px;
		height: 240px;
    }

.libBio {
        width: 100%; text-align: left; margin-left: 8px; margin-right: 8px; padding-bottom: 30px; 			
    }

.libBio div {
        width: 50%;
        float: left;
    }

    }
.libBio40 {
        width: 40%;
        float: left;
    }

.libBook {
        width: 100%; margin-left: 8px; margin-right: auto; text-align: left; padding-bottom: 30px; 			
    }
.libBook20 {
	width: 30px;
        float: left;
    }
.libBook80 {
        width: 60%;
        float: left;
    }

/* Library CSS modification ENDS here */


/*  change look of button Contact Form 7 - Siri October 2016 */
input.wpcf7-form-control.wpcf7-submit:hover {
background-color: black;
color: yellow;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: yellow;
color: black;
}

/* creating font size for captions for embedded gifs - cannot use WP caption function */
.embeddedcodecaption {
text-align:center;
font-size:80%;
}