/*
*************************************************

Site: DePaul.edu
Stylesheet: Global styles
Description: This stylesheet contains styling for common elements
found in most DePaul websites. The tactical drawer, search box, masthead, 
navigations and other common elements receieve their basic formatting here. 
Please be advised that changes here affect any/all sites that link to this 
file. Custom coloring and font families local to your site are intended to 
be declared in local.css.
Author: Internet Communications
Contact: http://depaul.edu/emm/staff/

*************************************************
*/



/* tactical drawer */

#tactical_drawer {
	display: none;
	height: 180px;
}
#tactical_drawer p {
	font-size: 15.5px;
	margin: 16px 0 4px 13px;
	width: 90%;
}
#tactical_drawer ul {
	list-style-type: none;
	margin: 0;
	width: 458px;
}
#tactical_drawer li {
	display: inline-block;
	*float: left;
	font-size: 12px;
	letter-spacing: .25px;
	padding: 0 12px 0 10px;
}
.clearpipe {
	border-right: none!important;
}
.clearborder {
	border: none!important;
	}
#tactical_drawer a {
	padding: 2px 4px 2px 4px;
	text-decoration: none;

}
#tactical_drawer a:hover {
	-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;
}
.btn-slide {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display: block;
	float: right;
	height: 26px;
	margin: 0 160px 0 0;
	padding-top: 7px;
	text-align: center;
	width: 143px;
}
a.btn-slide {
	text-decoration: none;
}



/* masthead */

#masthead {
	width: 100%;
}
#masthead #navigation {
	display: block;
	height: 113px;
	margin: 0 auto;
	width: 960px;
}
#masthead img {
	margin: 24px 0 0 0;
}
#masthead form {
	border: none;
	margin-bottom: 0px;
	padding: 0px;
}
#masthead textarea {
	height: 18px;
	overflow: auto;
	padding: 4px 0 0 2px;
	resize: none;
}
#masthead textarea {
	background: #fff url(icons_files.png) -461px -38px;
	width: 140px;
	margin: -58px 0 0 0;
	float: right;
	border: 1px solid #315b6c;
}




/* Primary Navigation */

#masthead ul {
	float: left;
	margin: 11px 0 0 0;
	width: 959px;
}
#masthead li {
	list-style-type: none;
	float: left;
	text-align: center;
}



/* Left Rail */

#left_rail h4 {
	margin: 18px 0 0 20px;
	width: 80%;
}
#nav_local {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .25px;
}
ul#nav_local {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 14px 0;
}
#nav_local li {
	margin: 0 0 1px 0;
}
#nav_local li a {
	display: block;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 80%;
}
#nav_local ul li ul li  {
	font-size: 10px;
	line-height: 12px;
	margin-top: 4px;
	margin-bottom: 5px;
}
#nav_local ul li ul .external {
	background: url(icons_files.png) 11px -69px transparent;
}

.external {
	padding: 0 15px 0 0;
	background: url(icons_files.png) 13px -67px transparent;
}



/* Icons Nav */

ul#nav_icon {
	border-top: 1px solid #c5c5c5;
	margin: 0 0 0 20px;
	padding: 20px 0 0 0;
	width: 80%;
}
#nav_icon li {
	background: url(icons_leftrail.png) no-repeat;
	font-size: 15px;
	list-style-type: none;
	margin: 0 0 6px 0;
	height: 24px;
}
li#icon_request {
	background-position: 3px -24px; 
}
li#icon_visit {
	background-position: 0px -48px;
}
#nav_icon a {
	color: #676960;
	padding-left: 32px;
	text-decoration: none;
}
#nav_icon a:hover {
	text-decoration: underline;
}



/* Breadcrumbs */

#breadcrumbs, #contact_editor {
	font-size: 10px;
	font-family: verdana;
	margin: 26px 0 20px 0;
}



/* Right Rail Widgets */


#right_rail div {
	margin: 25px 0 20px 0;
}

.intruder_fyi {
	margin-right: 20px!important;
	background: #f1e6af;
	border: 1px solid #e3ce5f;
	line-height: 18px;
	padding: 15px;
	font-family: georgia;
	font-size: 13px;
	margin-bottom: 20px;
	float: left;
}
.intruder_fyi span {
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
}
.intruder_fyi hr {
	border: 1px solid #e3ce5f;
	margin: 0 0 10px 0;
	padding: 0;
}


/* Old Video Link */

.intruder_piclink {
	background: #1F3D49;
	width: 172px;
}
.intruder_piclink h5 {
	color: #ecd08a;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0;
	padding: 10px 0 0 10px;
}
.intruder_piclink p {
	margin: 0;
	padding: 10px;
}
.intruder_piclink img {
	margin: 0;
}
.intruder_piclink a {
	background: transparent url(icons_files.png) -2px -57px;
	color: #fff;
	display: block;
	padding-left: 14px;
	text-decoration: none;
}
.intruder_piclink a:hover {
	background: #ecd08a url(icons_files.png) -2px -57px;
	color: #1F3D49;
}




/* Center Well Footer */

#page_footer {
	float: left;
	font-size: 12px;
	margin: 0 0 40px 0;
}
#page_footer h5 {
	border-bottom: 1px solid;
	margin: 10px 0 15px 10px ;
}
#page_footer p, #page_footer ul {
	padding: 0 0 0 10px;
}
#page_footer .grid_8, #page_footer .grid_5 {
	margin: 0;
}
#page_footer {
	width: 98%;
}



/* Core Footer */

#core_footer {
	border-top: 1px solid #dcded0;
	font-size: 12px;
	float: left;
	padding: 20px 0 100px 0;
	width: 100%;
}
#core_footer h5 {
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;
}
#core_footer #copyright {
	float: left;
	font-size: 11px;
	margin: 20px 0 0 6px;
	border-top: 1px solid #dcded0;
	padding-top: 10px;
}
#core_footer address {
	margin: 0;
}
#core_footer ul {
	margin-left: 0;
}
#core_footer ul li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.footer-socialicons-lg {
	position: relative;
	height: 20px;
	margin: -40px 0 0 0;
	width: 942px;
	/*width: 942px;position: absolute;*/
}
.footer-socialicons-lg span {
	float: right;
}
.footer-socialicons-lg a {
	display: block;
	width: 30px;
	height: 31px;
	margin: 0 5px 0 0;
	float: left;
}
.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;
}
.social-lg-facebook {
	background:url(icons-social.png) 0px 0px;
}
.social-lg-linkedin {
	background:url(icons-social.png) 0px -60px;
}
.social-lg-twitter {
	background:url(icons-social.png) 0px -120px;
}
.social-lg-rss {
	background:url(icons-social.png) 0px -180px;
}