﻿body{font-size:14px; font-family:'Droid Sans','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color: #434A51;}

#body-container{background-color:#ffffff;}

#s4-bodyContainer {background-color:#E7E2CE;}

/*Removes blue border around web parts */
#body-container .s4-wpActive .s4-wpTopTable, #body-container .s4-wpActive .ms-WPSelected {
border: 1px solid #fff;
}

#site-body #body-container {
background-color: #fff;
}


/* Anchor styles */

#body-container a {
	color: #005C96;
	text-decoration: underline;
}
#body-container a:visited {
	color: #676960;
}
#body-container a:hover, 
#body-container a:focus {
	color: #111111;
}
.ms-cui-gallerybutton-a {
	font-size: 10px;
}

#body-container #page-content a[href $='.doc'] {
	padding-right: 18px;
	background: transparent url('../../images/icons_files.png') right -2px;
	}
#body-container #page-content a[href $='.pdf'] {
	padding-right: 18px;
	background: transparent url('../../images/icons_files.png') right -22px;
}

#page-content a[href ^="http"], 
#page-right a[href ^="http"] {
	padding-right: 12px;
	margin-right: 3px;
	background: url('../../images/icons_files.png') right -69px transparent;
}

#page-content a[href ^="http://www.offices.depaul.edu/president"], 
#page-right a[href ^="http://www.offices.depaul.edu/president"],
#page-content a[href ^="http://offices.depaul.edu/president"], 
#page-right a[href ^="http://offices.depaul.edu/president"],
#page-content a[href ^="http://www.offices.sptest.depaul.edu/president"], 
#page-right a[href ^="http://www.offices.sptest.depaul.edu/president"],
#page-content a[href ^="http://offices.sptest.depaul.edu/president"], 
#page-right a[href ^="http://offices.sptest.depaul.edu/president"],
#page-right #statquote-wgt a,
#page-body #statquote-wgt a {
	padding-right:0px;
	background-image:none;
}


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	display:block;
	height:0;	
	background:none ;
}

hr.ms-rteElement-Hrule {
-ms-name:"H Rule";
/* [ReplaceColor(themeColor:"Light1-Medium")] */ 
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	display:block;
	height:0;	
	background:none ;
}


/*


hr, hr.ms-rteElement-horizrule1 {
    -ms-name:"Horizontal rule";
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	display:block;
	height:0;	
	background:none ;
}



hr.ms-rteElement-horizontalrule {
-ms-name:"Horizontal Rule"; 
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	display:block;
	height:0;	
	background:none ;
}*/



/* Headers */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: -1px;
}
h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	color: #434a51;
	text-decoration: underline;
}
#site-footer h5 a:link {
	text-decoration: none;
}
#site-footer h5 a:hover {
	text-decoration: underline;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #434a51;
}
h1, h1.ms-rteElement-H1 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
h2, h2.ms-rteElement-H2 {
	font-size: 21px;
	color: #345b6b;
}
h3, h3.ms-rteElement-H3 {
	font-size: 16px;
}
h4 ,h4.ms-rteElement-H4{
	font-size: 14px;
}
h5, h5.ms-rteElement-H5 {
    -ms-name:"Heading 5";
	font-family: Georgia, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	width: 95%;
}
h6 {
	font-size: 14px;
	background: #efe6b3;
	width: 92%;
	font-weight: normal;
	letter-spacing: .5px;
}
h6:after { 
	content: " <-- Tab Name";
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
}


/* Lists */

#page-body ul, #page-body ol {
	margin: -6px 0 20px 10px;
}
#page-body ul li, #page-body ol li {
	margin-left: 15px;
	padding-left: 5px;
}
#page-body ul li {
	list-style-type: disc;
}
#page-body ul ul {
	margin: 2px 0 5px 20px;
}
#page-body ul ul li {
	list-style-type: circle;
}
#page-body ol ol {
	margin: 2px 0 5px 27px;
}
#page-body ol ol li {
	list-style-type: lower-roman;
}
#page-body ol ul {
	margin: 2px 0 5px 20px;
}


/* Body copy Styles */

blockquote {
	color: #333;
	font-style: italic;
	margin: 0 0 20px 40px;
	border-left: 2px solid #ccc;
	padding: 0 0 0 20px;
	width: 85%;
}
blockquote.ms-rteElement-DePaulBlockQuote {
	-ms-name:"Block Quote"; 
	color: #333;
	font-style: italic;
	margin: 0 0 0 40px;
	border-left: 2px solid #ccc;
	padding: 0 0 0 20px;
	width: 85%;
}
abbr {
	border-bottom: 1px dotted #333;
	cursor:help;
}
code {	color: #666;}

pre {
	color: #666;
	display: block;
	margin: 0 0 10px 0;
}

del {color: #999;}

ins {font-style: italic;}

dt {font-weight: bold;}

dd {
	margin: 0 0 10px 0;
	padding-left: 10px;
}


/* Selection */

::-webkit-selection {
	color: #473712;
	background: #ead147;
}
::-moz-selection {
	color: #473712;
	background: #ead147;
}
::selection {
	color: #473712;
	background: #ead147;
}


/* Site Header */



#site-header { /*vmorale4*/
	border-top: 3px solid #6a7838; 
	height:141px;
	border-top: 2px solid #2f5b6d;
	background: #467e95;
	background: -moz-linear-gradient(top, #2f5b6d 0%, #467e95 1%, #3f7991 1%, #467e95 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5b6d), color-stop(1%,#467e95), color-stop(1%,#3f7991), color-stop(100%,#467e95));
	background: -webkit-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: -o-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: -ms-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);}
#logo {
	width:196px; /*vmorale4*/
	height:41px;
	padding-top: 6px;/*vmorale4*/
}
#site-logo {
	color: #fff;
	margin: 0;
	width: 500px;
	height: 34px;
}
#ctl00_siteLogoControl p {
	height: 38px;
	margin: 5px 0 0 17px;
}
#ctl00_siteLogoControl p a {
	color: #fff;
	font-size: 20px;
	float: left;
	padding: 4px 0 0 0;
	font-weight: normal;
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png, sizingMethod=crop);*/
	zoom:1;
}
#shortcuts {
	background: #315b6c;
	background: -moz-linear-gradient(top, #315b6c 0%, #427990 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#315b6c), color-stop(100%,#427990));
	background: -webkit-linear-gradient(top, #315b6c 0%,#427990 100%);
	background: -o-linear-gradient(top, #315b6c 0%,#427990 100%);
	background: -ms-linear-gradient(top, #315b6c 0%,#427990 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315b6c', endColorstr='#427990',GradientType=0 );
	background: linear-gradient(top, #315b6c 0%,#427990 100%);
	-webkit-box-shadow: 0px 2px 3px #376578;
	-moz-box-shadow: 0px 2px 3px #376578;
	box-shadow: 0px 2px 3px #376578; 
	border: 1px solid #315B6C;
	color: #FFFFFF;
	}
#shortcuts:hover { 
	text-decoration:underline;
	color:#ffffff;
}

#shortcuts:visited { color:#ffffff;}

#site-top-drawer { 
	background: none repeat scroll 0 0 #315B6C;
	color: #FFFFFF;
}
#sliding-drawer .quicklinks li {
	border-right-color: #45859F;
}
#sliding-drawer .quicklinks li a {
	color:#ffffff;
}
#sliding-drawer .quicklinks li a:hover {
	background: #213d48;
}
#sliding-drawer .quicklinks h5 {
	font-family:'Droid Sans','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; 
	font-size: 15.5px;
	font-weight:normal; 
	font-style: normal;
}

div#site-search input[type="text"] {
	border-color:#315B6C;
    border-radius: 3px 3px 3px 3px;
}

/* For header navigation */

#site-navigation {
	background: #edf1ec;
	background: -moz-linear-gradient(top, #edf1ec 0%, #d6dace 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf1ec), color-stop(100%,#d6dace));
	background: -webkit-linear-gradient(top, #edf1ec 0%,#d6dace 100%);
	background: -o-linear-gradient(top, #edf1ec 0%,#d6dace 100%);
	background: -ms-linear-gradient(top, #edf1ec 0%,#d6dace 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1ec', endColorstr='#d6dace',GradientType=0 );
	background: linear-gradient(top, #edf1ec 0%,#d6dace 100%);   
	border-color: #315B6C #315B6C -moz-use-text-color;    
	border-style: solid solid none;    
	border-width: 1px 1px 0;   
	margin-top:26px;
	padding: 0 0 0 0;
	height: 43px!important;
}
#site-navigation li {
	height:43px;
	background: url(../../Images/mainnav_pipe.png) no-repeat 0px 14px;
}
#site-navigation li:first-child {
	background:inherit;
}
#site-navigation li a {
	height:36px;
	font-size: 13px;
	height: 27px;
	padding: 12px 16px 0;
	text-decoration: none;
	border: 0px black none;
	color: #315B6C; /*vmorale4*/
	z-index: 8; position: relative;/*lbeidels*/

}

#site-navigation li:hover {
	background: url(../../Images/mainnav_pipe.png) no-repeat 0px 11px #eef1ec; 
	color: #315B6C;
}
#site-navigation li:active {
	background: url(../../Images/mainnav_pipe.png) no-repeat 0px 11px #eef1ec; 
	color: #315B6C;
}
#site-navigation li:first-child:active {
	background: #eef1ec; 
	color: #315B6C;
}
#site-navigation li:first-child:hover {
	background: #eef1ec; 
	color: #315B6C;
}
#site-navigation li.static:hover {
	background: none repeat scroll 0 0 #eef1ec; /*vmorale4*/
	color: #315B6C;
}
#site-navigation li.static:active {
	background: none repeat scroll 0 0 #eef1ec; 
	color: #315B6C;
}
#site-navigation li a.selected {
	background: url(../../Images/primary-indicator.png) no-repeat center 43px;
	height: 41px;
	position: relative;
	color: #315b6c; /*vmorale4*/
}
#site-navigation li a:hover.selected {
	height: 27px;
}
#site-navigation li a:hover {
	text-decoration:none;
	background: #eef1ec;
}
#site-navigation ul#quicklinks li a:hover {
	background: #345b6a;
}
#site-navigation li a.selected.home-button,
#site-navigation li a:hover.selected.home-button {
	width: 20px;
	text-indent: -5000px;
	background: url(../../Images/icon-home-selected.png) no-repeat center 8px; 
}
#site-navigation li a.home-button {
	width: 20px;
	text-indent: -5000px;
	background: url(../../Images/sprite-icon-home.png) no-repeat center -21px; 
}
#site-navigation li a:hover.home-button {
	width: 20px;
	text-indent: -5000px;
	background: url(../../Images/sprite-icon-home.png) no-repeat center 14px; 
}

/* Main navigation dropdown menu  */

#site-navigation li>ul {
	padding: 10px;
	display: block;
	position: absolute;
	top: 113px;
	background: #eef1ec; /*vmorale4*/
	border-bottom: 6px solid #788a8a;
	padding: 15px 5px 15px 5px; 
	border-right: none;
	border-left:none;
	border-top: none;
}
#site-navigation ul#quicklinks li>ul {
	
	background: #345b6a; /*vmorale4*/
	border-bottom: 6px solid #788a8a;
	
}
#site-navigation ul#quicklinks li>ul {
	border-bottom: none;
}
#site-navigation li li {
	background-image: none;
	height: auto;
	border-right: none;	
}
#site-navigation li li:hover {
	background-image: none;
}
#site-navigation li li a {
	font-size: 12px;
	text-transform:none;
	line-height: normal;
	height: auto;	
	padding: 5px 5px 5px 15px;
	margin:0;
	text-align:left;
	min-width: 100px;
	width:auto;
}
#site-navigation li li a:hover {
	text-decoration: underline;
}
#site-navigation ul#quicklinks a[href ^="http"] {
	padding-right: 15px;
	background: none;
}
#site-navigation ul#quicklinks a[href ^="http"]:hover {
	background: none;
}
#site-navigation .col-1 {
	width: 144px;
	padding: 10px 10px 10px 8px;
	margin-left: 1px;
}
#site-navigation .col-1 li a {
	width: 125px;
}
#site-navigation .col-2 {
	width: 295px; 
	padding: 10px 10px 10px 5px;
	margin-left: 1px;
}

#site-navigation .col-3 {
	width: 606px; 
	padding: 10px 10px 10px 5px;
	margin-left: 1px;
}
#site-navigation .root ul ul {
	width: 130px; 
	float:left;
	padding-right: 10px;
	height: 100%;
}
#site-navigation .root ul ul.nav-middle {
	width: 145px; 
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	border-left: 1px #788A8A solid;
}
#site-navigation .root ul ul.nav-end {
	width: 145px; 
	float:left;
	padding-left: 8px;
	padding-right: 0px;
	border-left: 1px #788A8A solid;
}


/* Quicklinks */

#quicklinks {
	float: right; 
	margin: -32px 0 0 0;
	position: relative;
	width: 210px;
	z-index: 7;
}
ul#quicklinks li:hover {
	background: none!important;
}
#quicklinks a#toggle-quicklinks {
	float: right;
	margin-right: 15px;
	padding: 6px 0 5px 0!important;
	background: #345b6a;
	width: 111px;
	height: 12px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 12px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#quicklinks ul {
	margin: -93px 0 0 0;
	background: #345b6a;
	width: 175px;
	padding-left: 15px!important;
}
#quicklinks li {
	list-style-type: none;
	margin-bottom: 8px;
	line-height: 12px;
	background:none;
}
#quicklinks li a {
	padding-left: 4px!important;
	margin-left: 0px;
	padding: 0px!important;
	color: #d8e5e4;
}
li.quicklinks-title {
	font-weight: bold;
	margin-top:15px;
}
#quicklinks li.quicklinks-title a {
	color: #fff;
	cursor: default;
}
li.quicklinks-title a:hover {
	text-decoration: none!important;
}

ul#quicklinks ul {
	display:none;
}
		
ul#quicklinks:hover ul {
	display:block;
}
ul#quicklinks:hover a#toggle-quicklinks {
	background:#345b6a;
}



/* Left Navigation */
/* FIRST li/a is the Header.  Root is the main UL in tree-view nav */

#left-nav a.static.selected.menu-item {
	color: #2F5B6D;
}
#left-nav .root a {
	border-bottom: 1px solid #C5C5C5;
}
#left-nav ul ul li {
	line-height: 15px;
	margin: 1px 0 5px 0;
}
#page-left #left-nav ul li ul li a {
	color: #005C96;
}
#left-nav .root li ul li a:hover {
	background-color: #d7e6ed;
}
#left-nav .root li ul li a.selected {
	font-weight:bold;
	color: #345b6a;
}
#left-nav .root li ul li a.selected-parent {
	background-color: #DAEAEF;
	color: #2F5B6D !important;
}
#left-nav li li ul {
	list-style-type: none;
	margin: 0 0 0 12px;
	padding: 0;
}
#left-nav .root ul li ul li a {
	font-size: 11px;
	line-height: 14px;
	margin-top: 2px;
}
#left-nav a.static.selected.menu-item {
	line-height: normal;
	}
#sub-nav { 
	border-top: 1px solid #C5C5C5;
}
#sub-nav a {
	color: #676960; 
	text-decoration: none; 
	padding-left: 32px; 
	text-decoration: none;
}
#sub-nav a:hover{text-decoration: underline;}

#nav-apply{background: url("icons_leftrail.png") no-repeat scroll 0 0 transparent; margin: 0 0 6px; height:24px;}
#nav-info{background: url("icons_leftrail.png") no-repeat scroll 3px -24px  transparent; margin: 0 0 6px;height:24px;}
#nav-visit{background:url("icons_leftrail.png") no-repeat scroll 0 -48px transparent; margin: 0 0 6px;height:24px;}


/* Highlight text/boxes of various types */
/* Intro paragraph */
#lead {
	font-size: 16px;
	width: 99%;
}



/* Page Footer styles */

#page-footer {
	width: 98%;
	float: left;
	font-size: 12px;
	margin: 0 0 40px 0;
	border: 1px solid #cdd2bf;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F4EF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F2F4EF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F4EF', GradientType=0 );
	padding-right: 10px;
}

#page-footer h5{
	border-bottom: 1px #CDD2C0 solid;
	margin: 10px 0 15px 10px;
}

#page-footer #footer-text{padding: 0 0 0 10px; margin: 0 0 20px 0;}

#page-footer ul{list-style-type:none;padding: 0 0 0 10px; margin:0; margin-bottom:20px;}

#page-footer li{ list-style-type:disc; margin-left: 15px; padding-left: 5px;}

#page-footer .grid_8, #page-footer .grid_5 {
	margin: 0;
}

#page-footer .item{/*override controls.css .item padding*/
	padding: 0;
}

#page-footer .groupheader{/*override controls.css .header styling*/
	font-weight:inherit;
}
#editor-login {
	float: right;
}


/* ----------------------------------------------------------------
/* SITE FOOTER STYLES 
*/

#site-footer {
	border-top: 1px solid #DCDED0;
	background: #f2f4e7;
	background: -moz-linear-gradient(top, #f2f4e7 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f4e7), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f2f4e7 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #f2f4e7 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f2f4e7 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4e7', endColorstr='#ffffff',GradientType=0 );
	background: linear-gradient(top, #f2f4e7 0%,#ffffff 100%);
}

#site-footer h5 {
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;
}
#site-footer .copyright {
	float: left;
	font-size: 11px;
	margin: 20px 0 100px 6px;
	border-top: 1px solid #dcded0;
	padding-top: 10px;
}
#site-footer address {
	margin: 0;
}
#site-footer ul {
	margin-left: 0;
}
#site-footer ul li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	line-height: 13px;
	margin-bottom: 7px;
}
#site-footer li a,
#site-footer .copyright a {
	color: #676960;
}
#site-footer li a:hover,
#site-footer .copyright a:hover {
	color: #111111;
}

.depaulInfo{display:inline-block; width: 189px; }

.footer-socialicons-lg {
	position: absolute;
	*position:relative;
	margin: -40px 0 0 0;
	width: 942px;
}

.footer-socialicons-lg span {
	float: right;
	margin-right: 13px;
}

.footer-socialicons-lg a {
	display: block;
	width: 30px;
	height: 31px;
	float: left;
	margin: 0 5px 0 0;
	text-indent: -5000px;
}
.footer-socialicons-lg a:hover {
	opacity: 0.50;
	-webkit-transition: color .2s ease-in;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: color .2s ease-in;
}
/* far left icon  */
.social-lg-icona {
	background:url("../../Images/icons-social.png") 0px 0px;
}
/*  middle left icon */
.social-lg-iconb {
	background:url("../../Images/icons-social.png") 0px -60px;
}
/* middle right icon  */
.social-lg-iconc{
	background:url("../../Images/icons-social.png") 0px -120px;
}
/*  far right icon */
.social-lg-icond {
	background:url("../../Images/icons-social.png") 0px -180px;
}



/* ----------------------------------------------------------------
/* Layout design styles
*/

/* President Home Page */

#president-splash {
	background: url('../../../SiteCollectionImages/president-bg.jpg') no-repeat;
	height: 345px;
	width: 960px;
}
#president-splash p {
	color: #d5dedc;
	font-family: Garamond, Times, Serif;
	font-size: 19px;
	padding: 30px 35px 25px 40px;
}
#president-splash p.title {
	color: #fff;
	font-family:'Droid Sans','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight: bold;
	padding: 0 40px 0 40px;
	text-transform: uppercase;
	font-size: 13px;
}
#president-splash img {
    position: absolute;
    z-index: 2;
    margin-top: 336px;
}
#president-splash .size1of3 {
        float: right;
        height: 345px;
        width: 350px;
        background: rgba(45, 78, 92, .8)!important;
		background: rgb(45, 78, 92);
			*background: #2d4e5c;
}
#president-home-footer {
	width: 920px; 
	padding: 20px;
	background: #e7ebe5;
	border-bottom: 7px solid #e1e5df;
}

#president-home-footer img {
  padding:4px;
  /* [ReplaceColor(themeColor: "Light1-Lightest")] */ background-color:#FFFFFF;
  /* [ReplaceColor(themeColor: "Light1-Lighter")] */ border-top: 1px solid #A0A0A0 !important;
  /* [ReplaceColor(themeColor: "Light1-Medium")] */ border-bottom: 1px solid #A0A0A0 !important;
  /* [ReplaceColor(themeColor: "Light1-Lighter")] */ border-left: 1px solid #A0A0A0 !important;
  /* [ReplaceColor(themeColor: "Light1-Medium")] */ border-right: 1px solid #A0A0A0 !important;
}
#president-home-footer .unit{
	float: left;
}
#president-home-footer p {
	color: #2d4e5b;
	font-size: 13px;
	padding: 0 15px 5px 22px;
}
#president-home-footer h2 {
	color: #2d4e5b;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px 0px 22px;
}
#president-home-footer a {
	color: #2d4e5b;
	font-size: 13px;
	padding: 0 15px 0 22px;
	font-weight: bold;
}
#president-home-footer img {
    width: 250px;
    height: 203px;
    margin-left: 22px;
}
#president-home-footer .size1of3 {
       border-right: 1px solid #c4cdcb;
       width: 33.2%;
}
#president-home-footer .no-border {
       border-right: none;
}


/* Student Centers - Home page */


#page-body #home-slideshow1 img {	
	padding: 7px;
        width: 95%;
        -webkit-box-shadow: 0px 0px 8px 3px #c9c9c9;
	-moz-box-shadow: 0px 0px 8px 3px #c9c9c9;
	box-shadow: 0px 0px 8px 3px #c9c9c9;
		margin-left: 17px;
        background: #fff;
}

#page-body #slideshow-container{
	margin: 20px 0 20px 0;
        padding: 0!important;
	height: 270px;
}
#page-body #home-slideshow1{
	height: 270px;
}

/*@author Kromano1
@date 1/10/2012
@comment added display:none to img to prevent popping in of all three images on page load
*/
#page-body #home-slideshow1 img{
	display:none;
}


#page-body #home-features h2 {
	font-size: 16px;
	letter-spacing: .1px;
	padding: 8px 0px 8px 6px;
}

#page-body #home-features {
	margin: 85px 0 40px 34px;
	float: left;
}
#page-body #home-callingcard1,
#page-body #home-links1 {
	margin-right: 20px;
	font-size: 13px;
	background: #fff;
}
#page-body #home-callingcard1,
#page-body #home-links1,
#page-body #home-twitter1 {
	min-height:354px;
	height:auto !important;
	height:354px;
}

#page-body #home-callingcard1 h2 {
	background: #FBFCF8;
	border: 1px solid #d9d8db;
	color: #666571;
	margin-bottom: 16px;
	-webkit-box-shadow: 0px 4px 0px 0px #b0b895;
	-moz-box-shadow: 0px 4px 0px 0px #b0b895;
	box-shadow: 0px 4px 0px 0px #b0b895;
}
#page-body #home-callingcard1 p {
	margin: 12px 0 25px 8px;
}
#page-body #home-callingcard1 hr {
	width: 94%;
}
#page-body #home-callingcard1 ul {
	margin: 0 0 16px 0;
}
#page-body #home-callingcard1 li {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
}



#page-body #home-links1 h2 {
	background: #a2b073;
	color: #fff;
	border: 1px solid #a2b073;
	margin-bottom: 16px;
	-webkit-box-shadow: 0px 4px 0px 0px #eaeaea;
	-moz-box-shadow: 0px 4px 0px 0px #eaeaea;
	box-shadow: 0px 4px 0px 0px #eaeaea;
}
#page-body #home-links1 h3 {
	font-size: 13px;
	font-weigth: bold;
	color: #345b6a;
	line-height: normal;
	margin: 0;
}
#page-body #home-links1 ul {
	margin: 0 0 16px 0;
}
#page-body #home-links1 li {
	list-style-type: none;
	margin: 0 0 2px 10px;
	padding: 0;
}
#page-body #home-links1 li a {
	text-decoration: none;
	color: #434a51;
}
#page-body #home-links1 li a:hover {
	text-decoration: underline;
}


#page-body #home-news1 {
	background: #eff1ea;
	font-size: 11px !important;
	color: #434a51;	
}
#page-body #home-news1 h2 {
	background: #345b6a;
	color: #cae5e4;
	border: 1px solid #46798e;
	margin-bottom: 16px;
	-webkit-box-shadow: 0px 4px 0px 0px #46798e;
	-moz-box-shadow: 0px 4px 0px 0px #46798e;
	box-shadow: 0px 4px 0px 0px #46798e;
}
#page-body #home-news1 p {
	padding-left: 10px;
	padding-right: 10px;	
}
#page-body #home-news1 ul {
	margin: 0 0 16px 0;
}
#page-body #home-news1 li {
	list-style-type: none;
	margin: 0 10px 10px 10px;
	padding: 0;
}

/*
@author kromano1
@date 1/11/2012
@comment updated home twitter css, taking into account the webpart tables/using the sharepoint web part title as the header
*/
#home-twitter1 {
    background: #eff1ea;
    font-size: 12px !important;
    color: #434a51;
    width: 95%;
    padding-bottom: 10px;
    margin: 0 0 40px 20px;
}
#home-twitter1 .ms-rte-wpbox {
    font-size:12px;
}
#home-twitter1 table td {
    vertical-align:top;
}
#home-twitter1 .ms-WPHeader td {
    background: #345b6a;
    color: #fff;
    border: 1px solid #345b6a;
    -webkit-box-shadow: 0px 4px 0px 0px #d7d8d2;
    -moz-box-shadow: 0px 4px 0px 0px #d7d8d2;
    box-shadow: 0px 4px 0px 0px #d7d8d2;
    border-collapse:separate;
}
#home-twitter1 h3 {
    font-size: 16px;
    line-height:24px;
    letter-spacing: .1px;
    padding: 9px 0px 9px 6px;
}
#home-twitter1 .ms-WPHeader td {
    border: none;
}
#home-twitter1 .ms-wpContentDivSpace{
    margin: 10px 0 0;
}
#home-twitter1 p {


}
#home-twitter1 a {
    background:none;
    margin-right: 0; 
    padding-right: 8px;
}
#home-twitter1 .tweet-error a {
    padding-right: 0;
}
#home-twitter1 .tweet {
    float: left;
    width: 22%;
}


#home-twitter1 .tweet,
#home-twitter1 .tweet-error {
    padding: 10px 10px 10px 18px;
}
#home-twitter1 .tweet .twittime {
    font-size: 11px;
    color: #79828c;
}


/* Gallery */

#page-body #fourcolgallery {
	margin: 0 0 40px -5px;
}
div#page-body img.gallery-thumb {
	border: 1px solid #A0A0A0 !important;
	margin: 0 14px 11px 0;
	padding: 4px;

}                    
div#page-body a.photo-gallery, 
div#page-body a.video-gallery {    
	margin: 0px 0px 0px 0px;
	background:none;
	padding: 0px 0px 0px 0px;
}



/* Standard content page with slideshow */

#scp-slideshow1 {
	background: #eee5ac;
	width: 735px;
	float: left;
	margin: 0 0 20px 0;
	font-size: 12px;
}
#scp-slideshow1 ul {
	margin: 0 0 6px 0;
}
#page-body #scp-slideshow1 li {
	margin: 0px 5px 0px 0px;
	padding: 0 8px 0 0;
	display: inline;
	border-right: 1px solid #c7b85c;
}
#scp-slideshow1 a {
	color: #434a51;
	text-decoration: none;
}
#scp-slideshow1 a:hover {
	text-decoration: underline;
}
#scp-slideshow1 a.selected {
	text-decoration: underline;
	font-weight: bold;
}
#page-right .housing-location {
	font-size: 12px;
	margin-top: -26px;
	float: left;
}
#page-right a.btn-rounded-teal {
	background: #345b6a;
	width: 180px;
	display: block;
	float: left;
	margin-bottom: 11px;
	color: #fff;
	text-decoration: none;
	padding: 3px 0 3px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 1px 1px 1px #334d4b;
	filter: dropshadow(color=#334d4b, offx=1, offy=1);
	-webkit-box-shadow: 1px 4px 0px 0px #e5e5e5;
	-moz-box-shadow: 1px 4px 0px 0px #e5e5e5;
	box-shadow: 1px 4px 0px 0px #e5e5e5;
}
#page-right a.btn-rounded-teal:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #659995;
}

#scp-gallery{
	position:relative;
	top: 0;
	left: 0;
	margin-bottom: 8px;
}

#scp-gallery img.selected{
	position:relative;
	top: 0;
	left: 0;
	display:inline;
}


#scp-gallery img{
	position: absolute;
	top:0;
	left:0;
	display:none;
}

/* About */

#slideshow img { display: none }
#landing-splash #tagline, #lead2, #page-right.actionlinks-01, .lg-serif {
	font-family: Garamond, Times New Roman, Georgia, serif;
}

/*This used to be #lead2*/
p.ms-rteElement-DePaulLead1 {
-ms-name:"Lead Paragraph"; 
font: 17px/24px Garamond, Times New Roman, Georgia, serif;
}
#landing-splash img {
	margin: 0;
	z-index:-1;
	float: left;
}
#landing-splash #left-box {
	width: 14px;
	float: left;
	height: 360px;
	background:#f0dc7a;
	margin-top: 20px;
}
#landing-splash #tagline {
	position:relative;
	z-index:999;
	font-size: 23px;
	line-height: 30px;
	margin-top: -60px;
	margin-bottom: 16px;
	height: 80px;
	float: left;
	background:#f0dc7a;
	padding-right: 40px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
#landing-splash #tagline span {
	display: block;
	padding: 9px 0 0 17px;
}
#landing-splash .triangle {
	position:relative;
	z-index:999;
	float: left;
	margin: -60px 0 0 0;
	width: 20px;
	height: 80px;
	background: transparent url("../../Images/icons_files.png") right -102px;
}
#lead2 {
	font-size: 17px;
	line-height: 24px;
}
.lower-page-content{
	margin:0px;
}
#page-right.actionlinks-01, #page-right .actionlinks-03 {
	position:relative;
	z-index:999;
	text-align: center;
	font-size: 15px;
	background: #fff;
	padding: 20px 18px 20px 16px;
	margin: -45px 0 0 22px;
	background: url("../../Images/bg_actionlinks1.png") bottom left repeat-y;
}
#page-right.actionlinks-01 a {
	text-decoration: underline;
}
#page-right.actionlinks-01 a:hover {
	color: #676767;
}
#page-right.actionlinks-01 p {
	padding-left: 10px;
}
#page-right.actionlinks-01 hr, #page-right .actionlinks-03 hr {
	border: 0px #f0dc7a solid;
	border-top-width: 1px;
	width: 90%;
	padding-bottom: 20px;
	margin-top: 18px;
}
#page-right.top-indent{
	margin-top: 115px;
}


/* Rollup */

#page-body #rollup_list{
	background: url("../../Images/bg_rolluplist.png") repeat-y scroll 0 0 transparent;
	border: 1px solid #C8C8C8;
	clear: both;
	padding: 30px 30px 10px;
	width: 84%;
	margin-top:20px;
	*margin-top:40px;
	margin-bottom: 45px;
	list-style-type: none;
}
#page-body.rollup-content img {
	border: 1px solid #A0A0A0 !important;
	background: none repeat scroll 0 0 #FFFFFF;    
	padding: 4px;  
	float: right; 
	margin-bottom: 20px;
    margin-left: 10px; 
      
}
.rollup-content div[class="ms-rtestate-field"] img{
	margin-left:20px;
} /* this is just a work around --- please donot follow this standard any where else... if this is creating any issues please let me know -Venkata Myneni*/

#page-body #rollup_list img {
    margin: 0 0 0 10px;
    *margin-left: -10px;
}

#page-body #rollup_list li {
    list-style-type: none;
    margin-bottom:20px;
    min-height: 85px;
} 

#page-body #rollup_list li a {
    font-weight: bold;
    text-decoration:underline;
}

.rollup-content a {
    color: #005C96;
    text-decoration:underline;
}
.rollup-content a:hover, a:focus{
	text-decoration:underline;
	color:#111111;
}

/*no image rollup*/
#no-image-rollup #rollup_list li {
    list-style-type: none !important;
    margin-bottom: 20px;
    min-height:20px;
}

#no-image-rollup #rollup_list{
	*margin-top: 0;
}
/* Rollup End */


#body-container .cqfeed img {
    border: 0px!important;
    padding: 0px!important;
    clear: both!important;
    float: left;
    position: absolute;
    
}



/* Bio Styles */

#member-vcard {
    float: left;
    width: 100%;
    font-size: 12px;
}
#member-vcard img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.member-portrait {
    font-size: 12px;
    margin-right: 20px;
    margin-bottom: 15px;
    *padding-bottom:15px;
}
.member-portrait p {
    margin-top: 10px;
    width: 90%;
}
.member-portrait a {
    text-decoration: underline;
}



#lead_in img, .member-portrait img, 
#member-vcard img{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #A0A0A0 !important;
	margin: 0 14px 0 0;
	padding: 4px;
}


/* Forms */

#requestForm {

	padding: 20px 30px 20px 20px;
	background: #ecf0eb;
	border: 1px solid #cdd1bd;
	font-size: 12px;
}
#requestForm .form-msg {
	margin: 0 0 20px 0;
	border: 1px solid #afafaa;
	font-size: 14px;
	padding: 20px;
	padding-left: 50px;
}
#requestForm .legend {
	background: #fff;
	padding-left: 20px!important;
}
#requestForm .legend p{
	margin-bottom: 0px;
}
#requestForm .error {
	font-weight: bold;
	color: #f83e3e;
	border: 1px solid #f83e3e!important;
	background: #ffffd5 url("../../images/icons_files.png") 20px 23px no-repeat;
}
#requestForm .valError ul{
	font-weight: bold;
	color: #f83e3e;
	border: 1px solid #f83e3e!important;
	background: #ffffd5 url("../../images/icons_files.png") 20px 23px no-repeat;
	padding: 20px;
	padding-left: 50px;
	margin-left: 0;
}
#requestForm .valError li{
	 font-size: 12px; 
	 list-style-type: none;
	 line-height: 20px;
	 margin: 0;
	 padding: 0;
}
#requestForm .errorIcon{
	background: url("../../images/icons_files.png") 0px 0px no-repeat transparent;
	height: 15px;
	width: 16px;
	display:inline-block;
	margin-left: 6px;
	border: none;
	outline:none;
}
#requestForm input.error {
	background-position: 10px 4px;
	padding-left: 10px;
}
#requestForm #textAreaError{
	display:table-cell;
	vertical-align:middle;
	height:110px;
}
#requestForm label {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
#requestForm li {
	list-style-type: none;
	padding: 20px 0 10px 0;
}
#requestForm fieldset li input, 
#requestForm fieldset li select, 
#requestForm p input,
#requestForm textarea, 
#requestForm #captcha input[type="text"],
#requestForm select {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #9a9d90 !important;
	font-family: Droid sans, Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top-radius: 3px;
	overflow: auto;
	resize: none;
}
#requestForm input[type="text"] {
	width: 60%;
	height: 14px;
}
#requestForm select {
	width: 62%;
	font-family: Arial, Helvetica, sans-serif;
}
#requestForm textarea {
	width: 91%;
	float:left;
}
#requestForm .radio,#requestForm .checkbox {
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 30px;
}
#requestForm input[type="checkbox"] {
	width: 20px!important;
	border: none!important
}
#requestForm input[type="submit"]{
	font-size: 14px;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	text-align: center;
	text-decoration:none;
	padding: 5px 10px;
	cursor: pointer;
	*margin-top: 30px;
}
#requestForm  .btn-gradient-gray {
	color: #434A51;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */
}
#requestForm  input:hover.btn-gradient-gray {
	background: #fff;
}
#requestForm  .btn-gradient-green {
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	background: #73cc00; /* Old browsers */
	background: -moz-linear-gradient(top, #73cc00 0%, #407811 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73cc00), color-stop(100%,#407811)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #73cc00 0%,#407811 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #73cc00 0%,#407811 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #73cc00 0%,#407811 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73CC00', endColorstr='#407811',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #73cc00 0%,#407811 100%); /* W3C */
}
#requestForm a:hover.btn-gradient-green  {
	color: #fff;
	background: #73cc00;
}
#requestForm .btn-gradient-blue {
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	background: #245474; /* Old browsers */
	background: -moz-linear-gradient(top, #245474 0%, #143349 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245474), color-stop(100%,#143349)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #245474 0%,#143349 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #245474 0%,#143349 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #245474 0%,#143349 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245474', endColorstr='#143349',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #245474 0%,#143349 100%); /* W3C */
}
#requestForm a:hover.btn-gradient-blue  {
	color: #fff;
	background: #245474;
}
/*Captcha on form */
#requestForm #captcha table{
	background-color:white;
}
#captcha{
	float:left;
	margin-bottom: 20px;
	height:115px;
	width: 447px; /*note, width and height are to preventing form bouncing when reloaded. these apply to theme clean and my need to change should the theme change */
	*padding-top: 20px;
}
#captchaResults{
	float: left;
}
#captchaResults span {
	height:110px;
	display:table-cell;
	vertical-align:middle;
}
/* ----------------------------------------------------------------
/* EDIT MODE STYLES 
* 
*/

.container_24 .grid_5 input.ms-long {
    width: 167px !important;    
}

ul.ms-MenuUIUL {
    margin:0 !important;
    padding:0 !important;
}

ul.ms-MenuUIUL li {
   list-style-type:none !important;
   margin:0 !important;
   padding:0 !important;
}

li.slm-layout-main {
    list-style-type:none !important;
}

/*improves look and feel of rollup edit mode panel*/
.edit-mode-panel.roll-up{
	margin: 0 5px;
}

/*improves look and feel of descriptive text in edit mode */
.edit-mode-desc{
	margin:2px 6px 2px 6px;
}

/*improves look and feel of meta data edit mode panel*/
.meta-panel
{
    margin: 15px 5px 0 5px;
}

/*to increase length of tagline textbox on about landing */
.grid_19 .ms-long{
	width: 420px;
}

/* images are capped at showing 706 wide by 380 high, anything bigger will scroll */
#ctl00_PlaceHolderMain_EditModePanelTitle_Image1ImageField_ctl00_RichImageField_AssetSelectedPanel > div,
#ctl00_PlaceHolderMain_EditModePanelTitle_Image2ImageField_ctl00_RichImageField_AssetSelectedPanel > div, 
#ctl00_PlaceHolderMain_EditModePanelTitle_Image3ImageField_ctl00_RichImageField_AssetSelectedPanel > div{
	width: 706px;
	height: 380px;
	overflow:auto;
}

/*summary links edit mode styles need to be cleared for action links*/

#page-right .slm-edit-link .actionlinks-03{
	background: none;
	margin: 0;
	padding:0;
	position: inherit;
}

/* summary links edit mode styles need a slight padding for readability */
#group_ctl00_PlaceHolderRightContent_RightNavSummaryLinkFieldControl_RightNavSummaryLinkFieldControl{
	padding-top: 25px;
}


/* Table Style DPU-1 - Gray Headings */

.ms-rteTable-dpu01 {
	-ms-name:"Table Style DPU-1 - Gray Headings";
	border: 1px solid #b3b3b3;
	border-right-style: none;
	font-size: 12px;
	width: 98%;
	line-height: 16px;
	/* [ReplaceColor(themeColor: "Dark1")] */ color:#000000;
}
.ms-rteTable-dpu01 th.ms-rteTableHeaderRow-dpu01,
.ms-rteTable-dpu01 tr.ms-rteTableFooterRow-dpu01 {
	/* [ReplaceColor(themeColor: "Light1")] */ background-color: #FFF;
	/* [ReplaceColor(themeColor: "Accent1")] */ border-top:1px #0072bc solid;
	/* [ReplaceColor(themeColor: "Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-dpu01 th.ms-rteTableHeaderFirstCol-dpu01,
.ms-rteTable-dpu01 th.ms-rteTableFooterFirstCol-dpu01    {
	/* [ReplaceColor(themeColor: "Light1")] */ color:;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
.ms-rteTable-dpu01 th.ms-rteTableHeaderOddCol-dpu01,
.ms-rteTable-dpu01 td.ms-rteTableFooterOddCol-dpu01 {
	/* [ReplaceColor(themeColor: "Light1")] */ color:;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
.ms-rteTable-dpu01 th.ms-rteTableHeaderEvenCol-dpu01,
.ms-rteTable-dpu01 td.ms-rteTableFooterEvenCol-dpu01 {
	/* [ReplaceColor(themeColor: "Light1")] */ color:;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	font-size: 12px;
	border-right: 1px solid #ccc;
}
.ms-rteTable-dpu01 th.ms-rteTableHeaderLastCol-dpu01,
.ms-rteTable-dpu01 td.ms-rteTableFooterLastCol-dpu01  {
	/* [ReplaceColor(themeColor: "Light1")] */ color:#ffffff;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	font-size: 12px;
}
.ms-rteTable-dpu01 tr.ms-rteTableOddRow-dpu01 {
	/* [ReplaceColor(themeColor: "Light1-Lighter")] */ background-color: none;
	font-size: 12px;
}
.ms-rteTable-dpu01 tr.ms-rteTableEvenRow-dpu01 {
	/* [ReplaceColor(themeColor: "Light1")] */ background-color: #fff;
	font-size: 12px;
}
.ms-rteTable-dpu01 th.ms-rteTableFirstCol-dpu01 {
	font-weight:normal;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left;
}
.ms-rteTable-dpu01 td.ms-rteTableLastCol-dpu01 {
	font-weight:normal;
}
.ms-rteTable-dpu01 td.ms-rteTableOddCol-dpu01  {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 10px;
}
.ms-rteTable-dpu01 td.ms-rteTableEvenCol-dpu01 {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 10px;
}


/* Table Style DPU-2 - Gray Headings Zebra */

.ms-rteTable-dpu02 {
	-ms-name:"Table Style DPU-2 - Gray Headings Zebra";
	border: 1px solid #b3b3b3;
	border-right-style: none;
	font-size: 12px;
	width: 98%;
	line-height: 16px;
	/* [ReplaceColor(themeColor: "Dark1")] */ color:#000000;
}
.ms-rteTable-dpu02 th.ms-rteTableHeaderRow-dpu02,
.ms-rteTable-dpu02 tr.ms-rteTableFooterRow-dpu02 {
	/* [ReplaceColor(themeColor: "Light1")] */ background-color: #FFF;
	/* [ReplaceColor(themeColor: "Accent1")] */ border-top:1px #0072bc solid;
	/* [ReplaceColor(themeColor: "Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-dpu02 th.ms-rteTableHeaderFirstCol-dpu02,
.ms-rteTable-dpu02 th.ms-rteTableFooterFirstCol-dpu02    {
	/* [ReplaceColor(themeColor: "Light1")] */ color:;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
.ms-rteTable-dpu02 th.ms-rteTableHeaderOddCol-dpu02,
.ms-rteTable-dpu02 td.ms-rteTableFooterOddCol-dpu02 {
	/* [ReplaceColor(themeColor: "Light1")] */ color:#;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
.ms-rteTable-dpu02 th.ms-rteTableHeaderEvenCol-dpu02,
.ms-rteTable-dpu02 td.ms-rteTableFooterEvenCol-dpu02 {
	/* [ReplaceColor(themeColor: "Light1")] */ color:;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	font-size: 12px;
	border-right: 1px solid #ccc;
}
.ms-rteTable-dpu02 th.ms-rteTableHeaderLastCol-dpu02,
.ms-rteTable-dpu02 td.ms-rteTableFooterLastCol-dpu02  {
	/* [ReplaceColor(themeColor: "Light1")] */ color:#ffffff;
	/* [ReplaceColor(themeColor: "Accent1")] */ background-color:#eee;
 	/* [ReplaceColor(themeColor: "Dark1")] */ border-top: 0;
	/* [ReplaceColor(themeColor: "Dark1")] */ border-bottom: 0;
	font-size: 12px;
}
.ms-rteTable-dpu02 tr.ms-rteTableOddRow-dpu02 {
	/* [ReplaceColor(themeColor: "Light1-Lighter")] */ background-color: none;
	font-size: 12px;
}
.ms-rteTable-dpu02 tr.ms-rteTableEvenRow-dpu02 {
	/* [ReplaceColor(themeColor: "Light1")] */ background-color: #F7F7F7;
	font-size: 12px;
}
.ms-rteTable-dpu02 th.ms-rteTableFirstCol-dpu02 {
	font-weight:normal;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left;
}
.ms-rteTable-dpu02 td.ms-rteTableLastCol-dpu02 {
	font-weight:normal;
}
.ms-rteTable-dpu02 td.ms-rteTableOddCol-dpu02  {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 10px;
}
.ms-rteTable-dpu02 td.ms-rteTableEvenCol-dpu02 {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 10px;
}



/* Image Style DPU - Light border */

.ms-rteImage-dpu1{
  -ms-name:"DPU - Light border";
  padding:4px;
  /* [ReplaceColor(themeColor: "Light1-Lightest")] */ background-color:#FFFFFF;
  /* [ReplaceColor(themeColor: "Light1-Lighter")] */ border-top: 1px solid #A0A0A0;
  /* [ReplaceColor(themeColor: "Light1-Medium")] */ border-bottom: 1px solid #A0A0A0;
  /* [ReplaceColor(themeColor: "Light1-Lighter")] */ border-left: 1px solid #A0A0A0;
  /* [ReplaceColor(themeColor: "Light1-Medium")] */ border-right: 1px solid #A0A0A0;
}



/* Style Menu */

div.ms-rteElement-dpufloater1 {
	-ms-name:"S&Q float left";
	width: 60%;
	float: left;
}

#body-container #page-content a.ms-rteStyle-dpuclearindicator{
	-ms-name:"Remove File/URL Indicator";
	padding: 0;
	margin-right: 0;
	background:none;
}
#body-container #page-content div.ms-rteElement-dpuclearindicator a[href $='.doc'],
#body-container #page-content div.ms-rteElement-dpuclearindicator a[href $='.pdf'],
#body-container #page-content div.ms-rteElement-dpuclearindicator a[href^="http"] {
	background: none;
}
/*Captcha on form */
#infopathForm #captcha table{
	background-color:white;
}
#captcha{
	float:left;
	margin-bottom: 20px;
	height:115px;
	width: 447px; /*note, width and height are to preventing form bouncing when reloaded. these apply to theme clean and my need to change should the theme change */
	*padding-top: 20px;
}
#captchaResults{
	float: left;
}
#captchaResults span {
	height:110px;
	display:table-cell;
	vertical-align:middle;
}



/* Calendar */

/*Note: the media section below is for IE7. Sharepoint calendars, out of the box, show up empty in IE7.  NICE!*/
@media Print
{
 .ms-acal-rootdiv * {
 	*OVERFLOW: visible !important
 }
 .ms-acal-item {
 	*OVERFLOW: hidden !important
 }
}

#dpu-calendar img{
	display:inline-block;
}

.ms-cal-nav {
	font-size: 12px;
	height: 34px;
	width: 40px;
	text-align: center;
}
.ms-cal-nav img {
	margin: 0 0 0 12px;
}

#onetIDListForm{
	width: 420px;
}

#dpu-calendar .ms-acal-rootdiv {
	width: 720px;
}
#dpu-calendar .ms-acal-summary-dayrow {
	border-right: 1px solid #d9dde1;
}
#dpu-calendar .ms-acal-summary-itemrow {
	border-right: 1px solid #d9dde1;
}
#dpu-calendar .ms-acal-sdiv,
#dpu-calendar .ms-acal-sdiv .ms-acal-time,
#dpu-calendar .ms-acal-sdiv .ms-acal-title {
	font-size: 11px;
}
#dpu-calendar .ms-acal-mdiv a {
	font-size: 11px;
	white-space:pre-line;
}
#dpu-calendar .ms-acal-item {
	background: #e6f2f1;
	border: 1px solid #8cb3b0;
}
.ms-acal-default-hover {
	background: #d8e5e4;
}
#dpu-calendar tr td div.ms-acal-today  {
	background: #659995!important;
	border: 1px solid #334d4b!important;
	color: #fff;
}
#dpu-calendar td.ms-acal-hover div.ms-acal-today {
	border: 1px solid #334d4b!important;
	background: #8cb3b0!important;
}
#dpu-calendar .ms-acal-week-top td.ms-acal-hover div,
#dpu-calendar .ms-acal-summary-dayrow td.ms-acal-hover div,
#dpu-calendar .ms-acal-summary-dayrow th.ms-acal-hover{
	background-image: none!important;
	background: #b2ccca!important;
	border: 1px solid #659995!important;
	color: #fff;
}

.cue-rssfeed {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNEIzNkYwMzhFNDQxMUUyQkRBOUM2MkZBNjQ3MkE1OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNEIzNkYwNDhFNDQxMUUyQkRBOUM2MkZBNjQ3MkE1OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0QjM2RjAxOEU0NDExRTJCREE5QzYyRkE2NDcyQTU5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0QjM2RjAyOEU0NDExRTJCREE5QzYyRkE2NDcyQTU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+830wmgAAAitJREFUeNqUk01oE1EQx3/ZrE1TbT5NqxLSegrGQls9VatU8VBQsB7Eo/VYBBG9eBAbFfVaKAre0rOH9tCDgmIKggftF8VCoeIWmhBtYzaoVE3SdfYl1USxtAuPeTOz83vzn8dzpO4TCDoZd0EX2/h+wOtsiTN6YF2Km2Jd7DkIji1WW+DKvOsKZObH9fqinKzB5MsnKtdYDz43BBvAqW0C8cSwax3WTeH5JXDNUvEv7ycw58Yw3yYI6ib7PJtActK0dUMAQXEuJMHbKuQWlSt9z/MpOUTuRZxo6D/dZG3AdQGEqoI2pDsObReVu5aaZXG4h5jX/BeyYgOuCKBZZpCCOl20i/7mXXKiX0Dnx6CpndJansU7rUQbzVrAR2R8BbtfOPzQInrLwHEszrzpw0wb8LgDZkdwur1ELidJm+V/f69CFQBjgrqdPvaeHiR21yAb7sP8JvHRfizJucPtaMfjlIq1AIclecJVbZ0U/ScG1fbDo3NE0mNKTmlg2r5+cvf2E9IqUpbtDiq0dB7mMmJHBTDcqfKRSwlWCj6ZtsiZGkFvkH1Hf40MjUpL+im5rgeGsizPwPPbSrt29KrKO18NKair7ewfQLEKEOzup253i7Iq+TTOukzfd6TirxoUVpfwHOj5C2BvvsoJbxIicKlsN9pLzyjohr8jb5S1V2ps6/jcx6Rf5xAiD/cWH9OaLJljrsiUvqDRG/3JM3+Gzu0855zG9IJO7y8BBgAY88zAMGjXvAAAAABJRU5ErkJggg==) no-repeat top right;
    padding-right: 20px;
    
}

/* FAQ Styling - accordion used on faq pages
/* Example http://offices.depaul.edu/student-financial-accounts/faq/Pages/athletic-fee.aspx */
/* ---------------------------------------------------------------------------------------- */

.faqtainer {
    margin-bottom: 20px;
    float: left;
}
.faq-head {
	float: left;
	margin-top: 30px;
}
#page-body p.question {
	float: left;    
	margin: 10px 0;    
	width: 100%;    
	font-style: normal;    
	font-weight: bold;    
	border-bottom: 1px dashed #9EA196;
}
#page-body p.question a.faq {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	display: block;
	cursor: pointer;
	float:left;
	width:500px;
	color:#7e7c72;
}
#page-body p.question a.faq:hover {
	color: #4A4A4A;
}
#page-body p.question span.trigger {    
	width: 20px;    
	height: 20px;   
	font-size:0px; 
	color: transparent;
	float: right;    
	padding: 0 0 3px 0;    
	background: transparent url(../../Images/faq.png) no-repeat right top; 
} 
#page-body p.question span.active {
	background: transparent url(../../Images/faq.png) no-repeat right bottom; 
	background-position:1px -31px;
}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	line-height: 21px;
	padding-top: 5px;
}
.toggle_container .block {
	width: 525px;
}
#page-body .toggle_container .block p {
	margin-bottom: 0;
}


/* Start Isotope styles */

/*** Isotope Filtering ***/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*** CSS3 transitions ***/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
} 

#container {
  padding: 6px;
  margin-bottom: 20px;
}

.photos .photo {
  width: 303px;
  margin: 6px;
  float: left;
}

.photos .photo img {
  display: block;
  width: 100%;
}

.photos .photo img:hover {
  outline: 1px solid #666;
}

#content h1 {
	font-size: 24px !important;
	color: #467e95 !important;
	margin-left: 20px !important;
	margin-top: 10px !important;
}

#content p {
    margin: 0 20px 20px 20px !important;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* End Isotope styles */

/* MD: Fix for alert to run full-width at screen top */
#dpu-alert {
position: relative !important;
}