﻿.debug {
    border: 1px solid red;
    background: yellow;
}
.debug .msg { cursor: pointer; }

/* html overrides */
html {
    background: #fff url(/css/images/logostrip-bg.png) repeat-x scroll 0 0;
}

body { background: none; margin: 0;  }

html{
  overflow-y: scroll;
} 

#regions {

    padding: 20px;
    border: 2px solid #6B4E9F;
    float: right;
    margin-left: 20px;

}

/* UTILS */
.topborder { border-top: solid 2px; }
.toplink { clear: both; margin-top: 10px; }
p.toplink {padding-top: 10px; }
.quietDark { color: #CBAEFF; }
a.quietDark { text-decoration: none; }
a.quietDark:hover { color: #e6e6e6; border-color: #e6e6e6; }
a.preview { text-decoration: none; }
a.pointer { cursor: pointer; }

.right { float: right; }
.left { float: left; }
a.inverse { color: #fff; }
a.inverse:hover { color: #E5ECF9; }
.grad-box, .grad-bucket {     
    border-left: solid 2px #e6e6e6;
    border-right: solid 2px #e6e6e6;
    background: transparent url(/css/images/article-summary-grad-bg.png) repeat-x scroll 0 bottom;
    margin-bottom:1.5em;
    padding:1.5em;
}

.grad-box { border-top: solid 2px #e6e6e6; margin-bottom:1.5em; padding:1.5em; }

/* IE6 Fixes */
#sidebar { display: inline;
    margin-right:21px;
    padding-right:20px;
}

#mainContent { position: relative; }


/* Unique Page Sections */
#hero { 
    margin-bottom: 1.5em; 
    z-index: -1; 
    height: 260px;
}

#header {
    background: none;
    height: 100px;
}

#nav { 
    margin-top: 2px;
    margin-bottom: 7px; 
    height: 36px; 
    color: #fff; 
    background: #b89d6f;
}

#nav .Menu a, #nav .Menu a:link, #nav .Menu a:visited  {
    padding: 9px 5px 9px 20px;
    /*height: 26px;*/
    color: #fff;
    font-weight: bold;
    background: transparent url(/css/images/triangle-marker.gif) no-repeat scroll 0 7px;
}

#nav .Menu a:hover, 
#nav .Menu a:active,
#nav .Menu a.Menu-ChildSelected,
#nav .Menu a.Menu-Selected
{
    color: #000;
    background-position: 0 -37px;
}

#nav ul.Menu { position: static; }

#nav ul.Menu ul {
    background: #B89D6F;
    z-index: 10;
}

#nav li { z-index: 10; }
#nav a { z-index: 10; }

#nav .Menu-Leaf a.Menu-Link { display: block; }

#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { text-decoration: underline; }

#MenuLeaf-Level1-Item1-1 {
    width: 80px;
}

#MenuLeaf-Level1-Item1-2 {
    width: 110px;
}
    #MenuLeaf-Level1-Item1-2 ul, #MenuLeaf-Level1-Item1-2 ul li{
        width: 220px;
    }

#MenuLeaf-Level1-Item1-3 {
    width: 130px;
}

#MenuLeaf-Level1-Item1-4 {
    width: 100px;
}
    #MenuLeaf-Level1-Item1-4 ul, #MenuLeaf-Level1-Item1-4 ul li{
        width: 220px; 
    }

#MenuLeaf-Level1-Item1-5 {
    width: 252px;
}
    #MenuLeaf-Level1-Item1-5 ul, #MenuLeaf-Level1-Item1-5 ul li{
        width: 250px; 
    }
#MenuLeaf-Level1-Item1-6 {
    width: 150px;
}

#MenuLeaf-Level1-Item1-7 {
    width: 120px;
}
    #MenuLeaf-Level1-Item1-7 ul, #MenuLeaf-Level1-Item1-7 ul li{
        width: 220px; 
    }


#footer {
    background: #b89d6f;
    color: #fff;
}

h2.head, .heading {
    color: #fff;
    background: #6b4e9f;
    padding: 5px;
    border: 2px solid #82719f;
}
h2.head, h2.heading {
    font-size: 1.25em;
    padding: 1px 10px;
    /*border: none;*/
}
h3.heading {
    font-size: 1.25em;
    padding: 10px;
}

.reset-bg { background: none; }

.reset-margin, h3.reset-margin { margin-bottom: 0; }

/* ARTICLE STUFF */
.article .bd ul, .article .bd ol { 
    margin-left: 3em;
}

.article-summary {
    padding: 5px;
    position: relative;
}
.article-summary .heading, .headline .heading {
    background: none;
    color: #6b4e9f;
    padding: 1px 0;
    border: none;
}

.article-summary p.summary { margin-bottom: 3em; }

.article-summary img.icon {
    float: right;
    margin: 0 -5px .75em .75em;
}

.newsitem .fontsizer, .article .fontsizer { text-align: right; }

.article-summary a.readmore { position: absolute; bottom: .75em; right: 5px; }

.author {
    /*border: 2px solid #d9e5fa;*/
    padding: 10px; 
}
.author .hd {
    margin: 0;
}
.author img, .author img {
    float: left; margin-right: 5px; max-width: 75px;
}
.author .content { position: relative; padding-left: 80px; font-size: 0.834em; }
.author hr { clear: none; color: #888; background: #888; }

.bookmarks a {
    background: transparent url(/css/images/bookmark-grad-bg.gif) repeat-x scroll 0 0;
    border-left: solid 1px #d7e0e3;
    border-right: solid 1px #d7e0e3;
    height: 18px;
    padding: 2px 10px 4px;
    display: block;
    float: left;
    text-decoration: none;
}

.bookmarks a img {
    height: 16px;
}

.bookmarks a:hover {
    background-image: url(/css/images/bookmark-grad-hover-bg.gif);
    text-decoration: underline;
}

.bookmarks img.cap {
    float:left;
}

/* Other Modules */
.bookmarks a span { float: left; margin: 1px 4px 0; }

.breadcrumbs{
    margin-bottom: 1.5em;
}

.spotlight img {
    height: 200px;
    max-height: 200px;
    margin: 0 auto;
}
.spotlight a.img {
    text-align: center;
    display: block;
}

.spotlight .heading {
    margin: 0;
}
.spotlight .body { 
    padding-top: 18px; 
}

/*  Override Classes */
a {
    color: #004685;
    text-decoration: none;
}

a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5 {
    color: #6b4e9f;
}
/* JQuery UI TABS  */
#tabs ul, #tabs ol { list-style: none; margin: 0; }

#preview a{
    text-align: center;
    display: block;
}

#preview img { width: 110px; max-width: 110px; }


#preview a img {
    margin:  0 auto;
}