/* from http://www.dts.edu/css/pageelements.css */

/* buttons */
a.dts-button, span.dts-button {
	display: inline-block;
	position: relative;
	line-height: 1;
	font-family: arial;
	font-size: 13px;
	min-width: 120px;
	padding: 6px 11px;
	background: #ccc url(Images/button-bg-gradient.png) center left repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.45);
	border-bottom: 1px solid rgba(0,0,0,0.45);
	border-top: 1px solid rgba(255,255,255,0.25);
	margin: 5px 2px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	/*
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	*/
}
.dts-button:active {
	top:1px;
}
.dts-button:hover{
	background-color: #c1c1c1;
}

.action-flat.action, .dts-button.action {
	background-color: #40e21f;
}
.action-flat.action:hover, .dts-button.action:hover {
	background-color: #42ce23;
}

/* end pageelements excerpt */

/* begin excerpt from dts7.css */

/*
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;
}

#container {
	background: #ccc url(Images/dts-container-bg.jpg) top center repeat-y;
}
#container-inner {
	background: transparent url(Images/dts-site-bg.jpg) top center no-repeat;
}
#container-footer {
	height: 16px;
	background: #dddddd url(Images/dts-site-bottom-bg.jpg) top center no-repeat;
	padding: 0 0 10px 0;
}
#content {
	min-height: 300px;
}


/* 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;
}

	#home-link {
		display: block;
		width: 160px;
		height: 80px;
		float: left;
		background: transparent url(Images/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;
		/*background: blue;*/
	}
	.sub-menu {
		padding: 15px 0 0 0;
		display:none;
		position: absolute;
		top: 68px;
		z-index:10;	
	}
	.sub-carrot {
		background: transparent url(Images/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/menu-2-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-2 {
		width: 330px;
		height: 15px;
		background: transparent url(Images/menu-2-bottom.png) top left no-repeat; /*embed*/
	}		
	
	#main-menu .sub-body-3 {
		width: 490px;
		padding: 0 5px;
		background: transparent url(Images/menu-3-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-3 {
		width: 490px;
		height: 15px;
		background: transparent url(Images/menu-3-bottom.png) top left no-repeat; /*embed*/
	}	

	#main-menu .sub-body-4 {
		width: 650px;
		padding: 0 5px;
		background: transparent url(Images/menu-4-top.png) top left no-repeat; /*embed*/
	}
	#main-menu .sub-footer-4 {
		width: 650px;
		height: 15px;
		background: transparent url(Images/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;			 */
        margin-left: 350px;
	}
	#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/search-bg.png) top left no-repeat;
	}
	#search-text {
		width: 130px;
		margin: 0 5px;
		height: 20px;
		float: left;
		border: 0;				
		color: #aaa;
		display: block;
		background: transparent
	}


/* Main */
#main 
{
    width: 980px;
    padding: 20px 0;
    margin: 0 auto;
    background: #fff;
	position: relative;
}

/* normal text page */

.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;
    /*
    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 {
    /*
    text-shadow: #333 0 -1px 1px;

    background: -webkit-gradient(linear, left top, left bottom, from(#2D88CC), to(#194e76));
	background: -moz-linear-gradient(#2D88CC, #194e76);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2D88CC', EndColorStr='#194e76');
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2D88CC', EndColorStr='#194e76')";
    */
    width: 198px;
    margin: 0 -1px;

	/*
	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 li a 
{
    background: none;
	display: block;
	padding: 8px 14px;
	text-decoration:none;
	color: #333;
	/* font: normal 12px arial; */
    font-size: 12px; /* retain bold */
}
.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;
}



/* Footer */		
#footer {
	background: #333 url(Images/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/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/footer-facebook.png) top left no-repeat;
		width: 85px;
	}
	.sm-twitter {
		background: url(Images/footer-twitter.png) top left no-repeat;
		width: 83px;
	}
	.sm-itunesu {
		background: url(Images/footer-itunesu.png) top left no-repeat;
		width:74px;
	}		
    
*/

	#extra-nav {
		margin: 30px 0 0 0;
		text-align:right;
	}	
	#copyright {	
			background: #8b0c0d;
			font: normal 12px/12px Arial;
			color: #ffffff;
			text-align:center;
			padding: 6px 0;	
	}
	#copyright a{				
			color: #ffffff;
	}