body {	margin-top: 0px;
	background-image: url(/images/b.jpg);
	background-repeat: repeat-x;
	background-color: #3A8BA0;}

#container {
            width:100%;
            margin:0 auto;
            background:none;

            }

ul.mainnav {margin:0 0 0 50px;padding:0;height:30px;}
ul.mainnav li {
	height:30px;
	line-height:30px;
	margin-right: 5px;
}
ul.mainnav li a {height:30px;line-height:30px;background:#5B0000;-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; }
#current a {height:30px;line-height:30px;background:#fff;}

.homepagecontainer {position:static;margin-top:40px;width:1090px;background:none}
.marketingarea {width:750px;height:435px;border:3px solid #fff;background:#fff}
.featuredsocieties {width:756px}
.featuredevents {
	border:3px solid #fff;
	width:293px;
	background:url(images/events_bgr.png) repeat-x #fff;
	padding:0px
}
.featuredevents h2 {line-height:40px;padding:0px 10px 0px 10px;margin:0;font-size:16px;color:#0d718b;}
.featuredevents h2 a {line-height:40px;font-size:14px;font-weight:normal;color:#0d718b}

.hclicksocholder { border-bottom:1px solid #cececb;margin:10px 0px 10px 10px;width:275px}
.thecal {background: url(images/cal_bgr.png) no-repeat 0px 5px;margin-left:3px;
width: 44px;
height: 63px;
float:left;margin-right:10px;
}

.thecal .l1 {padding-right:3px;text-align:center;color:#0d718b;font-size:9px;padding-top:7px}
.thecal .l2 {padding-right:3px;text-align:center;color:#c23b40;font-size:24px;line-height:22px}
.thecal .l3 {padding-right:3px;text-align:center;color:#06495b;font-size:10px}

.hclicksocholder h3 {font-size:14px;color:#333333;margin-bottom:0px;line-height:14px}
.hclicksocholder p {font-size:12px;line-height:14px;color:#666;font-family:Arial;
                    height:48px;overflow:hidden}
                    
                    
                    
.featuredsocietiesbanner {background:#054454;width:453px;
-webkit-box-shadow:  0px 2px 5px 1px rgba(22, 22, 22, 0.7);

        box-shadow:  0px 2px 5px 1px rgba(22, 22, 22, 0.7);
        -webkit-border-radius: 1px;
border-radius: 1px;
                          float:left;margin-left:0px;
                          margin-right:15px;margin-top:20px;padding-bottom:20px}
.featuredsocietiesbanner  h3 {font-size:20px;color:#fff;padding-left:5px}
.fsocietycontainer {width:430px !important;padding:10px;border-top:5px solid #5c9cad;border-bottom:5px solid #8db9c5}
.sochomeholder {width:420px}
.sochomeholder .fsocietylogo {width:120px;float:right}
.sochomeholder h2 {font-size:14px;font-weight:bold;color:#fff;letter-spacing:0px;padding-bottom:0px}
.sochomeholder p {font-size:12px;line-height:14px;color:#fff;font-weight:normal}
.fsociety { margin-left:10px}
.fsocietycontainer {width:330px}
.evgal{background: url(images/gal_bgr_small.png) no-repeat;
width: 200px;
height: 175px;
float:left;
margin-top:20px;
}

.evgal h2 {color:#fff;text-align:center;font-size:16px;margin-top:4px;margin-bottom:0px}
.footer {

  bottom: 0;
  height:100px;
  border:0;
  width: 100%;
  margin:0 auto;
  margin-top:40px;
  font-size:11px;
  display: flex; 
  background:#3A8BA0;}

  .footer-inner {
  width: 1080px;
  margin: 0 auto; 
}

.internalcontainer,
#container > #ccontainer:last-of-type {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0;        /* avoid accidental min-height from old CSS */
}


body.subp {background-image:url(/images/subp_bgr.jpg);background-color:#d1cab8}
.internalcontainer {margin-top:39px;width:1090px;background:#fff}

.featuredsocietydetails {width:700px}
.featuredsocietydetails h3 {font-size:12px;color:#cc0000;letter-spacing:0px}
.featuredsocietydetails h1 {color:#5B0000;font-size:30px}
img.fsocietylogo {float:left}
.rightsocietycolumn {width:295px}

#gcaldatepicker {font-size:14px}

.condet {border:1px solid #cccccc;background:#F9F9F9 url(images/contact_bgr.png) no-repeat;
width: 280px;

font-size:12px;
color:#006699;

font-family:Georgia;
font-weight:normal;
}

.condet p {font-size:12px;
color:#006699;
font-family:Georgia;
font-weight:normal;}

.condet h2 {color:#0d718b;font-size:18px;line-height:35px;margin-bottom:5px}

.featuredevents h3 {color:#0d718b}
.featuredevents p a,.featuredevents p ,.featuredevents p b{color:#0d718b}

body.subp .featuredevents {background:#fff}

div.popup {display:none;position:absolute;z-index:999999999;margin:140px 0px 0px 200px;}
div.popupc {background:#fff;border:3px solid #5B0000;padding:5px 25px 25px 25px;width:870px;-webkit-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: 2px 2px 3px 3px rgba(111, 111, 111, .5);
box-shadow: 2px 2px 3px 3px rgba(111, 111, 111, .5); }

.marketpanel .txt {height:110px;background:url(images/bgr_slide.png);margin-top:325px
                  ;position:absolute;z-index:999999;width:750px}
.marketpanel .txt h2 {margin:15px 0px 0px 30px;font-size:44px;color:#fff;font-weight:normal;letter-spacing:-1px;line-height:46px}
.marketpanel .txt h3 {margin:0px 0px 0px 30px;font-size:36px;color:#28b7dc;font-weight:normal;letter-spacing:-1px;line-height:36px}

.thumbsbar {position:absolute;z-index:999999;margin-top:410px;width:740px;text-align:right}
.thumbsbar a {width:14px;height:14px;overflow:hidden;margin-right:5px;background:#0d718b;
              float:right;color:#0d718b}
.thumbsbar a.activeSlide {width:14px;height:14px;overflow:hidden;margin-right:5px;background:#fcb445;
              float:right;color:#fcb445}

.internalcontainer p {
  color: #000;       /* force black text */
}

.internalcontainer li {
  color: #000;       /* force black text */
}


#internalcontainer_tiny, #internalcontainer_tiny p {background:none;color:#000;font-size:12px;line-height:16px}
#internalcontainer_tiny h1 {color:#5B0000;font-size:30px}
#internalcontainer_tiny h2 {font-weight:normal;color:#5B0000}
#internalcontainer_tiny h3 {font-size:12px;color:#cc0000;letter-spacing:0px}
#internalcontainer_tiny h4 {line-height:18px;font-size:14px;color:#000000;}

#internalcontainer_tiny table {border:3px solid #fff;outline:1px solid #c4c4c4}
#internalcontainer_tiny table th {font-size:14px;color:#3a8ba0;background:#fff;padding:5px}
#internalcontainer_tiny table td { background:#e3dfd4;padding:5px}
#internalcontainer_tiny table td.odd {background:#f6f4f1}
#internalcontainer_tiny table tr td:first-child {border-left:5px solid #e3dfd4}
#internalcontainer_tiny table tr td:last-child {border-right:5px solid #e3dfd4}
#internalcontainer_tiny table tr:last-child td {border-bottom:5px solid #e3dfd4}

.categoriesplist {width:205px;float:left}
.categoriesplist a {padding-left:8px;line-height:29px;color:#0d718b;display:block;font-size:14px;font-weight:bold;text-decoration:none}
.categoriesplist a span {float:right;font-size:12px;font-weight:normal;margin-right:32px}
.categoriesplist a.sel {background:url(images/popupasel.png) no-repeat}

.socplist {width:580px;float:right;margin-top:20px}
.socplist a {width:250px;display:block;float:left;margin-right:40px;font-size:12px;color:#666666;
          line-height:35px;border-bottom:1px solid #80c0d1;text-decoration:none}
		  .caption{
	clear: left;
	top: 470px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 150px;
	padding-top: 120px;
}
.caption p{
	color: #999999;
	font-size: 12px;
	padding-bottom:0px;
	padding-top: 3px;
}
#thedesc{
	color: #333333;
	font-size: 12px;
	margin-left: 17px;
}

div.hver {border:1px solid #666 !important; -webkit-box-shadow: 0px 0px 6px 5px rgba(13, 113, 139, .3);
box-shadow: 0px 0px 6px 5px rgba(13, 113, 139, .3);
}

#searchf {font-weight:bold;float:right;color:#fff;font-size:11px;}
#searchf input {border:1px solid #77A8D1;padding:1px 1px 1px 1px}
#searchf input[type=submit] {font-size:11px;background:#77A8D1;color:#fff;padding:1px 1px 0px 1px }

/* ===== FINAL HEADER LAYOUT ===== */
:root{ --maxw:1000px; --maroon:#5B0000; --cream:#F3EED9; }

body, body.subp { background: var(--cream) !important; background-image: none !important; }
#ccontainer, .internalcontainer { max-width: var(--maxw); margin: 0 auto; }

#menubar {
  background: var(--maroon) !important;
  height: 48px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;

  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  clear: both !important;  
}


#ccontainer .topsection {
  max-width: var(--maxw) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important; 
  gap: 20px;
  padding: 10px 0 12px;
  background: none !important;
  width: auto !important;
  height: auto !important;
}

#ccontainer .topsection .welcometxt2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
#ccontainer .topsection .header-mid {
  flex: 1 1 auto;
  text-align: center;
  min-width: 0;
}

.header-logo { display:block; width:auto; height:auto; max-width:230px; max-height:80px; }
.header-logo--tcd { max-width:230px; max-height:75px; }

.internalcontainer {
  background: #fff;
  padding: 30px 40px;
  border: 2px solid var(--maroon);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  margin: 20px auto;
}

@media (max-width: 800px) {
  .welcometxt2 {
    display: none;
  }
}

@media (max-width: 800px) {
  .header-mid {
    display: none;
  }
}

