/* This is how you create comments in your style sheet */
/* These can come in handy when you go back to make changes */
/* and can't figure out what you did!!! */


body {
	line-height : 1.6em;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .85em;
	font-weight : normal;
	background-image: url();
}

/* ====================================== */

.wrapper{
background:#FFFFFF;
color:#333333;
margin:0 auto;
text-align:left;
width:750px;
}

/* ====================================== */

.hidden {
display:none;
}

/* ====================================== */

#mainColumn{

font-size:.85em;
line-height:1.6em;
width:650px;
padding-left: 30px;
}

#relatedInfo{
color:#fff;
float:left;
font-size:85%;
line-height:1.6em;
width:210px;
height:100%;
padding:0 10px;
background:#972b0f;
}

#content{
float:left;
width:710px;
}

/* ====================================== */

#footer{
clear:both;
font-size:85%;
padding-top:20px;
}

#footer p{
background:#FFFFFF;
border-top:1px solid #333;
color:#333;
line-height:1.6em;
margin:0;
padding:10px 20px;
text-align:center;
}

/* ====================================== */


#header{
height:156px;
width:100%;
background-image: url(DunLogo.jpg);
margin:0;
padding:0;
}

#header a {
font-size: xx-large;
font-weight:bold;
position:relative;
top:1em;
left:1em;
color:#cc9e46;
}

/* ====================================== */

a{
color:#6699FF;
text-decoration:none;
}
a:visited{
border-color:#009999;
color:#009999;
}
a:hover{
border-color:#000;
color:#000;
}

a img{
border-width:0;
}

/* ====================================== */



#globalNavigation{
background:url(bg7.gif);

float:left;
width:100%;
height:100%;
border-left-width: 0;
border-right-width: 0;
}

/* ====================================== */


#globalNavigation ul{
font-size:85%;
list-style:none;
margin:0;
padding:0 20px;
text-transform:lowercase;
}

/* ====================================== */

#globalNavigation li{
background:#fff;
float:left;
line-height:normal;
margin:0;
padding:0;
text-indent:0;
font-weight:bold;
}

/* ====================================== */

#globalNavigation a,
#globalNavigation strong{
color:#6699FF;
display:block;
padding:4px 10px;
text-decoration:none;
white-space:nowrap;
}

/* ====================================== */


#globalNavigation #home{
border-left-width:1px;
}


/* ====================================== */



#globalNavigation a:hover,
#globalNavigation #current strong{
color:#333;
background:#fff;
}

/* ====================================== */

h1,h2,h3,h4,h5,h6 {
line-height:1.5em;
margin:10px 0 .25em 0;
color:#009999;
}
h1{
font-size:180%;
}
h2{
font-size:140%;
}
h3{
font-size:120%;
}
h4{
font-size:110%;
}
h5,h6 {
font-size:105%;
}

/* listamatic styles */


 #navcontainer {
background: #972b0f;
margin: 0;
padding: 1em 0;

}

ul#navlist {
list-style: none;
padding: 0;
margin: 0;
text-align: right;
text-transform: lowercase;
font-family: georgia, serif;

}

ul#navlist li {
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 2em 0.5em 0;
border-width: 1px;
border-color: #ffe #9FAE9D #ccc #fff;
border-style: solid;
color: #fff;
text-decoration: none;
background: #cc9e46;
}

#navcontainer>ul#navlist li a { 
width: auto;
}

/* This is not present in html for homepage.  Will create active block that isn't a link for nav purposes*/

ul#navlist li#active a
{
background: #cc9e46;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: #69847f;
border-color: #9FAE9D #fff #fff #ccc;
}

/* ====================================== */