@import url(/inc/forms.css);
/** ADMIN **/
#admin {
    text-align: center;
}

#top_box{
width:100%;
height:50px;
clear:both;
}

#top_box img{
border:none;
margin-left:55px;
margin-top:20px;
}

#content{
margin-top:40px;
}
/*******************************************************/
.PEedit {
    border: 2px solid #4d4d4d;
    background: #cccccc;
    position: relative;
    margin-top: 1em;
    cursor: move;
}
.PEhover {
    background-color: green !important;
}
.PE_width { display: none; }
#content .PE_width {
    display: block;
    width: 30px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: top left;
    float: right;
    margin-top: 1px;
    cursor: pointer;
}
#content .PE_width img {
    width: 30px;
    height: 15px;
}
#content .w1 .PE_width { background-image: url(/chrome/width.1.png); }
#content .w2 .PE_width { background-image: url(/chrome/width.2.png); }
#content .w3 .PE_width { background-image: url(/chrome/width.3.png); }




/** TYPOGRAPHY & COLORS **/

.textnoresize {     
    font-size: 11px;
}


.text2 {
    font-size: 85%;
}
.text3 {
    font-size: 110%;
}
.expired {
    border: 1px solid orange;
    background-color: #ffe9bf;
}
.unpublished {
    border: 1px solid blue;
    background-color: #ddf;
}
.expired, .expired *, .unpublished, .unpublished * {
    color: #000 !important;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #666;
    background-color: #f6f6f6;
}
#page {
    background-color: white;
}
div#subcontent, div#content {
    border-color: #cccccc; /* Color of line between content and subcontent */
}
a:link {
    color: #4d4d4d;
    font-weight: normal;
    text-decoration: underline;
}
a:hover {
    color: #cccccc;
    text-decoration: underline;
}
a:visited {
    color: #666;
    font-weight: normal;
    text-decoration: underline;
}
.intro {
    color:#666666;
    font-weight: normal;
}
.colored {
    color: #cccccc;
}
#content, #subcontent {
    line-height: 1.5;
}
h1 {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
font-size:14px;
    
}
h2 {
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
    color:#000000;
}
h3 {
    color: #cccccc;
    font-weight: bold;
    font-size: 100%;
    margin: 0;
}
h4 {
    font-size: 100%;
    color:#000000;
    font-weight: bold;
    margin: 0;
}
#content h2 {
    margin-bottom: -.8em;
    margin-top: 2em;
}

#content h3 {
    margin-top: 1em;
}

#content #sitemap h2 {
    margin: 1em 0 .5em 0;
}
#footer {
    font-size: 90%;
}
#breadcrumb a:link, #breadcrumb a:visited {
font-size: 90%;
    color: #4d4d4d;
    text-decoration: none;
}
#breadcrumb a:hover {
font-size: 90%;
    color:#ff3333;
}
#modified {
    font-style: italic;
}



/** LAYOUT & SPACING **/
html, body {
    margin: 0;
    padding: 0;
    text-align: center; /* center site in lt ie6 */
}
#page {
    width: 1000px;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: left; /* center site in lt ie6 */
}
#navigation img {
    display: block;
}
img {
    border: none;
}
h1 img {
    display: block;
}
#navigation {
    margin-top: 46px;
    width: 200px;
    float: left;
    margin-right: 46px;
    overflow: hidden;
}
#content {
    width: 520px; /* 20 pixels added here from padding-right, to ease margin-right of w1 page-elements */
    padding-right: 47px;
    float: left;
    overflow: hidden;
}
#subcontent {
    margin-top: 46px;
    width: 160px;
    overflow: hidden;
    float: left;
}
#line {
    position:absolute;
    width:1px;
    height:9999em;
    top:46px;
    right:210px;
    background:#cccccc;
}
#subcontent .media img  {
    width: 160px;
}
#content .block {
    width: 500px;
}
.hr {
    height: 1px;
    background: #a6a6a6;
    margin: 2em 0;
}
.hr hr {
    display: none;
}
#footer {
    padding-top: 2em;
    margin-bottom: 1em;
    width: 500px;
    clear: both;
}
#footer p {
    margin: 0;
}
#modified {
    margin-bottom: 5em;
}
#breadcrumb {
     padding: .5em 0;
    overflow: hidden;
}
#breadcrumb ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
#breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
}
#breadcrumb li:after {
    content: ' // ';
}
#breadcrumb li:last-child:after {
    content: '';
}
#contact-info {
    clear: both;
    padding: .5em 0;
	 border-top: 1px solid #a6a6a6;
    border-bottom: 1px solid #a6a6a6;
}
#content h1 {
    margin-top: 0;
}
#page-functions ul {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
}
#page-functions li {
    display: inline;
    margin: 0;
    padding: 0;
}
#page-functions .second {
    line-height: 2;
}
#page-functions-language {
/*    clear: both;*/
}
#search-box {
    position: relative;
    overflow: hidden;
    clear: both;
}
#search-box label {
    position: absolute;
    top: 1px;
    left: 3px;
    z-index: 1;
    color: #a6a6a6;
    cursor: text;
}
#subcontent #search-query {
    width: 110px;
    margin-right: 2px;
    background-color: transparent;
    float: left;
    position: relative;
    z-index: 2;
    padding-left: 2px;
}
#subcontent #search-button {
    width: 40px;
    float: left;
    font-size: 11px;
}
.block {
/*margin-left:40px;*/
    width: 120px;
}


/** Lists **/
#content ul.list {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
}
#content .list li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 500px;
}
#content .list .listimage {
    position: relative;
    float: left;
    width: 160px;
    overflow: hidden;
    margin-right: 20px;
    padding-bottom: 1em;
}
.list .listimage img {
    width: 160px;
}
.PEnl h3 {
    margin-top: 1em;
}
#content .list .listtext {
    width: 320px;
    float: left;
}
#content .list p, #content .list h3 {
    margin: 0;
}
#content .listtext {
    padding-bottom: 1em;
}
.list .date {
    color: #4d4d4d;
    font-style: italic;
    font-size: 90%;
}
#content .w1 ul.list,
#content .w1 .list li,
#content .w1 .list .listimage,
#content .w1 .list .listimage img,
#content .w1 .list .listtext {
    width: 240px;
}


#subcontent ul.list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
#subcontent .list li {
    margin: 1em 0;
    padding: 0;
    display: block;
}
#subcontent .list p, #subcontent .list h3 {
    margin: 0;
}

/** Calendar **/
#content .PEcal ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 5px solid #a6a6a6;
    border-bottom-width: 4px;
}
#content .PEcal ul ul, #content .PEcal ul ul li {
    border: none;
    padding: 0;
    background: transparent;
}
#content .PEcal li {
    display: block;
    margin: 0;
    padding: 1em 10px;
    list-style: none;
    background-color: #f6f6f6;
    border-bottom: 1px solid #a6a6a6;
}
#content .PEcal li.alt {
    background-color: #eee;
}
#content .PEcal {
    margin-top: 1em;
    padding-top: 3em;
}
#content .PEcal h2 {
    border: 5px solid #a6a6a6;
    border-bottom: none;
    padding: 12px 24px 6px 6px;
    display: inline;
    clear: both;
}
#content .PEcal .listtext, #content .PEcal .listimage {
    margin: 0;
    padding: 0;
}

#subcontent .PEcal ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#subcontent .PEcal li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
#subcontent .PEcal h3 {
    margin-top: 1em;
}


/** Page elements **/
#content .PE {
    width: 500px;
    float: left;
    overflow: none;
    margin-right: 20px;
}
#subcontent .PE {
    width: 160px;
    overflow: hidden;
    margin-top: 2em;
}
#content .w1 {
    width: 240px;
}

/** Sitemap **/
#sitemap ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
#sitemap li {
    display: block;
    margin: 1em 0;
    padding: 0;
}
#sitemap h2 {
    margin: 0;
}
#sitemap li li {
    padding-left: 20px;
    margin: .5em 0;
}


/** Menu **/
#menu {
    width: 200px;
    text-align: right;
}
#menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    border-top: 2px solid #cccccc;
}
#menu ul ul {
    border: none;
    border-top: 1px solid #cccccc;
}
#menu ul ul ul {
    border: none;
    border-bottom: 4px solid white;
}
#menu li {
    display: block;
    margin: 0;
    padding: 0;
    border: 2px solid #cccccc;
    border-top: none;
}
#menu li li {
    border: none;
    border-top: 1px solid #cccccc;
}
#menu li li li {
    border: none;
}
#menu a {
    display: block;
    color:#333333;
	text-decoration: none;
    font-weight: normal;
}
#menu li li a {
    padding: 5px 20px 5px 24px;
}
#menu li li li a {
    padding: 4px 20px 4px 24px;
    color: #a6a6a6;
}
#menu a:hover {
    color:#ff3333;
}
#menu a.selected {
    font-weight: bold;
	color:#ff3333;
}

#menu a:hover.selected {
    font-weight: bold;
	color:#333333;
}
#menu li li li a.selected {
    font-weight: normal;
    color: #4d4d4d;
}
#menu img {
    border: none;
    display: block;
    vertical-align: bottom;
}



/** Search **/
#search-results {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
#search-results li {
    margin: 1em 0;
    padding: 0;
    display: block;
}
#search-results h3, #search-results p {
    margin: 0;
    font-size: 100%;
}
#search-results .path {
    font-style: italic;
    font-size: 90%;
}
#search P {
    margin: 5px;
}

#subcontent .block {
margin-top: 22px;
}

#content .block .text h2 {
margin-bottom: 1em;
}

/* Newsletter */

.newsblock {
width: 425px;
margin-left:95px;
}


#newsletterbox {

margin-top:0px;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;
border-left:solid 1px #666;
border-right:solid 1px #666;
padding-left:10px;
padding-right:10px;
}  

#newletterboxstart {

border-bottom:solid 1px #000000;
}
#newletterboxend {

border-bottom:solid 1px #000000;
}

#newsletterbox p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#newsletterbox{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-top:5px;
padding-bottom:10px;
}

#newsletterbox .intro{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#newsletterheadline{

float:right;
font-size:30px;
color:#999999;
font-family:Georgia;
}

#newsletterbox .Newsheadline {
font-size:20px;
font-family:Georgia;
color:#FF3333;
line-height:21px;
margin-bottom:4px;
}

#newsletterbox a{
text-decoration:none;
font-style:italic;
font-weight:bold;}

#newsletterbox img{
padding-top:5px;
}


#newsletterlogo{
float:left;
width:520px;
margin:0px;
clear:both;
margin-bottom:10px;
}

#newsletterlogo img{
width:180px;
height:20px;
border:none;
}