﻿/*
DTS Red: 		#8b0c0d, #a00e0f
DTS purple: 	#5b195e, #6c1e70
DTS library:  	#39559e, #4466bd
DTS brown: 		#5e483a, #735846

dark blue:		#194e76
tan: 			#e6d7ae
light green: 	#d4e2d5
ligth grays: 	#bebebe, #f9f9f9
dark gray: 		#555555

*/

/* main site template */
body {
	background: #dddddd;
}
.mceContentBody, .richEditor  {
	background: #fff;
}
#container {
	background: #ccc url(images/layout/dts-container-bg.jpg) top center repeat-y;
}
#container-inner {
	background: transparent url(images/layout/dts-site-bg-purple.png) top center no-repeat;
}
#container-footer {
	height: 16px;
	background: #dddddd url(images/layout/dts-site-bottom-bg.jpg) top center no-repeat;
	padding: 0 0 10px 0;
}
#content {
	min-height: 300px;
}
pre {
	padding: 10px;
	border: 1px solid #CCC;
	background: #EEE;
	margin-bottom: 20px;
	overflow:scroll;
}
code {
	background: #EEE;
	padding: 0 2px;
}

/* top bar menu */

#dts-common-menu {
	height: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica;
	color: #ffffff;
	line-height: 14px;
}
#dts-common-menu a, #dts-common-menu b {
	text-decoration: none;
	color: #ffffff;
	display: block;
	margin: 5px 0;
	float: left;	
}
#dts-common-menu a  {
	
}
#dts-common-menu a:hover {
	text-decoration: underline;
}

	#dts-sites a, #dts-sites b {
		padding: 0 7px;
		border-right: solid 1px #ffffff;
	}
	#dts-sites a:first-child, #dts-sites b:first-child {
		padding-left: 0;
	}	
	#dts-sites a:last-child, #dts-sites b:last-child {
		border-right: none;		
	}		
	#dts-account {
		text-align: right;
	}
	#dts-account a {
		padding: 0 5px;
		border-left: solid 1px #ffffff;		
		float: right;
	}		
	#dts-account b {
		padding: 0 5px;
		float: right;
	}
	
	
/* site menu */	
#header {
	height: 80px; 
	position:relative;
}
#site-area-carrot {
	position: absolute;
	width: 30px;
	height: 10px;
	background: url(images/layout/dts-site-carrot.png);
	top: 70px;
	left: 88px;
	z-index: 9;
	display:none;
}
.admissions #site-area-carrot {
	left: 218px;
	display:block;
}
.students #site-area-carrot {
	left: 315px;
	display:block;
}
.supporters #site-area-carrot {
	left: 418px;
	display:block;
}
.departments #site-area-carrot {
	left: 536px;
	display:block;
}
.resources #site-area-carrot {
	left: 650px;
	display:block;
}
.about #site-area-carrot {
	left: 736px;
	display:block;
}
	#home-link {
		display: block;
		width: 160px;
		height: 80px;
		float: left;
		background: transparent url(images/layout/dts-logo.png) top left no-repeat;
		text-indent: -9999px;
		margin-right: 10px;
	}
	#main-menu {
		margin: 0 0 0 20px;
		width: 620px;
		float: left;	
		list-style-type: none;	
	}
	#main-menu>li, * html #main-menu li {
		margin: 0;
		padding: 0;	
		float: left;
		position: relative;
		display: block;
	}
	#main-menu>li>a, * html #main-menu li a {
		padding: 55px 19px 0 0;
		display: block;
		float: left;
		color: #fff; 
		text-decoration: none;
		font-size: 14px;
		line-height: 0;
		line-height: 1em;
		text-transform: uppercase;	
		text-shadow: #000 0 1px 2px;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#333333', positive='true')"; /* IE8+ */
		filter: progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#333333', positive='true') /* IE and lower */

		/*background: blue;*/
	}
	
			
	
	
	
	.sub-menu {
		padding: 15px 0 0 0;
		display:none;
		position: absolute;
		top: 68px;
		z-index:10;	
		/*background:#00ff00;	*/
	}
	.sub-carrot {
		background: transparent url(images/layout/menu-carrot.png) top left no-repeat; /*embed*/
		height: 20px;
		width: 60px;
		top: 0;
		position: absolute;
	}
		
	#main-menu>li:hover .sub-menu {
		display: block;		
	}
	#main-menu>li:hover>a {		
		color: #cccccc;
		/* text-shadow: #fff 0 1px 2px;	*/
	}
	.sub-menu .sub-list {
		width: 140px;
		margin: 20px 10px 10px 10px;
		display: inline;
		float: left;
		background-color: #e0ce92;
		
	}
	.sub-menu h6 {
		font: bold 12px Georgia;
		margin-bottom: 10px;
		color: #5a4604;
	}
	.sub-menu h6 a {
		color: #5a4604;
		text-decoration: none;
	}
	.sub-menu h6 a:hover {
		text-decoration: underline;
	}
	.sub-menu .sub-list ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.sub-menu .sub-list ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font: 11px helvetica, arial;
	}
	.sub-menu .sub-list ul li a {
		display: block;
		margin: 0 0 0 -4px;
		padding: 4px;		
		color: #333;
		text-decoration: none;
	}
	.sub-menu .sub-list ul li a:hover {
		background: #c5ae62;
		-color: #fff;
	}
	.sub-menu .sub-list .sub-title {
		font-style:italic;
		font-family: verdana;
		-margin-bottom: 2px;
	}
	.sub-menu .sub-list .sub-space {
		margin-top: 10px;
	}			
	
	
	/* main menu items */
	#main-menu .sub-body-2, #main-menu .sub-body-3, #main-menu .sub-body-4 {
		/*margin-top: -5px;*/
	}
	
	#main-menu .sub-body-2 {
		width: 320px;
		padding: 0 5px;
		background: transparent url(images/layout/menu-2-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-2 {
		width: 330px;
		height: 15px;
		background: transparent url(images/layout/menu-2-bottom.png) top left no-repeat; /*embed*/
	}		
	
	#main-menu .sub-body-3 {
		width: 490px;
		padding: 0 5px;
		background: transparent url(images/layout/menu-3-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-3 {
		width: 490px;
		height: 15px;
		background: transparent url(images/layout/menu-3-bottom.png) top left no-repeat; /*embed*/
	}	

	#main-menu .sub-body-4 {
		width: 650px;
		padding: 0 5px;
		background: transparent url(images/layout/menu-4-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-4 {
		width: 650px;
		height: 15px;
		background: transparent url(images/layout/menu-4-bottom.png) top left no-repeat; /*embed*/
	}
	


	#menu-admissions .sub-carrot {		
		margin-left: 34px;		
	}
	#menu-admissions .sub-menu {		
		left: -35px;		
	}
	#menu-students .sub-carrot {		
		margin-left: 135px;		
	}
	#menu-students .sub-menu {		
		left: -138px;		
	}		
	#menu-supporters .sub-carrot {		
		margin-left: 100px;		
	}
	#menu-supporters .sub-menu {		
		left: -100px;		
	}	
	#menu-resources .sub-carrot {		
		margin-left: 310px;		
	}
	#menu-resources .sub-menu {		
		left: -312px;		
	}	
	#menu-departments .sub-carrot {		
		margin-left: 360px;			
	}
	#menu-departments .sub-menu {		
		left: -348px;		
	}		
	#menu-about .sub-carrot {		
		margin-left: 228px;			
	}
	#menu-about .sub-menu {		
		left: -248px;		
	}
		
	#search {
		float: left;
		display:block;
		width: 140px;
		margin: 50px 0 0 0;
		background: transparent url(images/layout/search-bg.png) top left no-repeat;
		position: relative;
	}
	#search-text {
		width: 115px;
		margin: 0 5px;
		height: 20px;
		float: left;
		border: 0;				
		color: #aaa;
		display: block;
		background: transparent
	}
	#search-button {
		position: absolute;
		right: 4px;
		top: 4px;
		background: none;
		border: none;
		text-indent: -999px;
		background: url(images/search.png) top left no-repeat;
		width: 14px;
		height: 14px;
		cursor: pointer;
	}
		
	.special-department {
		width:180px !important;
		height: 40px; 
		padding: 7px !important; 
		display: block;
		float: left; 
		background: #cebd86; /* #eee;  */
		margin: 10px 5px 10px 10px;
		font-family: Georgia;
		font-size: 11px !important;
		text-decoration: none;
		border-top: solid 1px #beaf7c;
		color: #222;
	}
	.special-department:hover { 
		background: #c5ae62;
	}	



	/* new menu layout updates */
	#main-menu {
		margin-left: 10px;
	}
	
	#search {
		margin-left: 10px;
	}
	
	#main-menu>li>a, * html #main-menu li a {
		padding: 55px 0 0 0;
		float: none;
		text-align: center;
	}
	
	#menu-admissions {
		width: 102px;
		
	}
	#menu-students {
		width: 96px;
		
	}
	#menu-supporters {
		width: 113px;
		
	}
	#menu-departments {
		width: 122px;
		
	}
	#menu-resources {
		width: 105px;
		
	}
	#menu-about {
		width: 66px;
		
	}
	
	#menu-admissions .sub-carrot {		
		margin-left: 47px;		
	}
	#menu-admissions .sub-menu {		
		left: -35px;		
	}	
	.admissions #site-area-carrot {
		left: 216px;
		display:block;
	}	
	
	#menu-students .sub-carrot {		
		margin-left: 144px;		
	}
	#menu-students .sub-menu {		
		left: -138px;		
	}		
	.students #site-area-carrot {
		left: 315px;
		display:block;
	}
	
	
	#menu-supporters .sub-carrot {		
		margin-left: 115px;		
	}
	#menu-supporters .sub-menu {		
		left: -100px;		
	}
	.supporters #site-area-carrot {
		left: 418px;
		display:block;
	}
	
	#menu-departments .sub-carrot {		
		margin-left: 369px;			
	}
	#menu-departments .sub-menu {		
		left: -348px;		
	}	
	.departments #site-area-carrot {
		left: 536px;
		display:block;
	}
	
	#menu-resources .sub-carrot {		
		margin-left: 323px;		
	}
	#menu-resources .sub-menu {		
		left: -312px;		
	}		
	.resources #site-area-carrot {
		left: 650px;
		display:block;
	}
	
	#menu-about .sub-carrot {		
		margin-left: 242px;			
	}
	#menu-about .sub-menu {		
		left: -248px;		
	}	
	.about #site-area-carrot {
		left: 736px;
		display:block;
	}	
	
	/* translation */
	
	#google_translate_element {
		position: absolute;
		top: 90px;
		right: 10px; 
		z-index: 5;
	}
	.dtshome #google_translate_element {
		top: 10px;
	}
		


/* Main */
#main {
    width: 980px;
    padding: 20px 0;
    margin: 0 auto;
    background: #fff;
	position: relative;
}

/* normal text page */

#content {

}

#content dl {
}

#content dl dt {
  font-weight: bold;
}
  
#content dl.plain dd {
  margin-bottom: 10px;
}

.side-menu 
{
    background: #eee;
    margin: 0 0 20px 0;    
    -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
            box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2)"; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=2);
    
}

.side-menu ul 	
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image:none;
}
.side-menu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image:none;
	display: block;
}
.side-menu>ul>li {
	
}

/* menu header */
.side-menu ul li a {
	font-weight: bold;
	font-size: 110%;
	background: #194e76;
	padding: 8px 12px;
	color: #f5f5f5;	
	display: block;
	text-decoration: none;
	
	
}
.side-menu > ul > li > a {
  width: 198px;
  margin: 0 -1px;


  text-shadow: #333 0 -1px 1px;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(#2D88CC), to(#194e76));
	background: -moz-linear-gradient(#2D88CC, #194e76);	
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorStr='#ff2D88CC', endColorStr='#ff194e76')";
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff2D88CC', EndColorStr='#ff194e76');	
	*/
	
	
	background: #333333 -moz-linear-gradient(top, bottom,from(#888),to(#444));
	background: #333333 -webkit-gradient(linear, left top, left bottom, from(#888), to(#444)) no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff888888, endColorstr=#ff444444)";
	filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff888888, endColorstr=#ff444444);
	
	
  

	/*
	--min-height: 30px;
	
	inset shadow
	-moz-box-shadow: inset 0 0 20px #336;
	-webkit-box-shadow: inset 0 0 20px #116;
	*/
}

/* normal menu items */

.side-menu ul>li>ul 
{
}

.side-menu ul li ul li a 
{
    background: none;
	display: block;
	padding: 8px 14px;
	text-decoration:none;
	color: #333;
	font: normal 12px arial;
}
.side-menu ul li ul li.selected a {
	background: #bbb;
	color: #111;
}

.side-menu ul li ul li a:hover {
	background: #CDCDCD;
	color: #111;
}

/* secondary itesm */
.side-menu ul ul ul {
	margin: 0 0 0 0;
	list-style-type: none;
}
.side-menu ul li ul li ul li a, .side-menu ul li ul li.selected ul li a {
	background:none;
	padding: 10px 28px 6px;
	border-bottom: 0;
	font: normal 11px arial;
}
.side-menu ul li ul li ul li.selected a {
	background: #bbb;
	color: #111;
}

/* third level!! */
.side-menu ul ul ul li ul {
	margin: 0 0 0 0;
	list-style-type: none;
}
.side-menu ul li ul li ul li ul li a, .side-menu ul li ul li ul li.selected ul li a {
	background: none;
	padding: 4px 40px 12px;
	border-bottom: 0;
	font: normal 11px arial;
	color: #777;
}
.side-menu ul li ul li ul li ul li.selected a {
	background: #bbb;
	color: #111;
}
.side-menu ul li ul li ul li a:hover {
	background: #c3c3c3;
	color: #111;
}

/* Bread crumbs */
.breadcrumbs 
{
    /*
    
	position: absolute;
	top: 0;
	*/
	overflow: auto;    
	margin: -10px 0 10px 0;
}
.breadcrumbs ul
{
    margin: 0;
    padding: 0;
}
.breadcrumbs ul li
{
    margin: 0;
    padding: 0;
	font-size: 10px;
    float: left;
    list-style-type: none;
}

.breadcrumbs ul li a, .breadcrumbs ul li span
{
    padding: 5px 6px 5px 15px;
    display: block;
	background: url(images/layout/breadcrumb-arrow.jpg) left no-repeat;
}
.breadcrumbs ul li.first a
{
	background: url(images/layout/breadcrumb-home.jpg) left no-repeat;
	padding-left: 24px;
}	

/* Footer */		
#footer {
	background: #333 url(images/layout/footer-bg.png) top left repeat-x;
	height: 199px;
	color: #fff;
	font-family: Georgia;
	font-size: 12px;	
}
#footer a {
	color: #fff;
}
#footer-wrapper {
	padding-top: 38px;
	padding-bottom: 22px;
}

	#seal {
		background: transparent url(images/layout/dts-seal.png) left top no-repeat;
		height: 139px;
	}
	#address {
		margin: 18px 0 0 0;
		height: 50px;
	}
	#phone-numbers {
		margin: 16px 0 0 0;
	}
	#social-media {
		margin: 18px 0 0 0;
		-text-align:right;
		height: 20px;
	}
	#social-media a {
		display: block;
		float: right;
		margin: 0 0 0 10px;
		text-indent: -9999px;
		height: 17px;
	}
	.sm-facebook {
		background: url(images/layout/footer-facebook.png) top left no-repeat;
		width: 85px;
	}
	.sm-twitter {
		background: url(images/layout/footer-twitter.png) top left no-repeat;
		width: 83px;
	}
	.sm-itunesu {
		background: url(images/layout/footer-itunesu.png) top left no-repeat;
		width:74px;
	}		
	#extra-nav {
		margin: 30px 0 0 0;
		text-align:right;
	}	
	#copyright {	
			-x-background: #43165E;
			background: #333333;
			font: normal 12px/12px Arial;
			color: #ffffff;
			text-align:center;
			padding: 6px 0;	
	}
	#copyright a{				
			color: #ffffff;
	}

/* home page stuff */
#rotator-container {
	position: relative;
	margin-bottom: 20px;
}
#rotator {
	height: 320px;
	overflow: hidden;
	background: #194E76;

	-webkit-box-shadow: rgba(0,0,0,0.3) 0 0px 3px;
	   -moz-box-shadow: rgba(0,0,0,0.3) 0 0px 3px;
	        box-shadow: rgba(0,0,0,0.3) 0 0px 3px;
	
	/*
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 5px 50px inset;
	   -moz-box-shadow: rgba(0,0,0,0.4) 0 5px 50px inset;
	        box-shadow: rgba(0,0,0,0.4) 0 5px 50px inset;
	*/
	position: relative;
}

#rotator-buttons {
	position: absolute;
	bottom: 10px; 
	right: 20px;
	text-align: right;
}
#rotator-buttons a {
	display: inline-block;
	text-decoration:none;
	background: #333;
	color: #fff;
	padding: 3px 5px;
	margin: 2px 3px;
	font-size: 9px;
	line-height: 1.0;
}
#rotator-buttons a.selected {
	background: #43165E;
}
.rotator-item {	
	height: 320px;
	width: 940px;
	position: absolute;
	top: 0;
	left: 0;
	/*
	-webkit-box-shadow: rgba(0,0,0,0.6) 0 0 15px inset;
	   -moz-box-shadow: rgba(0,0,0,0.6) 0 0 15px inset;
	        box-shadow: rgba(0,0,0,0.6) 0 0 15px inset;
	        */
}

.rotator-item img {
	position: absolute;
	width: 940px;
	height: 320px;
}	

.rotator-item .rotator-info-right {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 20px;
	width: 300px;
	background: url(/css/images/layout/frontpage-rotator-text-bg.png);
	color: #fff;
}

.rotator-item .rotator-info-left {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 20px;
	width: 300px;
	background: url(/css/images/layout/frontpage-rotator-text-bg.png);
	color: #fff;	
}


#lower-pane .more {
	text-align: right;
	margin-bottom: 10px;
}
#lower-pane .more a {
	color: #194E76;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#lower-pane .more a:hover {
	text-decoration: underline;
}
#lower-pane ul {	
	margin-bottom: 10px;
}

header.group {	
	padding: 7px 10px;
	/*
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background: -moz-linear-gradient(top, #ddd, #bbb);
	*/
	background: #ccc url(/css/images/layout/frontpage-headers-bgs.png) top left repeat-x;
	overflow: auto;	
	margin: 0 0 10px 0;
}


header.group h4 {
	float: left;
	margin: 0;
}
header.group h4 a, header.group h4 span  {
	color: #555;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9) ;
	text-decoration:none;
}
header.group h4 a:hover{
	text-decoration:underline;
}
header.group .rss {
	float: right;
	width: 16px;
	height: 16px;
	margin: 3px 0 0 0;
	text-indent: -9999px;
	background: url(/css/images/buttons/feed.png) top left no-repeat;	
	opacity: 0.4;	
}
header.group .rss:hover {
	opacity: 1.0;	
}


.media-items ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	background: none;
}
.media-items ul li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	background: none;
	float: left;
	display: block;
	width: 140px;
}
.media-items ul li a {
	display: block;
	height: 100px;
	width: 140px;
	text-decoration: none;
	margin: 0 0 10px 0;
}
.media-items ul li a img {
	width: 140px;
}

.media-items ul li a .title {
	float: left;
	font-weight: bold;
	overflow: hidden;
	padding: 0 0 0 0 ;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 105px;
	color: #666;
	font-size: 11px;
	line-height: 1em;
	height: 16px;
}
.media-items ul li a:hover .title {
	text-decoration:underline;
}

.media-items ul li a .date {
	float: right;
	overflow: hidden;
	padding: 0 0 0 0 ;
	white-space: nowrap;
	width: 30px;
	color: #999;
	font-size: 10px;
	line-height: 1em;
	height: 16px;
	text-align: right;
}

.media-items ul li.alt a {
	margin-left: 20px;
}

#chapel {
	
} 

#news {

}

#news li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
}
#news li a {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 0 80px;
	text-decoration:none;
}

#news li a img {
	float: left; 
	width: 60px; 
	height: 48px;
	margin: 0 0 0 -80px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
	   -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
	        box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
}
#news li a .title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 14px;
	margin: 0 0 4px 0 ;
	display: block;
}
#news li a:hover .title {
	text-decoration:underline;
	color: #194E76;
}


#news li a .date {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	display: block;
	line-height: 11px;
}

#events {

}

#events li {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	background: none;
}
#events li a {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	text-decoration:none;
}

#events li a .title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 14px;
	margin: 0 0 0 0 ;
	display: block;
	width: 230px;
	float: right;
	padding: 1px 0 0 0;
}

#events li a .time {
	font-size: 11px;
	color: #999;
	margin: 0 0 0 0;
	display: block;
	width: 230px;
	clear: right;
	float: right;
}


#events li a:hover .title {
	text-decoration:underline;
	color: #194E76;
}
#events li a .date {
	float: left;
	font-size: 11px;
	width: 50px;
	text-align:center;
	line-height: 12px;
	font-family: Arial;	
	background: #aaa;
	color: #f9f9f9;

}
#events li a:hover .date {
	background: #194E76;

	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
	   -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;	
	        box-shadow: rgba(0,0,0,0.5) 0 1px 3px;	
}
#events li a .date .month {
	display:block;
	font-size: 10px;
	padding: 0 1px;
}
#events li a .date .day {
	display:block;
	font-size: 13px;
	padding: 5px 0;
	margin: 0 2px 2px 2px;
	font-weight: bold;
	background: #fff;
	color: #333;
}


#events li a .date .time {
	font-size: 10px;
	font-weight: normal;
}


#president-intro {
	position: relative;
	height: 140px;
	display: block;
	text-decoration: none;
}
#president-intro img {
	width: 60px;	
	position: absolute;
	top: 0;
	left: 0;
}

#president-intro #mission {
	position: absolute;
	top: 0;
	left: 80px;	
	font-family: Georgia, "Liberation Serif", FreeSerif, Serif;
	font-size: 19px;
	line-height: 24px;
	letter-spacing: 1px;	
	width: 540px;
	height: 126px;
	color: #f9f9f9;
	text-shadow: rgba(0,0,0,0.8) 0 1px 1px;
	background: #43165E;	/* gray: #eee; tan: d4c29c; blue: 194E76 */
}
#president-intro #mission span {
	padding: 15px 15px 0 15px;
	display: block;	
}

#president-intro-carrot {
	float: left;
	position: absolute;
	top: 20px;
	left: 70px;
	border-style: solid;
	border-width: 0px 10px 10px 0;
	border-color: transparent #43165E transparent transparent ;
	
}
#president-name {
	position: absolute;
	bottom: 0;
	left: 80px;
	line-height: 1.0em;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
#president-name:hover {
	text-decoration: underline;
}

/* ALERTS */
#dts-alerts-bg {
	background: #ccc;
	height: 300px;	
	width: 940px;
	padding: 20px 0 0 0;	
}

#dts-alerts-block {
	margin: 0 auto 0 auto;
	background: #000;
	border: 3px solid #fff;
	width: 400px;
	padding: 20px;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
		border-radius: 20px 20px 0 0;	
}
#dts-alerts-block h2 {
	color: #fff;
	
}

#dts-alerts-content {
	background: #fff;
	padding: 10px;
	overflow: hidden;
	height: 300px;
}

#dts-alerts-block ul {

}

#dts-alerts-block ul li {
	display: block;
	padding: 10px;
	color: #D8000C;
	border: 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
		border-radius: 10px;
	background-color: #FFBABA;	
	margin: 0 0 10px;	
	background-image: none;
	list-style-type: none !important;
	
}
