

/***********************main template styles**********************************/
html, body { height:100%; margin:0; padding:0; background-image:none; }
table#axlo { margin:0 auto; background:url(/images/hp-bg.gif) repeat-y top left; }
#home { width:954px; margin:0 auto; }
* html #home { padding-left:1px; }
/*#mast, #nav, #audience, #home-footer { width:955px; }*/



/* styles created by Dennis */
/* styles created by Dennis */
.content-blank-featured {
background:#eff3f4;
}
.featured {/* The wrapper for the top featured events part */
background-color: #eff3f4;	
border-bottom: 1px solid #ccc;
}
#featured-background {/* just colors the top background */
background-color: #eff3f4;	
}
#featured-top-row {/* wraps the featured events title and the search box */
height: 30px;
width: 960px;
}
#featured-events {/* just the title top left */
color: #757575;	
font-size: 190%;
position: absolute;
top: 50px; left: 20px;
margin: 20px 0 0 20px;
}
#featured-boxes-wrapper {
clear: both;
height: 160px;
}
.month-left {
font-size: 140%;	
}
.day-left {
font-size: 180%;	
}
#featured-boxes-wrapper .calendar-event-link {/* the link text for the featured event */
font-size: 110%;
font-weight: bold;
}
.event-time {
line-height: 20px;	
color: #766a62;
}
.event-location {
line-height: 20px;	
color: #766a62;	
}
#featured-far-left-box {/* wraps left featured box */
background-color: #eff3f4;
height: 160px;
width: 279px;	
float: left;
padding: 0 20px 0 20px;
border-right: 1px solid #ccc;
}
#featured-far-left-box img {
margin: 0 20px 0 20px;	
float: left;
}
#featured-middle-box {/* wraps middle featured box */
background-color: #eff3f4;
height: 160px;
width: 279px;	
float: left;
padding: 0 20px 0 20px;
border-right: 1px solid #ccc;	
}
#featured-middle-box img {
margin: 0 20px 0 20px;	
float: left;
}
#featured-far-right-box {/* wraps right featured box */
background-color: #eff3f4;
height: 160px;	
width: 280px;	
float: left;
padding: 0 20px 0 20px;
}
#featured-far-right-box img {
margin: 0 20px 0 20px;	
float: left;
}
#calendar-search-box {/* wraps the search box and submit button */
position: absolute;
top: 228px; right: -20px;	
text-align: top;
margin: 10px 0px 0 10px;
}
#calendar-search-box #search {/* text box of the search box */
position: absolute;
top: 10px; right: 10px;	
background-color: #fff;	
height: 30px;
width:225px;
margin: 0 60px 0 0;	
border: 1px solid #ccc;
padding-bottom:1px;
}
#calendar-search-box #submit {/* submit button of the search box */
position: absolute;
top: 44px; right: 10px;		
float: right;
margin: -34px 27px 20px 0;
}
#below-featured-wrapper {/* wraps the entire bottom section */
background-color: #fff;	
overflow: auto;
}
#cal-all-events {/* li for title All Events */
color: #757575;	
font-size: 190%;
margin: 20px 0 0px 20px;
}
#all-events-row {/* wraps entire all events row of items (may not be needed) */
border:none;    
float: left;
width: 620px;
}
#all-events-row-items li {
display: inline;
font-size: 115%;
font-weight: bold;
}
#cal-rss {/* li for RSS image */
padding: 0 10px 0 10px;
vertical-align: 5px;
}
#cal-today {/* li for title Today */
font-size: 100%;
padding: 0 0px 0px 0px;
}
#cal-tomorrow {/* li for title This Month */
font-size: 100%;
padding: 0 0px 0 0px;
margin-left:28px;	
}
#cal-next-7-days {/* li for title Next 7 Days */
font-size: 100%;
padding: 0px 0px 0px 0px;	
margin-left:28px;	
}
#cal-this-month {/* li for title This Month */
font-size: 100%;
padding: 0 0px 0 0px;	
margin-left:28px;	
}
#cal-add-event {/* li for title Add Event */
font-size: 100%;
padding: 0 0px 0 0px;	
margin-left:28px;	
}
#cal-add-event img {margin-top:2px;margin-right:2px;}
#all-events-row-items li{
	cursor:pointer;
}
#all-events-row-items {margin-bottom:8px !important;}
#all-events-row-items .box-selected {
background-color: #757575;
color: #fff;
padding: 10px 10px 10px 10px;
}
/* Bottom section of the page */

#inner-wrapper {/* wraps right and left portions below (may not be needed) */	
background-color: #fff;
}
#inner-wrapper-left {/* wraps the entire bottom left portion */
float: left;
width: 620px;
background-color: #fff;	
}
#inner-wrapper-right {/* wraps the entire bottom right portion */
background-color: #fff;	
width: 260px;
float: right;
padding: 75px 20px 20px 10px;	
}
/* Events section on the left */
#cal-events-display-green {	
border-top:2px solid #008542;
clear: both;
margin-left:40px;
}
#cal-events-display-grey {	
border-top:2px solid #666;
clear: both;
margin-left:40px;
}
.greenbox{
position:absolute;
background:#008542;
width:50px;
height:48px;	
}
.greybox{
position:absolute;
background:#666;
width:50px;
height:48px;	
}
#green-box-month {/* positions the month in the green box in white text */
display:block;
width:48px;
color: #fff;
font-size: 130%;
margin: 3px 0 0 0;
text-align:center;
}
#green-box-day {/* positions the date in the green box in white text */
display:block;
width:48px;
color: #fff;
font-size: 180%;
margin: -3px 0 0 0;	
text-align:center;
}
#cal-events-display .cal-line-details-events .the-top-one {/* helps IE 7 and IE 9 with positioning of top item & background image */
padding-top: 10px;	
}
.box-with-date-events {/* not currently used */	
}
.cal-line-details-events {
padding: 0px 0px 20px 70px;	
}
.cal-line-details-events li {
border-bottom: 1px solid #ccc;
padding: 5px 0 10px 0;
}
#cal-events-ongoing {
clear: both;
}
.box-with-date-ongoing {/* not currently used */	
}
.cal-line-details-ongoing {
padding: 10px 0px 20px 110px;	
}
.cal-line-details-ongoing li {
border-bottom: 1px solid #ccc;
padding: 5px 0 5px 0;	
}
#title-ongoing-events {
padding: 10px 0px 0px 40px;	
}
#ongoing-events-text a {
position: absolute;	
margin-top: -8px;
}
.events-time {
color: #888;
float:left;
}
.events-name {/* (may not be needed) */
color: #ccc;
margin-left:140px;
}
/* for the drop-down details section */
#wrapper-for-event {	
border: 1px solid #e0e0e0;
margin: 10px 0 10px 0px;
width: 530px;
}
#left-drop-down {/* just used to wrap the left side pic-holder, time-holder, location-holder and detail-holder */
width: 340px;
padding: 0 0px 0 0;
background:#fff;	
}
#time-location-holder {
width: 530px;
border-bottom: 1px solid #e0e0e0;		
}
.time-location {
background: #fff;
color: #000;	
}
.inner-detail {
background: #fff;	
}
.pic-holder {
width: 110px;
margin: 10px 0 10px 10px;	
}
.calendar-pic {
border: 1px solid #ccc;	
}
.time-holder {
padding: 10px;
font-weight: bold;	
}
.location-holder {
padding: 10px;
font-weight: bold;	
}
#pic-details-holder {
width: 530px;	
}
.detail-holder {
clear: both;
clear: both;
margin: 10px 10px 10px 10px;	
}
.contact-holder {
}
#wrapper-contacts-section {
border-top: 1px solid #e0e0e0;	
width: 530px;
}
#socialLinks-wrapper {
padding: 10px;	
}
.socialLinks img {
margin: 0 0 10px 0;	
}
#contact-holder-wrapper {
width: 300px;
padding: 10px;	
}
.linker-detail {
margin: 10px 0 10px 0;	
}
/* Section on the right */
#month-calendar {
margin: 5px 0 0 20px;	
}
#academic-calendar-title {
font-size: 20px;
padding: 0px 20px 10px 29px;
color: #888;	
}
#academic-calendar-details-wrapper {/* not currently used */
}
.details-ul {
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0px;	
border-top: 1px solid #757575;
}
#details-date  {
margin: 0px 0 0px 9px;
font-weight: bold;	
padding: 6px 0 0px 0px;
color: #757575;
}
#details-copy {
margin: 0px 0 0px 9px;
padding: 0px 0 10px 0px;
color: #757575;
}
.more-details-ul {
border-top: 1px solid #757575;
padding: 0px 0px 0px 4px;
margin: 0px 0 0px 0px;	
}
#more-details-copy {
margin: 0px 0 0px 15px;
padding: 0px 0 10px 0px;	
}
/* end styles created by Dennis */
/* end styles created by Dennis */





#viewport{position:absolute; z-index:-1;}
/*****Good way to hide a table row without compromising widths on a restore******/
.hide{ position:absolute; top:-999999px; display:none;}
.hide2{ visibility:hidden; display:none; left:-999999999999px;}
.wait{ background: url(s/css/spinner.gif) no-repeat 150px top !important; }
.skipc{margin:0 !important; padding:0 !important; border:none !important;}



/**********************Comet Calendar and add event/rss feed links************/
#tophold{background:url(h2.gif) repeat-x left bottom; margin:0; float:left; height:37px; }
#leftcol{width:740px; float:left;}
h2.top{font:2.2em Georgia, "Times New Roman", serif; margin:0; padding:2px 0 2px 14px; width:750px; float:left; }
#add{ width:183px; float:right; padding:10px 0 3px 0; height:21px;}
#add p{display:inline; padding-right:16px;}



/*****************************Tags box***************************************/
h2.topdate{padding:14px 0 4px 20px; clear:both; margin:0;}
#closetags img{border:none; padding:0; margin:0;}
#tagbox{background:url(tagbox.gif) no-repeat 14px 10px; padding:6px 6px 8px 16px; width:698px; height:110px; margin:0; }
table#tags{ width:698px; height:94px;}
table#tags td{font: 11px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.tip {min-width:5px; min-height:5px; color: #000;	background-color:#DFE8DE; z-index: 13000; font-size:11px; padding:4px; opacity: .88; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88)}
#tags-closed{display:none; padding-left:20px;}
#allcheck{position:relative; padding:0 10px 0 0;}
#choices{margin:0 10px 0 10px;}

/******main event listing*******/
#eventborder{border:3px solid #666; width:687px; margin:0 0 0 20px;}
#detail{
border:none;   
padding: 20px 0px 12px 20px; 
float: left;
width: 620px;
}

#dateevpub {color: #000000; margin:0 0 0 20px;}
.deepub{font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.green{ background-color:#DEE7DD; _height:2px;}
.greenshadow{ background:url(../admin/css/bg-green.png) repeat-y 0px 0px }
.topshadow_g{ background: url(../admin/css/detail_top.png) repeat-x 0px 0px; height:1px; margin:0; padding:0;}
.bottomshadow_g{ background: url(../admin/css/detail_bottom.png) repeat-x 0px 0px; height:1px; padding:0;}
*html .bottomshadow_g{ margin-bottom:-13px;}

.date{ font-size: 11px; padding:12px 0 4px 4px; width:126px; float:left;}
.details{padding:5px 50px 0 0;}
.event { font-weight: bold; font-size:13px; color: #060; padding:12px 4px 12px 0px; float:left; width:390px;}
.event img{}
.event a{display:block;}
.pub {font-size: 11px; padding:12px 0 0 6px; float:right; width:150px;}

.inner{font-size:12px; position:static; width:600px;}
.picholder{width:120px; height:150px; float:left; margin:10px 0 0 0;}
.cal_pic{border:1px solid #060; padding:1px;  margin-left:6px;}
.timeholder{width:110px; float:left; padding-left:10px; margin:10px 0 0 0;}
.locationholder{width:150px; float:left; padding-left:80px; margin:10px 0 0 0;}
.contactholder{width:151px; float:right; padding-left:50px; margin:10px 0 0 0;}
.detailholder{width:342px;  padding-left:12px; float:left; }

.linker { font-size: 10px;}

.tomorrow{float:right; padding:0 30px 0 0; margin-top:0; width:700px; font-size:11px;}

/*****************************40 year standout***********************************/
.forty{background-color:#fdf1d4;}
.fortylink{position:absolute; margin:8px 0 0 55px; *margin-left:4px; width:330px;}
.forty .pub{margin-top:8px;}


/***********************Calendar box************************/
.bigbox{ float:left; width:195px; height:100px; background: url(bigbox.gif) no-repeat; padding:12px; margin-right:21px;}
a.bigbox{color:#000;}

#rightcol{
width:214px; 
float:right; 
width: 300px; 
}
#cal_border{padding:6px; width:175px; border:1px solid #e8e8e8; margin:10px 0 0 0;}

form#cal_form{padding:0 0 10px 14px; margin:0;}
table#cal_display{ background: url(jailstripes.gif) no-repeat 20px top; }
table#cal_display td{ font-size:11px; text-align:center;}
td.day_sel{ background:#666; text-align:right;}
.day_sel a{color:#fff;}
.today{float:left; padding:10px 0 0 0;}
.sevendays{float:right; padding:10px 0 0 0;}
.socialLinks{font-size:10px; margin-right:12px; border:0px solid #999; padding:8px;text-align:center; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#fff;}



/***academic/financial listing******/
#academ{ border:3px solid #efefef; width: 200px;}
table#academt td{font: 11px Arial, Helvetica, sans-serif; padding:3px 0 3px 3px; border-bottom:1px solid #efefef;}
.smalldate{font-size:10px;}
.br{font: 11px Arial, Helvetica, sans-serif; text-align:right; padding:0 12px 0 0; }
.detaila{position:relative; padding:8px; background:#fff; border:1px solid black; width:300px; margin-top:-40px; margin-left:-120px;}
.closea{ display:block; text-align:right; padding-bottom:6px;}

/********************incoming link page***************/
#mainevent{width:697px; border:1px solid #676767; background:#DFE8DD; margin:0 0 0 21px;}
#evtitle{ font:bold 14px Arial, Helvetica, sans-serif; padding:10px 0 0 10px; float:left; width:90%;}
.std_margin{margin-left:21px;}



/***************Search Box***********************************/
#calsearch{border:1px solid #e8e8e8; margin:49px 0 0 0; padding:8px; width:180px}
#calsearch input{ border:2px solid #dee7dd;}


/*******************iframe bookmarks********************/
.bookmarks{position:absolute; margin:-150px 0 0 -490px; *margin-left:-600px; border:3px solid #B6C9B4; background-color:#fff; width:830px; z-index:999999; display:none;}
.marker{display:none;}
.closeiframe{float:right; padding:8px 8px 0 0;}

/*******************listed items on rss page***************/
#publist li{ float:left; width:250px;}

.ongoingEvents{
	clear:both;	
}
/**************************Widget*************************/
#cccalendarNav{font-weight:bold;font-size:123.1%;clear:both;margin-left:16px;height:24px;}
#cccalLeft{float:left;width:24px;padding-left:8px;}
#cccalMonth{float:left;text-align:center;width:168px;}
#cccalRight{float:left;width:24px;padding-left:4px;}
#cccalendarFeed{overflow:hidden;height:150px;width:237px;position:relative;margin-left:15px;}
#cccalendarPop{position:absolute;left:-99999px;/*width:196px;height:120px;*/z-index:2000;background:#fff;border:1px solid #ccc;font-size:93%;  -moz-border-radius: 10px; /* Firefox */-webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */  -moz-box-shadow: 2px 2px 5px #ccc; /* Firefox */
  -webkit-box-shadow: 2px 2px 5px #ccc; /* Safari, Chrome */
  box-shadow: 2px 2px 5px #ccc; /* CSS3 */}

#ccmonths{position:absolute;left:-238px;width:952px;}
.ccmonth{float:left;margin:0px;}
.ccweek{margin:0px !important;padding:0px !important;width:238px;}
.ccday{float:left;width:32px;height:21px;text-align:center;padding-right: 2px !important;margin:0px !important;border-right:1px solid #69BE28;font-size:116%;cursor:pointer;color:#008542;}
.ccgreydayrev, .ccgreyday{float:left;width:32px;height:21px;padding-right: 2px !important;margin:0px !important;text-align:center;border-right:1px solid #69BE28;cursor:pointer;}
.ccgreydayrev, .ccgreyday, .ccday{display:block;height:21px;width:31px;padding:3px 0px 0px 0px;font-weight:bold;}
.ccgreydayrev, .ccgreyday{color:#aaa !important;}
.ccday:hover, .ccgreydayrev:hover, .ccgreyday:hover {background:#69BE28;color:#fff !important;}

.cchilightevent {clear:both;margin-bottom:12px;}
.ccthreelettermonth {color:#666;font-size:85%;float:left;text-align:center;clear:both;width:24px;margin-right:16px;}
.ccnumberdate {color:#666;font-size:153.9%;float:left;clear:both;width:24px;text-align:center;margin-right:16px;}
.cceventtitle {padding-top:2px;}

.ccevents{float:none;display:none;position:absolute;margin-top:-100px;margin-left:30px;background:white;width:200px;height:80px;font-size:85%;z-index:1000;}
.ccevent{padding:6px 8px;}
.ccevent:nth-child(even){background:#E8F4E9;}


