/* global  */
body, html {
padding: 10px 0 10px 0;
margin: 0;
font-family: verdana, sans-serif, arial;
font-size: 12px;
line-height: 1.5em;
color: #666;
background: #f0dcb7 url(images/ui/bg.jpg) no-repeat top center;}


body {
min-width:750px;}


a:link, a:visited, a:hover {
text-decoration: underline;
color:#336699;}

a:hover {
text-decoration: underline;
color:#003366;}

a.arrow {
text-decoration: none;
color:#336699;
font-weight: bold;
padding-left: 12px;
background: url(images/icons/icon-arrow.gif) 0% 50% no-repeat;}

a:hover.arrow {
text-decoration: none;
color:#336699;
font-weight: bold;
text-decoration: underline;
padding-left: 12px;
background: url(images/icons/icon-arrow.gif) 0% 50% no-repeat;}

img {border: 0px;}

.skiplink {display:none} /* acessibility */

img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;}

/********** HEADINGS ***********/

h1 { 
background: none;
margin: 4px 0 2px 0;
font-family: georgia, trebuchet MS, verdana, arial;
font-size: 20px;
color: #990000;
padding: 0;
}

h2 { 
background: none;
margin: 4px 0 2px 0;
font-family: georgia, trebuchet MS, verdana, arial;
font-size: 12px;
color: #990000;
padding: 0;
}


#sidebar-secondary h2, #entries h2, #topics h2 { 
background: none;
margin: 4px 0 2px 0;
font-family: georgia, trebuchet MS, verdana, arial;
font-size: 12px;
color: #990000;
padding: 0;
}

#content-secondary h3 { 
background: none;
margin: 18px 0 2px 0;
font-weight: normal;
letter-spacing: 0.03em;
font-family: georgia, trebuchet MS, verdana, arial;
font-size: 20px;
color: #426594;
padding: 0;
}

#content-secondary h4 { 
background: none;
margin: 12px 0 2px 0;
font-weight: bold;
letter-spacing: 0.03em;
font-family: georgia, trebuchet MS, verdana, arial;
font-size: 16px;
color: #333;
padding: 0;
}


/********** STRUCTURE ***********/



div#container{
width:780px;
margin:0 auto;
padding: 0;}


#wrapper{
width:780px;
padding: 0 0 20px 0;
background: #fff;}

/*#wrapper-secondary{
width:730px;
margin: 0 0 0 23px;
padding: 0 0 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
position: relative;
background-color: none;
background-image: url(images/ui/inside-bg.gif);
background-position: top left;
background-repeat: repeat-y;} */

#wrapper-secondary{
width:730px;
margin: 0 0 0 23px;
padding: 0 0 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
position: relative;
background: #fff;} 


#title-inside{
width:780px;
background: #fff url(images/ui/secondary-header-inside.gif) top center no-repeat;
padding: 85px 0 0 0;
margin: 0;}

#title-praise{
width:780px;
background: #fff url(images/ui/secondary-header-praise.gif) top center no-repeat;
padding: 85px 0 0 0;
margin: 0;}

#title-editor{
width:780px;
background: #fff url(images/ui/secondary-header-editor.gif) top center no-repeat;
padding: 85px 0 0 0;
margin: 0;}

#title-media{
width:780px;
background: #fff url(images/ui/secondary-header-media.gif) top center no-repeat;
padding: 85px 0 0 0;
margin: 0;}

#title-purchase{
width:780px;
background: #fff url(images/ui/secondary-header-purchase.gif) top center no-repeat;
padding: 85px 0 0 0;
margin: 0;}


div#content{
float:left;
width:530px;
padding: 0 10px 15px 20px;
background: #fff;}

div#content-secondary{
float:right;
width:440px;
padding: 0 40px 15px 20px;
margin: 0;
background: none}


/********** HEADER ***********/

.header-top{
height:62px;
width: 780px;
padding: 0;
margin:0 auto;
background: url(images/ui/header-top.gif) no-repeat top center;}


#unc-title{
margin: 0 0 10px 0;
text-align: center;}

/* Currently used on Inside Encyclopedia section */
.header-top-a{
height:30px;
width: 780px;
padding: 0;
margin:0 auto;
background: url(images/ui/secondary-header-top.gif) no-repeat top center;}


.header-top div {
color: #7b6033;
font-weight: bold;
font-size: 14px;
text-align: center;
margin: 0 auto;
font-family: verdana, arial, trebuchet MS;}

div#header{
margin:0;
padding: 0;}



/********** NAVIGATION ***********/




/* PRIMARY LEVEL NAVIGATION */

#navcontainer {
background:  url(images/ui/header-bottom-tall.gif) no-repeat top center;
width: 780px;
height: 65px;
padding: 0px;
margin: 0px;}



ul#navlist
{margin: 0;
 padding: 6px 0 0 0; 
 white-space: nowrap;
}

#navlist li
{display: inline;
list-style-type: none;
background: #7b2516;}

#navlist a { 
padding: 7px 12px 6px 12px;
font-family: georgia, verdana, arial, trebuchet MS;
font-weight: bold;
background: #7b2516 url(images/ui/nav-line.gif) no-repeat top right;}

#navlist a:link, #navlist a:visited
{color: #fff;
background-color: #7b2516;
text-decoration: none;}

#navlist a:hover
{color: #fff;
background:  url(images/ui/rollover.jpg) repeat-x center;
text-decoration: none;}

#navlist li a#current
{color: #fff;
background:  url(images/ui/rollover.jpg) repeat-x center;
text-decoration: none;}



/* SECONDARY LEVEL NAVIGATION */

#secondary-menu-wrapper{
width: 780px;
background-color: #fff;
}

#navcontainer-secondary {
background:  url(images/ui/secondary-menu-bg.jpg) repeat-x top center;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 730px;
height: 18px;
padding: 0;
margin: 0 0 0 23px;}



ul#navlist-secondary
{margin: 0;
 padding: 0; 
 white-space: nowrap;}

#navlist-secondary li
{display: inline;
list-style-type: none;
background: none;}

#navlist-secondary a { 
padding: 2px 12px 5px 12px;
font-family: verdana, arial, trebuchet MS;
font-size: 10px;
font-weight: bold;
background: none;
border-right: 1px solid #ccc;}

#navlist-secondary a:link, #navlist-secondary a:visited
{color: #666;
background: none;
font-size: 10px;
text-decoration: none;}

#navlist-secondary a:hover
{
color: #333;
font-size: 10px;
background:  url(images/ui/secondary-menu-rollover.jpg) repeat-x center;
text-decoration: none;}

#navlist-secondary li a#current
{
color: #333;
font-size: 10px;
background:  url(images/ui/secondary-menu-rollover.jpg) repeat-x center;
text-decoration: none;}

/********** BODY ***********/


#content p {margin:4px 0 8px 0}


#feature-list {
padding: 0 0 20px 0;
}


#feature-list ul{
list-style-type: none;
padding: 0;
margin: 0 0 0 144px;
font-size: 11px;
}

#feature-list ul li{
padding-left: 18px;
margin: 0 0 10px 0;
background-image: url(images/icons/icon-star.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

ol {
margin: 0 0 0 14px;
padding: 5px;}

dol li{
margin: 0;
padding: 0;
}

/********** SIDEBAR ***********/
div#sidebar{
float:right;
width:180px;
padding: 0 20px 15px 0;
background: #fff;}

div#sidebar-secondary{
float:left;
width:180px;
padding: 20px 0 15px 20px;
background: none;}


div#sidebar-secondary ul{
background: none;
list-style-type: none;
padding: 0;
margin: 0 0 0 4px;
font-size: 11px;}

div#sidebar-secondary li{
background: none;
padding-left: 12px;
background: #fff;
margin: 0;
font-size: 11px;}


div#topics ul{
background: none;
list-style-type: none;
padding: 0;
margin: 0 0 0 4px;
font-size: 11px;}

div#topics li{
background: none;
padding-left: 12px;
background: none;
margin: 0;
font-size: 11px;}





div#entries ul{
background: none;
list-style-type: none;
padding: 0;
margin: 0 0 0 4px;
font-size: 12px;}


div#entries li{
background: none;
font-size: 12px;
padding-left: 12px;
background-image: url(images/icons/icon-arrow-red.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
margin: 0;}

div#entries ul li a{
text-decoration: none;
font-weight: bold;}

div#entries li.entry-on{
font-weight: bold;
color: #000;}

div#sidebar-secondary ul li a:hover{
text-decoration: underline;
font-weight: bold;}


div#calendar h2 {
background:  url(images/ui/sidebar-header-cal.gif) no-repeat center;
padding: 6px 0 6px 64px;
margin: 8px 0;
color: #fff;
text-transform: none;}

div#calendar {
font-size: 10px;
text-transform: uppercase;
color: #333;}

div#calendar p{
border-bottom: 1px dotted #ddd;
padding: 0 0 6px 0;
margin: 0 0 10px 0;}

div#calendar a{
font-weight: bold;
color: #990000;
text-transform: none;
text-decoration: none;}

div#calendar a:hover{
text-decoration: underline;}



/********** FOOTER ***********/


div#footer-cap{
background: #f0dcb7 url(images/ui/footer-cap.gif) no-repeat center top;
height: 18px;
clear: both;}


div#footer{
background: #fff;
padding: 10px 5px;
color: 666;
font-size: 11px;}



/********** CALENDAR ***********/


dl.event
{
margin: 2em 0;
padding: 0;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
color: #990000;
font-family: georgia, times, serif;
}

.event2 dt
{
position: center;
left: 0;
top: 1.1em;
width: 25em;
font-weight: bold;
color: #990000;
font-family: georgia, times, serif;
}


.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
color: #333;
}


.smallcaps {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
}