﻿/* CSS Document */

/*********************************/
/*      BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {    
    margin:0;   
    padding:0;   
} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 

address,caption,cite,code,dfn,th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 
abbr,acronym { border:0;   
}  

/********************************/
/*           GLOBAL
/********************************/

body {
background-color:#383838;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:75%;
color:#000000;
}


/********************************/
/*       UM STANDARDS
/********************************/
#umwrap {
width:100%;
background-color:#5a5a5a;
}

#umstandards {
height:31px;
width:930px;
margin:0 auto;
position:relative;
top:4px;
}

/*um logo*/
#umstandards h2 a {
background-image:url(../images/slices/umLogo.gif);
width:336px;
height:23px;
position:relative;
float:left;
outline:none;
top:2px;
}

/*image replacement technique for UM logo*/
#umstandards h2 span {
display:none;
}

/*begin right hand links*/
#umstandards ul {
float:right;
position:relative;
padding:0;
top:4px;
right:3px;
}

#umstandards ul li {
list-style:none; 
display:inline;
}

#umstandards ul li {
list-style:none; 
display:inline;
}

#umstandards li, #umstandards a {
color:#FFFFFF;
text-decoration:none;
}

#umstandards a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/********************************/
/*          CONTAINER
/********************************/

#container {
width:944px;
margin:0 auto 30px auto;
position:relative;
top:13px;
background-image:url(../images/slices/containerBkgd.jpg);
background-repeat:repeat-y;
}

#containertop {
background:url(../images/slices/containerTop.gif) no-repeat #383838;
width:944px;
height:7px;
}

/********************************/
/*          HEADER
/********************************/

#header {
width:932px;
}

#header h1 {
width:269px;
height:107px;
position:relative;
float:left;
}

#header h1 a {
display:block;
width:269px;
height:107px;
outline:none;
}

#header h1 span {
display:none;
}

#banner {
background-image:url(../images/banner/home_ders.jpg);
width:662px;
height:106px;
position:relative;
float:right;
border-left:1px solid #a19988;
border-bottom:1px solid #a19988;
}

/********************************/
/*        NAVIGATION
/********************************/

#nav {
position:relative;
float:left;
left:7px;
top:0;
margin:0;
padding:0;
}

#nav li {
list-style:none;
width:262px;
border-right:1px solid #999999;
line-height:1.1em;
padding:0;
margin:0;
vertical-align:middle;
border-bottom:1px dotted #333333;
}

#nav li a {
display:block;
height:auto;
text-decoration:none;
margin:0px;
color:#000000;
background:url(../images/slices/navIcon.gif) no-repeat 245px 7px;
padding:5px 34px 7px 10px;
text-align:right;
font-size:1.1em;
outline:none;
position:relative;
}

#nav li a:hover {
background-color:#d9c8ad;
}

/*begin subnav*/
#nav ul ul  {
/*display:none;*/
background-color:#d9c8ad;
padding:0 0 10px 0;

}

#nav ul li a.selected {
background-color:#d9c8ad;
border-bottom: none;
font-weight:800;
}



#container  #nav li:hover ul, #container  #nav li.over ul, #container  #nav li.active ul{  
display:block;
}

#nav > ul {
	top: auto;
	left: auto;
	}

#nav ul ul li {
list-style:none;
line-height:1.4em;
border:none;
} 

#nav ul ul a:hover {
text-decoration:underline;
} 

#nav ul ul li a {
padding:0 44px 0 0;
   background:url(../images/slices/thirdtierBullet.gif) no-repeat 225px 7px;
border:none;
text-decoration:none;
font-size:.9em;

}


#nav ul ul li a.selected 
{
    font-weight:bold;


}
#nav ul ul ul li a.selected, #nav ul ul ul li a.expanded {
	background-color:#eee1cc;
	}


/* Third level nav */
#nav ul ul ul li a{
background:url(../images/slices/thirdtiersquare.gif) no-repeat 215px 7px;
padding:0 54px 0 0;

background-color:#eee1cc;
width:auto;
} 

#nav ul ul ul li a:hover {
text-decoration:underline;
background-color:#eee1cc;
}

#nav ul ul ul li a.selected
{
 font-weight:bold;   
}

/********************************/
/*          FOOTER
/********************************/

#footer {
background:url(../images/slices/containerBot.gif) no-repeat bottom;
width:944px;
height:53px;
position:relative;
}

.footertext p, .footertext h4{
margin:0;padding:0;
}

/*tagline*/
.footertext h4 {
font-weight:800;
background:url(../images/slices/dersMinilogo.jpg) no-repeat;
padding:0 0 9px 35px;
margin:5px 0 0 10px;
position:relative;
float:left;
line-height:1.1em;
font-size:1.2em;
}

/*contact info: address, phone number, etc.*/
.footertext p {
position:relative;
text-align:right;
padding:7px 0 0 0;
right:20px;
line-height:1.2em;
font-size:.9em;
}

/********************************/
/*          TEXT AREA
/********************************/

#textarea {
width:637px;
min-height:500px;
margin:12px 0 0 285px;
}

#textarea a {
color:#000000;
text-decoration:underline;
}

#textarea a:hover {
color:#000000;
text-decoration:none;
}



#textarea strong
{
font-weight:bold;
}

#textarea ul li {
	list-style-type:disc;
    margin-left: 25px;
}

#textarea ol li {
	list-style-type: decimal;
    margin-left: 25px;
}

.texthdr {
text-transform:uppercase;
color:#FFFFFF;
background-color:#6c1935;
font-size:1.3em;
padding:0 4px;
display:inline;
}


/********************************/
/*       SITE SEARCH
/********************************/

#sitesearch {
position:relative;
width:253px;
left:15px;
margin:10px 0;
}

/********************************/
/*  NEWS/MISSION STATEMENT BOX
/********************************/

#news {
background:url(../images/slices/missionBkgd.jpg) no-repeat;
width:325px;
height:190px;
position:relative;
float:left;
margin:0 10px 40px 0;
}

.newstext {
padding:10px;
}


.newstext h4 {
text-decoration:underline;
}

#rotating {
margin:0 0 10px 0;
}
/********************************/
/*       FORMATTING STYLES
/********************************/

.bold {
font-weight:800;
}

.big {
font-size:1.2em;
}

.clear {
clear:both;
}