* {
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
}

img {
	border:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	color:#000;
	background-color:#efecd1;
	background-position:center 140px;
	background-repeat:repeat-x;
}

/* ======================================== ETC CUSTOM ======================================== */
/*here due to adblock issue in chrome*/
style {
       display:none !important;
}

/*CCM - dual footers due to publish issue - temporary fix*/
#wrap-footer>#footer>#footer-social{
display:none;
}


/* ======================================== BODY BACKGROUNDS ======================================== */

body.home {
	background-image:url(/images/body-home-bg.jpg);
}

body.academics {
	background-image:url(/images/body-academics-bg.png);
}

body.admissions, body.newsandevents {
	background-image:url(/images/body-admissions-bg.jpg);
}

body.branding {
	background-image:url(/images/body-branding-bg.png);
}

/* ======================================== INTRUDER ======================================== */

.intrude {
	background-position:center 170px;
}

.EmergOnOffDiv{
        display:none;
}

#intruder-wrap {
	background:#9a2626;
}

#intruder {
	margin:auto;
	width:960px;
	height:75px; /* edited dan to make bigger was 30px */
/*	line-height:30px; removed dan 2041-02-12 reformating to make intruder bigger */
	background:#0a223c;
	font-size:12px;
}

#intruder .advisory {
	float:left;
	display:inline;
	color:#f5e547;
	text-transform:uppercase;
	font-size:24px;
	background:#9a2626;
	padding:12px 20px 0 0;
	height:63px;
	width:120px;
}

#intruder .issued {
	float:left;
	display:inline;
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:13px 15px 0 15px;
	color:#04d5ff;
	font-weight:bold;
	height:62px;
	font-size:14px;
	line-height:18px;
	width:120px;
}

#intruder .message {
	float:left;
	display:inline;
	color:#fff;
	font-weight:normal;
	padding: 0 0 0 15px;
	width:620px;
	height:75px;
}

#intruder .message a {
 color:#04d5ff;
}
 
#intruder .message a:hover {
 text-decoration:underline;
}
 
#intruder .message p {
padding: 10px 0 0 0;
	font-size:14px
}


/* ======================================== MAIN ======================================== */

.main {
	background:url(/images/main-bottom.png) bottom repeat-x;
}

.main .newsandevents {
	padding-top:22px;
}

.department-bg {
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:550px;
	background:url(/images/department-bg.jpg);
	z-index:0;
}

.center-bg {
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:600px;
	background:url(/images/center-bg.jpg);
	z-index:0;
}

#wrap-main .section {
	background:#123864;
}

/* ======================================== FRAMEWORK ======================================== */

#surprise {
	position:absolute;
	left:0;
	top:150px;
	z-index:999;
	border-style:solid;
	border-width:1px;
}

body > #surprise {
	position:fixed;
}

#surprise a {
	display:block;
	width:36px;
	height:168px;
	background:url(/images/surpriseyourself.jpg) left;
}

#surprise a:hover {
	background-position:right !important;
}

#surprise a span {
	display:none;
}


/* ======================================== start 8-30-13 update replace surprise stories with support dan ======================================== */

#sidetab-support {
position:absolute;
left:0;
top:150px;
z-index:999;
border-style:solid;
border-width:1px;
}

body > #sidetab-support {
position:fixed;
}

#sidetab-support a {
display:block;
width:36px;
height:168px;
background:url(/images/sidetab-support-etown.jpg) left;
}

#sidetab-support a:hover {
background-position:right !important;
}

#sidetab-support a span {
display:none;
}


#sidetab-apply {
position:absolute;
left:0;
top:150px;
z-index:999;
border-style:solid;
border-width:1px;
}

body > #sidetab-apply {
position:fixed;
}

#sidetab-apply a {
display:block;
width:36px;
height:168px;
background:url(/images/sidetab-apply-now.jpg) left;
}

#sidetab-apply a:hover {
background-position:right !important;
}

#sidetab-apply a span {
display:none;
}



/* ======================================== end 8-30-13 update replace surprise stories with support dan ======================================== */






#infonav {
	position:absolute;
	right:0;
	top:150px;
	/*width:168px;*/
	height:168px;
	z-index:999;
}

#infonav ul {
	list-style:none;
	padding:0 0 0 12px;
}

#infonav ul li {
	display:block;
	float:none;
	line-height:29px;
}

#infonav a {
	color:#fff;
}

#infonav a:hover {
	color:#04d5ff;
}

body > #infonav {
	position:fixed;
}

#infonav .infonav {
	float:right;
	display:inline;
	width:36px;
	height:168px;
	background:url(/images/infonav.png) left;
}

#infonav .infonav span {
	display:none;
}

#infonav .interior {
	float:right;
	display:inline;
	width:132px;
	height:158px;
	padding:10px 0 0 0;
	background:#0b233d;
	font-size:20px;
}

#infonav .interior span {
	display:none;
}

/*
#infonav .interior a {
	display:block;
	width:132px;
	height:28px;
}
*/

#infonav a.current {
	background:url(/images/infonav-current.png) left;
}

#infonav a.parents {
	background:url(/images/infonav-parents.png) left;
}

#infonav a.faculty {
	background:url(/images/infonav-faculty.png) left;
}

#infonav a.alumni {
	background:url(/images/infonav-alumni.png) left;
}

#infonav a.visitors {
	background:url(/images/infonav-visitors.png) left;
}

#infonav .interior a:hover {
	background-position:right !important;
}

#wrap-headermain {
}

#wrap-header {
	background:url(/images/wrap-header-bg.png);
}

#header {
	position:relative;
	margin:auto;
	width:960px;
	height:140px;
	background:url(/images/header-bg.png);
}

#header .return-home {
	position:absolute;
	right:45px;
	bottom:10px;
	font-size:16px;
	text-shadow:#000 1px 1px;;
}

#header .return-home a {
	color:#fff;
}

#header .return-home a:hover {
	text-decoration:underline;
}

#header .title {
	position:absolute;
	left:45px;
	top:30px;
}

#header .title a {
	display:block;
	width:326px;
	height:52px;
	background:url(/images/header-title.png);
}

#header .title a span {
	display:none;
}

#header .subtitle {
	position:absolute;
	left:42px;
	top:88px;
	font-size:36px;
	line-height:40px;
	color:#04d5ff;
}

#header .tasks {
	position:absolute;
	left:444px;
	top:36px;	
	height:32px;
	font-size:10px;
	line-height:32px;
	text-align:center;
	color:#04d5ff;
	background: #001323;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-khtml-border-radius: 4px;
}

#header .tasks a {
	color:#fff;
}

#header .tasks a:hover {
	color:#04d5ff;
	text-decoration:underline;
}

#header .tasks ul {
	position:relative;
	float:left;
	display:inline;
	left:50%;
	list-style:none;
}

#header .tasks li {
	position:relative;
	float:left;
	display:inline;
	right:50%;
	background:url(/images/tasks-bg.png) 0px 12px no-repeat;
	padding:0 9px 0 11px;
}

#header .tasks li.first {
	background:none;
	padding:0 9px 0 9px;
}

#header .search {
	position: absolute;
	left: 780px;
	top: 36px;
	width: 170px;
	height: 32px;
	background: url(http://www.etown.edu/images/header-search-2012-08-13.png);
	background-position: right top;
}

#header .search .input {
	width:130px;
	height:32px;
	padding:0;
	line-height:32px;
	font-size:10px;
	color:#0d2746;
	border:0;
	background:none;
}

#header .search .submit {
	width:35px;
	height:32px;
	border:0;
	background:none;
	cursor:pointer;
}

#wrap-main {
	background:url(/images/wrap-main-bg.png) bottom repeat-x;
}

#main {
	margin:auto;
	width:960px;
}

#wrap-footer {
	background:url(/images/wrap-footer-bg-560h.png);
}

#footer {
	margin:auto;
	width:960px;
	height:530px;
	color:#fff;
	background:url(/images/footer-bg-530h.png);
}

#footer a {
	color:#04d5ff;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}

#footer-social {
	width:922px;
	height:365px;
	padding:0 0 0 38px;
}

#footer-social .block {
	float:left;
	display:inline;
	width:270px;
	margin:30px 37px 0 0;
}

#footer-social .block p {
	padding:10px 0;
}

#footer-social .block .icon {
	padding:0 10px 0 0;
}

#footer-social .block .facebookfeed {
	height:240px;
	overflow:hidden;
}

/* === start footer update aug 2012 remove feeds ===*/

#footer .block .sm-block  {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color: #fff;
	margin-bottom:10px;
}

#footer .block .sm-block a  {
	color: #04D5FF;
}

#footer .block .sm-block a:hover  {
	color:#fff;
	text-decoration:underline;
}

#footer #footer-social .footer-quicklinks ul {
	list-style-type: none; 
	margin:0 0 20px 0; 
	width:48%; 
	float:left;
}

#footer #footer-social .footer-quicklinks ul li a {
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	color: #04D5FF;
}

#footer #footer-social .footer-quicklinks ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

/* === end footer update aug 2012 remove feeds ===*/

#footer-bottom {
	width:960px;
	height:165px;
	line-height:105px;
}

#footer-bottom .seal {
	float:left;
	display:inline;
	padding:0 10px 0 5px;
}

#footer-bottom .seal a {
	display:block;
	width:50px;
	height:105px;
	background:url(/images/footer-seal.png);
}

#footer-bottom .seal a span {
	display:none;
}

#footer-bottom .left ul {
	float:left;
	display:inline;
	list-style:none;
}

#footer-bottom .left ul li {
	display:inline;
	padding:0 20px 0 0;
}

#footer-bottom .right ul {
	float:right;
	display:inline;
	list-style:none;
}

#footer-bottom .right ul li {
	float:right;
	display:inline;
	padding:0 0 0 25px;
}

#footer-bottom li.last {
	padding:0 !important;
}

#footer-bottom .nondiscrimination {line-height: normal; font-size: 9px; width: 100%; clear: both;}

/* ======================================== NAV ======================================== */

#nav {
	position:absolute;
	left:0;
	top:103px;
	width:960px;
	height:37px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: normal;
}

#nav ul {
	list-style:none;
	padding:0;
	width:100%;
}

#nav ul li {
	float:left;
	display:inline;
	height:37px;
	line-height:37px;
	border-right: dotted 1px #123864;
}

#nav ul li a {
	display:block;
	height:37px;
	color:#fff;
	padding: 0 19px;
	text-shadow: 1px 1px 3px black;
}

#header #nav ul li a:hover {
	background-color:#001323;
	color:#04d5ff;
}

#nav ul li.active a {
	background-color: #001323;
	color:#fff;
}

#nav .wild {
	background-color:#2C699F;
}

#nav .wild a {
	color: #04d5ff;
	width:100%;
	background-color:#2C699F;
}


/* === old nav image positioning 
#nav ul li a span {
	display:none;
}

#nav ul li a.aboutetown {
	width:145px;
	background:url(/images/nav-aboutetown.png) top;
}

#nav ul li a.admissions {
	width:135px;
	background:url(/images/nav-admissions.png) top;
}

#nav ul li a.academics {
	width:129px;
	background:url(/images/nav-academics.png) top;
}

#nav ul li a.athletics {
	width:114px;
	background:url(/images/nav-athletics.png) top;
}

#nav ul li a.campuslife {
	width:139px;
	background:url(/images/nav-campuslife.png) top;
}

#nav ul li a.newsandevents {
	width:160px;
	background:url(/images/nav-newsandevents.png) top;
}

#nav ul li a.giving {
	width:91px;
	background:url(/images/nav-giving.png) top;
}

===== */

/* ======================================== TEMPLATE - HOME ======================================== */

#home-mediaunit {
	position:relative;
	margin:22px 0;
	width:961px;
	height:386px;
	background:url(/images/home-mediaunit-bg.png);
	overflow:hidden;
}

#home-mediaunit h2 {
	font-size:66px;
	line-height:30px;
	color:#04d5ff;
	text-transform:uppercase;
	text-shadow:#333 2px 2px;
	font-weight:normal;
}

#home-mediaunit h2 a {
	color:#04d5ff;
}

#home-mediaunit h2 a:hover {
	color:#fff;
}

#home-mediaunit h3 {
	margin:-7px 0 0 0;
	font-size:30px;
	color:#fff;
	font-weight:normal;
}

#home-mediaunit .left {
	width:244px;
	height:356px;
	padding:30px 30px 0 45px;
}

#home-mediaunit .right {
	margin:34px 38px 0 0;
}

#home-mediaunit .nav {
	position:absolute;
	left:43px;
	top:320px;
	z-index:99;
	background:#000;
}

#home-mediaunit .nav .arrowleft {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}

#home-mediaunit .nav .arrowright {
	position:absolute;
	left:34px;
	top:0;
	z-index:99;
}

#home-mediaunit .nav .counter {
	position:absolute;
	left:190px;
	top:0;
	width:50px;
	height:32px;
	line-height:32px;
	color:#04d5ff;
	font-size:11px;
	text-align:center;
	background:url(/images/home-mediaunit-counter.png);
}

#home-mediaunit .nav img {
	margin:0 5px 0 0;
}

#home-mediaunit-slides .slide {
	width:961px;
	height:386px;
	background:url(/images/home-mediaunit-bg.png);
}

#home-content {
	position:relative;
	padding:30px 0 25px 44px;  /* change 8-30-13 reduced bottom padding from 50 to 25 dan */
background:url(/images/home-content.png) bottom repeat-x; /* added 8-30-13 to help with the remove button update */
}

#home-content .buttons-wrap {
	position:relative;
	height:60px;
}

#home-content .buttons {
	position:absolute;
	left:0;
	top:0;
}

#home-content .block {
	position:relative;
	float:left;
	display:inline;
	width:270px;
	margin:0 31px 0 0;
	z-index:999;
}

#home-content .block a {
	color:#184476;
}

#home-content .block a:hover {
	text-decoration:underline;
}

#home-content .block h3 {
	color:#5d5d5d;
}

#home-content-blocks .slide {
	background:none !important;
}

#home-content .arrowleft {
	position:absolute;
	right:931px;
	top:90px; /* change 8-30-13 reduced top postion from 154px to 90px dan */
	z-index:99;
}

#home-content .arrowright {
	position:absolute;
	right:0;
	top:90px; /* change 8-30-13 reduced top postion from 154px to 90px dan */
	z-index:99;
}

#home-content-blocks-whatsetown, #home-content-blocks-latestnews, #home-content-blocks-upcomingevents {
	background:none;
	height:182px;
}


#home-content-blocks-latestnews img {
        max-width:179px;
        max-height:75px;
        margin-left: auto;
        margin-right: auto;
        display: block;
}

#home-content-blocks-latestnews .block, #home-content-blocks-upcomingevents .block {
	position:relative;
	background:url(/images/home-content-block.png);
	width:179px;
	height:156px;
	margin:0 12px 0 0;
	padding:10px 15px 0 15px;
	font-weight:bold;
	color:#555;
}

#home-content-blocks-latestnews .block a, #home-content-blocks-upcomingevents .block a {
	color:#00bbde;
}

#home-content .block .trigger {
	position:absolute;
	display:block;
	left:0;
	bottom:0;
	width:215px;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
}

.home-main {
/*dan 8-30-13 remove hompage buttons update -- background:url(/images/home-content.png) bottom repeat-x; */

}

/* ======================================== TEMPLATE - ACADEMICS ======================================== */

#content {
	position:relative;
	float:right;
	display:inline;
	width:710px;
	background:#fff;
	z-index:50;
}

#content h2 {
	color:#0a2740;
	font-size:56px;
	font-weight:normal;
	padding:0 0 10px 0;
}

#content p {
	margin:0 0 20px 0;
}

#content a {
	color:#0396b4;
}

#content a:hover {
	text-decoration:underline;
}

#content .breadcrumb {
	margin:0 0 0 25px;
	height:26px;
	line-height:26px;
	font-size:10px;
	border-bottom:1px solid #d9d9d9;
	text-transform:uppercase;
}

#content .breadcrumb ul {
	list-style:none;
}

#content .breadcrumb ul li {
	float:left;
	display:inline;
	padding:0 0 0 20px;
	background:url(/images/breadcrumb-bg.png) 9px 10px no-repeat;
}

#content .breadcrumb ul li.first {
	padding:0;
	background:none;
}

#content .breadcrumb a {
	color:#000;
}

#content .breadcrumb a:hover {
	text-decoration:underline;
}

#content .interior {
	padding:10px 25px 20px 25px;
	/*min-height:1000px;*/
	height:auto !important;
	height:1000px;
}

#content .interior a {
	font-weight:bold;
}

/* ===
#content .interior ul {
	list-style-position:inside;
	line-height:21px;
}
=== */

/* ======================================== dan ======================================== */

#content .interior ul, #content .interior ol, #content .interior dl {margin: 0 0 12px 24px;}
#content .interior ol li {list-style-position: outside; line-height:21px;}
#content .interior ul li {list-style-position: outside; list-style-type: square; line-height:21px; }
#content .interior ul .no-style {list-style:none;}


/* ======================================== dan ======================================== */



#content .interior .feature-specialinterests {
	position:relative;
	margin:30px 0 0 0;
	width:660px;
	height:125px;
	color:#fff;
	background:#605e54;
	overflow:hidden;
}

#content .interior .feature-specialinterests .featuretitle {
	padding:15px 0 0 0;
}

#content .interior .feature-specialinterests .featureimg {
	float:right;
	display:inline;
	border:1px solid #000;
}


#content .interior .feature-specialinterests .arrowleft {
	position:absolute;
	left:9px;
	top:47px;
	z-index:99;
}

#content .interior .feature-specialinterests .arrowright {
	position:absolute;
	right:9px;
	top:47px;
	z-index:99;
}

#feature-slides {
	width:660px;
	height:125px;
}

#content .interior .feature-specialinterests #feature-slides h3 {
	color:#04d5ff;
	text-shadow:#333 1px 1px;
	font-size:32px;
	margin:0;
	padding:8px 0 4px 0;
}

#feature-slides .slide {
	width:660px;
	height:125px;
	background:none;
}

#feature-slides .slide .interior {
	padding:15px 60px 0 60px;
	width:540px;
	height:110px;
}

#feature-slides .slide .interior a {
	color:#04d5ff;
}

#feature-slides .slide .interior a:hover {
	color:#fff;
	text-decoration:none;
}

/* ======================================== TEMPLATE - ADMISSIONS ======================================== */

#admissions-header {
	height:305px;
	background:url(/images/admissions-header-bg.png);
	color:#fff;
}

#admissions-header .left {
	padding:30px 0 0 17px;
}

#admissions-header .left h3 {
	font-size:28px;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
}

#admissions-header .left a {
	color:#04d5ff;
}

#admissions-header .left a:hover {
	color:#fff;
}

#admissions-header .left ul {
	list-style:none;
}

#admissions-header .left ul li {
	width:194px;
	height:31px;
	line-height:31px;
	background:url(/images/admissions-header-item.png);
	padding:0 0 0 25px;
	margin:0 0 12px 0;
}

#admissions-header .right {
	padding:20px 0 0 0;
	width:685px;
}

#admissions-header .right p {
	font-size:12px;
	line-height:16px;
	margin:0 0 15px 0;
}

#admissions-header .right .blurb p a {
	color:#04d5ff;
	text-decoration:underline;
}

#admissions-header .right .blurb p a:hover {
	color:#fff;
	text-decoration:underline;
}

#admissions-header .right .blurb p a:visited {
	color:#fff;
	text-decoration:underline;
}


#admissions-header .right h2 {
	font-size:40px;
	color:#04d5ff;
	margin:0 0 0 0;
	font-weight:normal;
}

#admissions-header .right h3 {
	font-size:28px;
	margin:-5px 0 0 0;
}

#admissions-header .right .title {
	margin:5px 0 0 0;
}

#admissions-header .right .images {
	position:relative;
	float:right;
	display:inline;
	width:394px;
	height:260px;
	background:#000;
	margin:0 25px;
	padding:7px 0 0 5px;
}

#admissions-header .right .images .full {
	position:absolute;
	left:4px;
	top:4px;
	width:391px;
	height:259px;
	background:#000;
	z-index:99;
}

#admissions-header .right .images .full a.trigger {
	position:absolute;
	right:6px;
	bottom:5px;
	display:block;
	width:42px;
	height:27px;
	background:url(/images/admissions-header-trigger.png);
	z-index: 10000000 !important;

}

#admissions-header .right .images .full a span {
	display:none;
}

#admissions-header .right .images ul {
}

#admissions-header .right .images ul li {
	float:left;
	display:inline;
	width:94px;
	height:60px;
	background:#123864;
	margin:0 4px 4px 0;
	overflow:hidden;
	position:relative;
}

#admissions-header .right .images ul li a {
	display:block;
	width:94px;
	height:60px;
	overflow:hidden;
	background:#92b9e4;
}

#admissions-header #banner-spif {
 margin:-20px 0 0 -25px;
}

/* =======
#content .neon-buttons {
	padding:15px 0 15px 25px;
}
========== */	

#content .neon-buttons a {
	color:#0b223c !important;
	margin: 10px 0 0 10px;
}

#content .neon-buttons a:hover {
	color:#fff !important;
}


.lib-links {
background-color:#09d5ff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding-left: 10px;
padding-right: 10px;
text-transform:uppercase;
}
.lib-links:hover {
background-color: #0B223C;
}



.no-grid {
	margin-top:-305px;
	padding-top:20px;
}

/* ======================================== TEMPLATE - NEWS AND EVENTS ======================================== */

.news-buttons {
}

.news-buttons a:hover {
	text-decoration:none !important;
}

#news-tabs {
	height:56px;
	margin:0 0 0 -25px;
	background:url(/images/news-tabs-bg.png);
}

#news-tabs a {
	float:left;
	display:inline;
	height:56px;
	line-height:46px;
	font-size:46px;
	color:#ccc;
	text-align:center;
	overflow:hidden;
}

#news-tabs a:hover, #news-tabs a.active {
	background-position:bottom !important;
	color:#0a2740;
	text-decoration:none;
}

#news-tabs a span {
	display:none;
}

#news-tabs a.news {
	width:130px;
	background:url(/images/news-tab-news.png) top;
}

#news-tabs a.events {
	width:157px;
	background:url(/images/news-tab-events.png) top;
}

#news-tabs a.calendar {
	width:184px;
	background:url(/images/news-tab-calendar.png) top;
}

#news-topfive {
	font-size:18px;
	color:#5d5d5d;
	font-weight:bold;
}

#news-topfive a {
	color:#5d5d5d;
}

#news-topfive a:hover {
	color:#5d5d5d;
	text-decoration:underline;
}

#news-topfive h3 {
	color:#04d5ff !important;
	margin:0 !important;
	padding:0 !important;
	font-weight:bold !important;
	font-size:18px !important;
}

#news-topfive p {
	margin:0;
}

#news-topfive ul {
	margin:0 0 20px 0 !important;
}

#news-topfive ul li {
	padding:28px 0;
	border-bottom:3px dashed #e9e8e8;
	list-style:none !important;
}

#news-topfive ul li img {
	float:left;
	display:inline;
	padding:0 25px 0 0;
	max-width:125px;
}

.news-listview {
	display:inline-block;
	padding:0 0 60px 20px;
}

#news-topfive .listview, #news-topfive .events {
	position:relative;
	padding:0 0 20px 0;
}

#news-topfive .news-nav {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.news-nav a {
	color:#04d5ff !important;
}

#news-topfive .events h2 {
	font-size:20px;
	text-transform:uppercase;
	margin:0 0 -10px 0;
}

#news-topfive .events p.normal {
	font-size:12px;
	font-weight:normal;
}

#news-sectionhead {
	/* height:40px; */
	padding:15px 0 35px 0;
	overflow:hidden;
}

#news-sectionhead .events-heading {
	font-size:18px;
	font-weight:bold;
	color:#555;
}

#news-sectionhead .events-heading h2 {
	font-size:20px;
	text-transform:uppercase;
	margin:0 0 -10px 0;
}

#news-topfive .events ul li.featured img {
	padding:0 15px 0 0;
	max-width:none;
}



/* ======================================== TEMPLATE - BRANDING ======================================== */

#branding-slider1 {
	width:960px;
	padding:10px 0;
	color:#fff;
}

#branding-slider2 {
	width:960px;
	padding:10px 0;
	color:#fff;
}

#branding-slider3 {
	width:960px;
	padding:10px 0;
	color:#3c3b34;
}

#branding-slider1 h2 {
	color:#04d5ff;
}

#branding-slider2 h2 {
	color:#04d5ff;
}

#branding-slider3 h2 {
	color:#3c3b34;
}

#branding-slider1 .branding-slider {
	background:#3c3b34;
}

#branding-slider2 .branding-slider {
	background:#0f5d7f;
}

#branding-slider3 .branding-slider {
	background:#efecd1;
}

.branding-slider {
	margin:auto;
	width:870px;
	height:350px;
}

.branding-slider h2 {
	font-size:50px;
	margin:-10px 0 0 0;
}

.branding-slider .slide {
	width:870px;
	height:350px;
}

.branding-slider .title {
	padding:0 0 10px 0;
}

.branding-slider .interior {
	padding:20px;
}

.branding-slider .interior .right {
	padding:3px;
	margin:0 0 0 40px;
	background:url(/images/branding-image-bg.png);
}

.branding-prev {
	display:block;
	width:25px;
	height:350px;
	background:url(/images/branding-prev.png) center;
}

.branding-next {
	display:block;
	width:25px;
	height:350px;
	background:url(/images/branding-next.png) center;
}

.branding-prev span, .branding-next span {
	display:none;
}

/* ======================================== TEMPLATE - DEPARTMENT ======================================== */

#department-footer {
	padding:34px 0 34px 3px;
	height:249px;
	overflow:hidden;
	background:#4e4d44;
}

#department-footer .block {
	float:left;
	display:inline;
	width:276px;
	height:249px;
	background:#0b233d;
	margin:0 21px 0 21px;
	color:#fff;
	overflow:hidden;
}

#department-footer .block .interior {
	line-height:21px;
	padding:2px 10px 0 10px;
	margin:0 0 0 30px;
}

#department-footer .block .interior a {
	color:#04d5ff;
}

#department-footer .block .interior a:hover {
	text-decoration:underline;
}

#admissions-header #content-slider {
 margin:-20px 0 0 -25px;
 position:relative;
}

#content-slider {
	position:relative;
}

#content-slider .arrowleft {
	position:absolute;
	left:10px;
	top:125px;
	z-index:99;
}

#content-slider .arrowright {
	position:absolute;
	right:10px;
	top:125px;
	z-index:99;
}

#content-slider .slider {
	width:710px;
	height:304px;
}

#content-slider .slider .slide {
	position:relative;
	width:710px;
	height:304px;
}

#content-slider .slider .slide .overlay {
	position:absolute;
	left:0;
	bottom:0;
	width:670px;
	height:105px;
	padding:10px 20px 0 20px;
	color:#fff;
	background:url(/images/content-slider-overlay.png);
}

#content-slider .slider .slide .overlay h3 {
	color:#04d5ff;
	font-weight:normal;
	font-size:32px;
	margin:0;
	padding:0;
}

#content-slider .slider .slide .overlay h3 a {
	color:#04d5ff;
}

#content-slider .slider .slide .overlay h3 a:hover {
	color:#ffffff;
}


#content-slider .slider .slide .overlay p {
	/*width:350px;*/
	line-height:18px;
	font-size: 12px;
}

#content-slider .slider .slide .overlay p a {
	color: #09D5FF;
	text-decoration: none;
}

#content-slider .slider .slide .overlay p a:hover {
	color: #FFFFFF;
}

/* ======================================== SIDEBAR ======================================== */

#sidebar {
	position:relative;
	float:left;
	display:inline;
	width:250px;
	z-index:50;
}

#wrap-main .section #sidebar {
	color:#fff;
}

#sidebar a {
	color:#000;
}

#sidebar a:hover {
	color:#fff;
}

#sidebar h2 {
	text-transform:uppercase;
	color:#0b233d;
	font-size:22px;
	margin-top:20px;
}

#sidebar #subnav h3 {
	margin: 20px 0 0 0;
	font-size:14px;
	border-bottom:dotted 1px;
}


#sidebar .block ul {
	margin: 5px 0 5px 35px;
	list-style-position: outside;
}

#wrap-main .section h2 {
	color:#fff;
	margin-top: 20px;
}

#subnav {
	list-style:none;
	padding:30px 0 15px 45px;
	background:#d1ceb5;
}

#subnav ul {
	list-style:none;

}

.section #subnav {
	padding:5px 5px 10px 45px;
	background:none;
}

.section #subnav a {
	color:#fff;
}

.section #subnav a:hover {
	color:#04d5ff;
}

#subnav h2 {
	border-bottom:1px solid #bab8a2;
}

ul#subnav li {
	padding:4px;
}

ul#subnav li ul {
	list-style:none;
	padding:0 0 0 20px;
	font-size:13px;
}

ul#subnav li ul li {
	padding:4px 0;
}

ul#subnav li.active {
	font-weight:bold;
}

ul.subnav {
	list-style:none;
	padding:0 0 30px 0;
	background:#d1ceb5;
}

ul.subnav h2 {
	border-bottom:1px solid #bab8a2;
}

ul.subnav li {
	padding:4px 0;
}

ul.subnav li ul {
	list-style:none;
	padding:4px 0 4px 20px;
	font-size:13px;
}

ul.subnav li ul li {
	padding:4px 0;
}

ul.subnav li.active {
	font-weight:bold;
}

#sidebar .calendar {
	padding:25px 0 15px 45px;
	background:url(/images/academiccalendar-bg.png) top no-repeat;
	border-top:1px solid #efecd1;
}

#sidebar .calendar a {
	color:#184476;
}

#sidebar .calendar a:hover {
	color:#000;
}

ul.academiccalendar {
	list-style:none;
	border-bottom:1px solid #cbc9b2;
	margin:0 0 15px 0;
}

ul.academiccalendar li {
	padding:10px 10px 10px 0;
	border-top:1px solid #cbc9b2;
	line-height:20px;
}

#sidebar ul.academiccalendar a {
	color:#000;
}

#sidebar ul.academiccalendar a:hover {
	text-decoration:underline;
}

#sidebar ul.academiccalendar .date {
	color:#184476;
}

#sidebar .eventcalendar {
	padding:25px 0 15px 45px;
	background-color:#123864;
	border-top:none;
	position:relative;
}

#sidebar .eventcalendar a {
	color:#ffffff;
}

#sidebar .eventcalendar a:hover {
	text-decoration:underline;
}

#sidebar .eventcalendar .date {
	color:#04d5ff;
}

#sidebar .eventcalendar h2 {
	color:#FFFFFF;

}

ul.eventscalendar {
	list-style:none;
	border-bottom:1px solid #0e2b4d;
	margin:0 0 15px 0;
	color:#FFFFFF;
}

ul.eventscalendar li {
	padding:10px 10px 10px 0;
	border-top:1px solid #0e2b4d;
	line-height:20px;
	color:#ffffff;
}

ul.eventscalendar li a {
	color:#ffffff !important;
}

.sidebar-slider {
	position:relative;
	width:240px;
	/* height:175px; */
	background:#123864;
	margin:10px 5px 5px 5px;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
}

.sidebar-slider a {
 color:#04d5ff !important;
}

.sidebar-slider a:hover {
 text-decoration:underline; !important;
}

.sidebar-slider h3 {
	position:relative;
	font-size:22px;
	height:27px;
	line-height:27px;
	background:url(/images/sidebar-slider-title-bg.png);
	color:#123864;
	padding:0 8px;
	display:inline-block;
	top:-5px;
}

.sidebar-slider h3 span {
	background:#fff;
	padding:0 7px;
}

.sidebar-slider .arrowleft {
	position:absolute;
	left:10px;
	top:70px;
	z-index:99;
}

.sidebar-slider .arrowright {
	position:absolute;
	right:10px;
	top:70px;
	z-index:99;
}

.sidebar-slider .slides {
	width:240px;
}

.sidebar-slider .slides .slide {
	width:240px;
}

.sidebar-slider .slides .slide .interior {
	padding:0 45px;
}

.sidebar-fade {
	height:100px;
	background:url(/images/academiccalendar-bg.png) top no-repeat;
	border-top:1px solid #efecd1;
}

#sidebar .block {
	width:190px;
	background:#0b233d;
	margin:40px 0 0 45px;
	color:#fff;
}

#sidebar .block a {
	color:#04d5ff;
}

#sidebar .block a:hover {
	text-decoration:underline;
}

#sidebar .block p {
	padding:5px 15px;
}

.feedback {
	padding:20px 45px;
	background:#615e55;
	color:#fff;
	margin-bottom:20px;
}

.feedback h4 {
	color:#04d5ff;
	text-transform:uppercase;
	font-size:24px;
}

.feedback p {
	position:relative;
	margin:5px 0 10px 0;
	z-index:99;
}

.feedback .buttons a {
	color:#04d5ff !important;
}

.related-links {
	padding:20px 45px;
}

.related-links h4 {
	text-transform:uppercase;
	font-size:22px;
}

.related-links ul {
	list-style:none;
}

.related-links ul li {
	margin:10px 0;
	padding:0 0 0 10px;
	background:url(/images/related-links-bullet.png) 0 5px no-repeat;
}

.related-links a:hover {
	color:#0396b4 !important;
}

.section .related-links ul li {
	background:url(/images/related-links-section-bullet.png) 0 5px no-repeat;
}

.section .related-links a {
	color:#fff !important;
}

.section .related-links a:hover {
	color:#04d5ff !important;
}

/* ======================================== CLASSES ======================================== */

.left {
	float:left;
	display:inline;
}

.right {
	float:right;
	display:inline;
}

.alignleft {
	float:left;
	display:inline;
	padding:3px 10px 10px 0;
}

.alignright {
	float:right;
	display:inline;
	padding:3px 0 10px 10px;
}

.royal {
	color:#184476;
}

.neon {
	color:#04d5ff;
}

.blue {
	color:#0396b4;
}

.white {
	color:#fff;
}

ul.flickr {
	list-style:none;
}

ul.flickr li {
	float:left;
	display:inline;
	margin:0 4px 3px 0;
	width:83px;
	height:80px;
	overflow:hidden;
}

ul.flickr li img {
	margin:-50px 0 0 -50px;
}

.pagetitle {
	padding:17px 0 0 25px;
}

.interior-left {
	float:left;
	display:inline;
	width:310px;
}

.interior-right {
	float:right;
	display:inline;
	width:310px;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.p {
	display:block;
	line-height:21px;
}

.no-bg {
	background:none !important;
}

ul.blocklist, ul.blocklist-2col {
	width:640px;
	list-style:none;
	padding:0 3px 35px 0;
	margin:0 !important;
	overflow:hidden;
}


ul.blocklist li, ul.blocklist-2col li {
	width:293px;
	height:34px;
	margin:0 0 5px 0;
}

ul.blocklist-2col li:nth-child(odd) {float:left; list-style-type: none !important;}
ul.blocklist-2col li:nth-child(even) {float:right; list-style-type: none !important;}



ul.blocklist li a, ul.blocklist-2col li a {
	display:block;
	width:283px;
	height:34px;
	padding:0 0 0 10px;
	line-height:34px;
	font-weight:normal !important;
	background:url(/images/blocklist-bg.png) top;
}

ul.blocklist li a:hover, ul.blocklist-2col li a:hover {
	background-position:bottom !important;
	color:#fff !important;
	text-decoration:none !important;
}


/* ======================================== HEADINGS ======================================== */

h3 {
	margin:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
}

h4 {
        color: #5D5D5D;
	font-weight:bold;
}

#footer-social .block h3 {
	line-height:36px;
}

#footer-social .block h3 a {
	color:#fff;
}

#footer-social .block h3 a:hover {
	color:#04d5ff;
}

#content .interior h3 {
	margin:20px 0 15px 0;
	color:#000;
	font-weight:bold;
	padding-bottom: 5px;
	font-size:20px;
}

#content .interior h2 {
	color:#0a2740;
}



/* ======================================== BUTTONS ======================================== */

.arrowleft a {
	background:url(/images/arrow-left.png) top;
}

.arrowleft a:hover {
	background-position:bottom !important;
}

.arrowright a {
	background:url(/images/arrow-right.png) top;
}

.arrowright a:hover {
	background-position:bottom !important;
}

.arrowleft a, .arrowright a {
	display:block;
	width:29px;
	height:32px;
	z-index:99;
}

.arrowleft a span, .arrowright a span {
	display:none;
}

.section .buttons a {
	color:#fff !important;
}

.section .buttons a:hover {
	color:#04d5ff !important;
}

.section .normal {
	margin:15px 0 0 0;
}

.section .normal a {
	color:#605e54 !important;
}

.section .normal a:hover {
	color:#04d5ff !important;
}

.buttons a {
	float:left;
	display:inline;
	margin:0 8px 0 0;
	height:32px;
	line-height:32px;
	font-size:10px;
	color:#605e54 !important;
	text-align:center;
	font-weight:normal !important;
}

.buttons a:hover, .buttons a.active {
	color:#04d5ff !important;
	background-position:bottom !important;
	text-decoration:none !important;
}

.buttons a.whatsetown {
	width:118px;
	background:url(/images/button-whatsetown.png) top;
}

.buttons a.latestnews {
	width:103px;
	background:url(/images/button-latestnews.png) top;
}

.buttons a.upcomingevents {
	width:126px;
	background:url(/images/button-upcomingevents.png) top;
}

.buttons a.fullcalendarrss {
	width:147px;
	background:url(/images/button-fullcalendarrss.png) top;
}

.buttons a.departmentcalendarrss {
	width:195px;
	background:url(/images/button-departmentcalendarrss.png) top;
}

.buttons a.internationalstudents {
	width:166px;
	background:url(/images/button-internationalstudents.png) top;
}

.buttons a.transferstudents {
	width:136px;
	background:url(/images/button-transferstudents.png) top;
}

.buttons a.adultstudents {
	width:114px;
	background:url(/images/button-adultstudents.png) top;
}

.buttons a.parents {
	width:71px;
	background:url(/images/button-parents.png) top;
}

.buttons a.collegecounselors {
	width:149px;
	background:url(/images/button-collegecounselors.png) top;
}

.buttons a.topfive {
	width:75px;
	background:url(/images/button-topfive.png) top;
}

.buttons a.listview {
	width:83px;
	background:url(/images/button-listview.png) top;
}

.buttons a.rss {
	width:53px;
	background:url(/images/button-rss.png) top;
}

.buttons a.youngcenternews {
	width:151px;
	background:url(/images/button-youngcenternews.png) top;
}

.buttons a.inthepress {
	width:103px;
	background:url(/images/button-inthepress.png) top;
}

.buttons a.letusknow {
	width:100%;
	height: auto;
	line-height:24px;
	background:#4b4b4b;
    color: #04d5ff;
    border-radius: 4px;
}

.buttons a.letusknow:hover {
	background:#000000;
    color:#ffffff ;
}

.buttons a.newseventsmainrss {
	width:181px;
	background:url(/images/button-newseventsmainrss.png) top;
}

/* ======================================== GLOBAL ======================================== */

p {
	line-height:21px;
}

blockquote, .blockquote { margin: 10px 20px; padding: 5px 10px; border-left: 5px solid #04d5ff; background-color: #e1e1e1; font-style:italic; }

/* ======================================== JQUERY HIDE ======================================== */

#infonav .interior, #home-content-blocks-latestnews, #home-content-blocks-upcomingevents, .arrow-set2, .arrow-set3, #admissions-header .full, #blurb .blurb, #news-topfive .events, #news-topfive .calendar, #news-sectionhead .events-heading, .news .listview, .listview .page2, .listview .page3, .events .page2, .events .page3, #news-topfive .upcomingevents, #news-topfive .inthepress, .sidebar-spif .block, #faculty-spif .block, #student-spif .block, #alumni-spif .block, #feedback-spif .feedback, #banner-spif img, #admissions-header .images ul {
	display:none;
}

/* ========================= default table Design ========================== */

table {
	margin: 10px 0 20px 0;
	border-collapse: collapse;
}

table td {
	padding: 8px;
}



/* ========================= Box table Design  Dan ========================== */

#box-table, .box-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	margin: 10px 0 20px 0;
	border-collapse: collapse;
}
#box-table th, .box-table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	border-right: 1px dotted white;
	vertical-align:top; 
	text-align:left;
}
#box-table td, .box-table td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
	border-right: 1px dotted white;
	vertical-align:top; 
	text-align:left;

}
#box-table tr:hover td, .box-table tr:hover td
{
	background: #d0dafd;
	color: #339;
}

/* ========================= Blue Gray table Design Dan ========================== */
	table.rounded-bluegray a {color:#174a75 !important; font-weight:bold !important; text-decoration: underline !important;}
	table.rounded-bluegray {border-collapse: collapse; border-spacing: 0; }
	table.rounded-bluegray caption {font-size: larger; margin: 15px auto; }
	table.rounded-bluegray th, table.rounded-bluegray td {padding: 10px; }
	table.rounded-bluegray th h3 {color: #fff !important;}
	table.rounded-bluegray th {
			color: #fff;
			border:dotted 1px #d4d4d4; 
			border-top:none;
			background: #0a2740;
			background: -moz-linear-gradient(top,  #0a2740 0%, #0069aa 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2740), color-stop(100%,#0069aa));
			background: -webkit-linear-gradient(top,  #0a2740 0%,#0069aa 100%);
			background: -o-linear-gradient(top,  #0a2740 0%,#0069aa 100%);
			background: -ms-linear-gradient(top,  #0a2740 0%,#0069aa 100%);
			background: linear-gradient(to bottom,  #0a2740 0%,#0069aa 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2740', endColorstr='#0069aa',GradientType=0 );
		}
	   table.rounded-bluegray th:first-child {
			border-left:none;
			-webkit-border-top-left-radius: 9px;
			-moz-border-radius-topleft: 9px;
			border-top-left-radius: 9px;
			}
	   table.rounded-bluegray th:last-child {
			border-right:none;
			-webkit-border-top-right-radius: 9px;
			-moz-border-radius-topright: 9px;
			border-top-right-radius: 9px;
			}

	table.rounded-bluegray tbody tr:nth-child(odd) {background: #d4d4d4; }
    	table.rounded-bluegray tbody tr:nth-child(odd) td {border:dotted 1px #E8EDFF;}

	table.rounded-bluegray tbody tr:nth-child(even) {background: #E8EDFF; }
    	table.rounded-bluegray tbody tr:nth-child(even) td {border:dotted 1px #d4d4d4;}
 
	table.rounded-bluegray tbody tr:hover { background: #04d5ff; } 



/* ========================= Staff Profiles Page =====================*/
.staff-block {
	display:block;
	overflow:auto;
	margin:0 0 10px 0;
	border-bottom:2px #000 solid;
	padding:20px;
	background: url(/images/academiccalendar-bg.png) repeat-x; 
	background-color:#EFECD1;
}
.staff-block img {
	display: block;
	margin: 10px;
	float: right;
	border:#605E54 solid 10px;
}
.staff-block p strong {
	font-size:20px;
	color: #0A2740;
	font-weight:bold;
}


/* ========================= Profile blocks ========================== */

.profile-block {float: left;display:block; padding:10px; margin: 10px 20px; height: 175px; width: 265px; border:2px solid #e1e1e1; overflow:hidden; background: url(/images/profile-block-bkg.jpg) repeat-x; }
.profile-block p {font-style: italic; }
.profile-block h3 {margin-top:0; }
.readmore-block {display: block; float:right; background-color: #e1e1e1; padding:5px; margin:5px;}
.readmore-block:hover {background-color: #04d5ff; color: #002d55;}

/* ========================= dan's two column ========================== */

.float-containter, .float-container {
	overflow:hidden;
	margin:0 0 20px 0 !important;
	border-bottom:#999999 solid 1px;
	padding:0 0 20px 0 !important;
	
}
.float-containter h3:first-of-type, .float-container h3:first-of-type  {margin-top:0 !important; }
		
		
/* ========================= dan's callout boxes ========================== */

.gray-callout {
width: 200px;
display: block;
margin: 10px;
padding: 15px;
background-color: #e1e1e1;
border: 3px solid #CECECE;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.gray-callout h2 {font-size:24px !important;}


.gray-callout2 {display:block; width: 237px; margin:0 0 10px 10px; padding: 10px; background:url(/images/gray-callout2-bkg.jpg) #e1e1e1 no-repeat top;}
.gray-callout2 h2 {font-size: 24px !important;}

.blue-callout {display:block; width: 237px; margin:0 0 10px 10px; padding: 10px; background:url(/images/gray-callout2-bkg-blue.jpg) #0069aa no-repeat top right;}
.blue-callout h2 {font-size: 24px !important; color:#fff !important;}
.blue-callout h3 {background: url(/images/white-10x10-18vis.png) repeat; color: #000 !important; padding: 5px; display:block; margin: 0 0 5px 0 !important;}
.blue-callout li, .blue-callout p, .blue-callout ol {color: #fff !important;}

.darkblue-box {display: block; padding: 15px; background: #0A2740; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; color: white; font-size: 16px; }

/* ========================= dan's buttons ========================== */

li.button-gray, li.right, li.left {list-style: none !important; margin: 0 0 5px 0 !important;}
p.button-gray {margin: 0 0 5px 0 !important;}
.button-gray {display:block;padding: 5px 0 0 5px;-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width:300px;min-height:25px;background-color: #cecece;text-decoration:none;}
.button-gray:hover {color: #ffffff !important;text-decoration:none !important;background-color: #575757 !important;}

/* == buttons for gateway update 08-20-12 == */

.cs-button {width: 72px; height:82px;}
.cs-button img {padding:5px 0;}
.new-button {
	display: block;
	float:left;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-left:8px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.new-button:first-child {margin-left:0;}
.new-button:hover {text-decoration: none;}
.new-button:active {position: relative;	top: 1px;}

.gray-to-blue {
	color: #ffffff !important;
	border: solid 1px #a6a6a6;
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#a6a6a6));
	background: -moz-linear-gradient(top,  #cecece,  #a6a6a6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#a6a6a6');
}
.gray-to-blue:hover {
	color:#ffffff  !important;
	border: solid 1px #005589;
	background: #0069aa;
	background: -webkit-gradient(linear, left top, left bottom, from(#0069aa), to(#005589));
	background: -moz-linear-gradient(top,  #0069aa,  #005589);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069aa', endColorstr='#005589');
}
.gray-to-blue:active {
	color: #ffffff  !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#005589), to(#0069aa));
	background: -moz-linear-gradient(top,  #005589,  #0069aa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005589', endColorstr='#0069aa');
}


.blue-to-gray {
	color:#ffffff  !important;
	border: solid 1px #005589;
	background: #0069aa;
	background: -webkit-gradient(linear, left top, left bottom, from(#04d5ff), to(#005589));
	background: -moz-linear-gradient(top,  #04d5ff,  #005589);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04d5ff', endColorstr='#005589');
}
.blue-to-gray:hover {
	color: #ffffff !important;
	border: solid 1px #a6a6a6;
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#a6a6a6));
	background: -moz-linear-gradient(top,  #cecece,  #a6a6a6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#a6a6a6');
}
.blue-to-gray:active {
	color: #ffffff  !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#cecece));
	background: -moz-linear-gradient(top,  #a6a6a6,  #cecece);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#cecece');
}


.red-to-gray {
	color:#ffffff  !important;
	border: solid 1px #600124;
	background: #bb0046;
	background: -webkit-gradient(linear, left top, left bottom, from(#bb0046), to(#600124));
	background: -moz-linear-gradient(top,  #bb0046,  #600124);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0046', endColorstr='#600124');
}
.red-to-gray:hover {
	color: #ffffff !important;
	border: solid 1px #a6a6a6;
	background: #cecece;
	background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#a6a6a6));
	background: -moz-linear-gradient(top,  #cecece,  #a6a6a6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#a6a6a6');
}
.red-to-gray:active {
	color: #ffffff  !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#cecece));
	background: -moz-linear-gradient(top,  #a6a6a6,  #cecece);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#cecece');
}



.calendar-holder {width:200px; float:left; margin-left:20px;}
.calendar-holder:first-child {margin-left:0;}


/* ========================= dan's department days ========================== */

.deptday { display: block; width:660px; margin: 40px 0; padding:5px 0; border-top:dotted 1px #999; border-bottom:dotted 1px #999; overflow:visible;}
.deptday .date { display:block; width:100px; height:100px; padding:5px; text-align:center; background-color:#fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: solid 1px #CCC; margin: -20px 10px 10px 5px; float:left; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
.deptday .date .month {display:block; width:100%; background-color:#000; color:#fff; padding:0; }
.deptday .date .day {font-size: 80px; line-height: 41px; margin: 0; padding: 0; font-weight: bold;}

.dept {display: block; padding: 10px; background: url(/images/header-bg.png) repeat-x top; color: white !important; font-weight: bold !important; margin:0 0 10px 0 !important; }

.linkblock {display:block; padding:10px; background-color:#7c7c7c; color:#FFF; text-align:right; border-bottom:solid 1px #333;}
.linkblock a {color:#fff !important; text-decoration:none;}
.deptday .writeup {display:block; width: 520px; margin:0 0 20px 130px !important;}

ul.reasons {display:block; width:660px; margin:0; padding:0; list-style:none; overflow:auto;}
ul.reasons li { float:left; width: 100px; padding:10px; border-right: solid dotted #333; list-style:none;  }



/* ========================= dan's inauguration ========================== */

.inaug-column {width: 310px; float: left; margin: 0 20px 0 0;}
.inaug-column h4 {display: block; padding: 5px; background-color: #00447c; margin: 0 0 20px 0; color:#ffffff;}
.inaug-event {display:block: margin: 5px 0; padding:10px; border-bottom: solid 3px #00447c; }
.inaug-event-title {color:#00447c; font-size:18px; margin: 5px 0;}
.inaug-time {font-size: 14px; font-weight: bold; border-top: dotted 1px #CECECE; border-bottom: dotted 1px #CECECE; padding: 5px 0; margin: 5px 0;}
.inaug-event p{font-size: 12px; margin: 0 0 10px 0 !important; line-height: 18px;}
.inaug-event ul {font-size:12px;}
.inaug-event ul li {line-height:normal !important; margin:0 0 5px 0 !important;}

/* ========================= cultural events ========================== */

.cultural-events{}
.event-small {display:block; border-bottom:solid 2px #cecece; margin: 20px 0; overflow:hidden;}
.ce-date {display: block; background-color: #0061A1; padding: 8px; margin: 0 0 10px 0; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 70%;}
.ce-date:after {content:" "; display:block; width:650px; border-bottom:dotted 1px #0061a1;}
.ce-title {color:#0069aa !important; padding: 0 10px; border-bottom: dotted 1px #cecece; font-weight:bold !important; font-size: 18px !important; margin:0 0 15px 0 !important;}
.event-small p {font-size:12px !important; padding: 5px 10px !important; margin: 0 !important; line-height:normal !important;}
.event-small img {display:block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; float:right; margin:10px; }
.filters {display:block; background: #E1E1E1; padding:5px; margin: 10px 0 20px 0;}
.filters input[type="submit"]{color: #ffffff; margin:5px; padding:5px; border:none; background: #0061a1; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.filters input[type="submit"]:hover {background:#f05422;}


/* ========================= Homecoming 2012 ========================== */

.hcevent {display:block; padding:5px;}
#content .interior .hcevent h3 {color:#0069aa !important; padding: 0; border-bottom: dotted 1px #cecece; font-weight:bold !important; font-size: 18px !important; margin:0 0 6px 0 !important;}
#content .interior .hcevent h5 {color:#000000; font-size:12px; font-weight:bold; margin:0; padding:0; line-height:21px;}
#content .interior .hcevent p {padding:0 0 5px 10px; margin:0 0 10px 0;}

#catpicker {background:#003D69; color: #FFFFFF; display: block; padding: 10px;}
#catpicker a { color: #FFFFFF !important; font-weight: bold; padding: 6px; text-decoration: underline;}
#catpicker a:hover, #catpicker .current { color: #ffffff !important; background-color: #0396B4;}

	
/* ========================= eVents Calendar Spuds ========================== */

#viewer-spud, #org-filter-spud, #type-filter-spud, #location-filter-spud {display:block; padding:20px; background:#cce0e4; width:173px; float:left; margin: 0 10px 10px 0;}
.rightmost-spud {margin-right:0 !important;}
#gotodate-spud {float:left; width:213px; margin-right:10px;}
#search-spud {width:436px !important;}
.twSearchWrap {width:435px !important;}


/* ========================= new spifs ========================== */


.big-block { display: block; width: 100%; background: #615E55; border: none; margin: 0 0 20px 0;}

.big-block .text-header {display: block; padding: 8px; background: #000000; color: #fff; font-size: 16px; font-weight: bold;}
#sidebar .big-block .text-header a {color: #04d5ff; text-decoration: underline;}
#sidebar .big-block .text-header a:link {color: #04d5ff; text-decoration: underline;}
#sidebar .big-block .text-header a:visit {color: #04d5ff; text-decoration: underline;}
#sidebar .big-block .text-header a:hover {color: #fff; text-decoration: underline;}

.big-block .visual-holder { }

.big-block .text-area {color: #ffffff; padding: 10px;}
.big-block .text-area p {padding: 12px;}
#sidebar .big-block .text-area a {color: #04d5ff; font-weight: bold; text-decoration: underline;}
#sidebar .big-block .text-area a:link {color: #04d5ff; text-decoration: underline;}
#sidebar .big-block .text-area a:visit {color: #04d5ff; text-decoration: underline;}
#sidebar .big-block .text-area a:hover {color: #fff; text-decoration: underline;}


.big-block .text-area > ul {list-style-position:outside; margin-left: 27px;}
.big-block ul > li {margin-bottom:6px;}


/* ========================= DAN Full Width Grayblock with Links on Right ========================== */

.full-width {display:block; width: 100%; border-top:6px solid #04d5ff; padding: 0; margin:0 0 10px 0; overflow:hidden;}
.half-width {display:block; width:320px; margin:10px 0;}
.lightstone-320x281 {display:block; width:320px; height:281px; background: url("/admissions/images/texture-light-stone.jpg") no-repeat top left;}
.lightstone-320x281 p {padding:0 20px 10px 20px;}

.full-width h2 {font-size:32px !important; border-bottom:dotted 1px; margin: 0 0 10px !important; padding: 0 !important;}
.two-thirds {display:block; width:400px; padding:20px;}
.one-third {box-sizing:border-box; display:block; width:32%; padding:20px; margin-right:1%;}
.light-gray {background: #ebebeb;}



/* ========================= DAN Full Width Grayblock with Links on Right ========================== */
.announcement-block {display: block; width: auto; padding: 15px; background: #cecece; color: #000000; margin-bottom: 20px;}



/* ========================= DAN image with text over bottom ========================== */
.image-text {position: relative; width: 100%; overflow: hidden; margin-bottom:8px;}
.image-text img {display:block;}
.image-text h3 { position: absolute; bottom: 0; width: 100%; padding: 6px; display: block; margin: 0 !important; color: #fff !important; background: rgb (0, 45, 85,); background: rgba(0, 45, 85, 0.7);}

.image-text h3 a, .image-text h3 a:link, .image-text h3 a:visited {color:#04d5ff !important;}
.image-text h3 a:hover {color:#b6f1fd;}





/* ========================= DAN styling for www2 form  ========================== */

#Form1 td {padding:4px 0; vertical-align:top;}

.cta-container {margin-top:20px;}
.cta-box {display:block; width: 250px; height:auto; padding:20px; background:#f5f5f5; border:1px solid #e3e3e3;}
.cta-button, .cta-button:link, .cta-button:visited {display:block;padding: 20px;-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width:200px;px;background-color: #cecece;text-decoration:none; font-size:18px;}
.cta-button:hover {color: #ffffff !important;text-decoration:none !important;background-color: #575757 !important;}
.cta-box h3 {padding:0; margin: 0 0 20px 0; font-weight: normal; font-size:24px;}



/* ========================= DAN SLE styling  ========================== */

/* image with caption example http://www.etown.edu/academics/sle-internship-kunkle.aspx  */
.image-caption-right {width:220px; margin:0 0 15px 15px; float:right;background: #605e54; }
.image-caption-right p {box-sizing: border-box; padding:8px; margin: 0 0 8px 0; color: #fff;}


/* full width image and caption on right example http://www.etown.edu/academics/sle-community-sweet.aspx */
.fullwidth-image-caption {width:100%; display:block; clear:both; background-color:#0069aa; overflow:hidden; margin:10px 0;}
.fullwidth-image-caption .caption {float:left; box-sizing: border-box; padding:15px; width:50%; color:#fff; text-align:center; font-size:16px; line-height:24px;}
.fullwidth-image-caption .caption::before {content: "\0022";}
.fullwidth-image-caption .caption::after {content: "\0022";}

.fullwidth-image-caption .image {float:right; box-sizing: border-box; padding:0; width:50%;}
.fullwidth-image-caption .image img {float:right;}


/* icon box element example http://www.etown.edu/academics/signature-1.aspx */

.fa span {display:none;}  /* this hides the   that is needed between the em tag - helps center icon  */

.iconbox {
width:100%; 
position:relative;
padding:25px 0 0 0;
}

.iconbox::before {
  border-left: 1px solid #a6a6a6;
  content: "";
  height: 70%;
  left: 25px;
  position: absolute;
  bottom: 23px;
  z-index: 100;
}


.iconbox-icon {
-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.1);
-moz-box-shadow:5px 5px 0 rgba(0,0,0,0.1);
box-shadow:5px 5px 0 rgba(0,0,0,0.1);
text-align:center;
color:#FFF;
font-weight:700;
float:left;
overflow:hidden;
position:relative;
z-index:1000;
	background: #a6a6a6;
}

	
.iconbox-icon {padding:10px;}
	
.iconbox-text {padding: 0 0 0 25px; overflow: hidden; display:block; min-height:165px;}
.iconbox-text h4 {font-size: 24px; margin-bottom: 10px;}
.iconbox-text img { float: right; display: block; background-color: gray; margin: 0 0 10px 10px;}

	
	
.iconbox .separator {
position:relative;
color:#0069aa;
font-size:16px;
text-align:center;
margin:0 0 0 25px;
}

.iconbox .separator span {
background:#FFF;
padding:0 10px;
display:inline-block;
position:relative;
z-index:1000;
}

.iconbox .separator::after {
position:absolute;
width:100%;
top:11px;
left:0;
border-bottom:1px solid #a6a6a6;
content:"";
z-index:100;
}


/* snippet requested by Rec and Registration used on http://www.etown.edu/etcsandbox/dan-test/index-2.aspx  */

.gray-one-third {box-sizing:border-box; width:32%; float:left; margin: 0 1% 0 0; background:#E8E8E8; padding: 15px;}