/* 
    Document   : main
    Created on : 18.03.2008, 14:47:47
    Author     : Peter Jansen
    Description:
        Purpose of the stylesheet follows.
*/

body {
margin:0px;
background-color:#ffffff;
}

img {
border:none;
}

.menu {
background-color:#990000;
line-height:20px;
}

.headerImage {
background-color:#fff;
text-align: center;
position: relative; margin-left: auto; margin-right: auto;
}

.main {
color:#69ADDE;
width:1024px;
position: relative; margin-left: auto; margin-right: auto;
}

.news {
text-align:left;
float:left;
width:550px;
padding-left:12px;
color:#000;
}

.news .marker {
color:#000099;
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
position:relative;
margin-top:30px;
}

.news .marker .author {
background-image:url(../imagery/art/dots_h.gif);
background-repeat:repeat-x;
padding-top:10px;
}

.news .marker .timestamp {
text-align:right;
position:relative;
top:-14px;
padding-bottom:10px;
background-image:url(../imagery/art/dots_h.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.print, .print a:visited, .print a:link {
    text-decoration: none;
    color: #000099;
    font-weight: bold;
}


.intro {

}

.intro h2, .intro h2 a:visited, .intro h2 a:link {
color:#000099;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:1.35em;
text-decoration:none;
}

.intro h2 a:hover {
color:red;
}

.info, .info a:link, .info a:visited, .info a:hover  {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:2px;
font-weight:bold;
background-color:#666666;
color:#FFFFFF;
line-height:20px;
padding-left:5px;
text-decoration:none;
text-align: left;
}

.infoContainer img.fullImg {
    float:left;
    margin-right: 5px;
}



.adminInfo, .adminInfo a:link, .adminInfo a:visited, .adminInfo a:hover  {
    text-align: right;
    position: relative;
    top:-12px;
    float: right;
    line-height: 0px;
    padding: 0px;
    margin: 0px;
}

.adminInfo input {
    font-size: 9pt;
}

.print .adminInfo {
    top:5px;
}


.introText, .introText a:link, .introText a:visited, .introText h2 a:hover {
color:#666666;
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
text-align:justify;
text-indent:12px;
text-decoration:none;
vertical-align: top;
}

.small img {
padding-left:5px;
}

.separator {
line-height:1px;
clear:both;
}



.hSeparator {
/*
background-image:url(../imagery/art/dots_h.gif);
background-repeat:repeat-x;
*/
position:relative;
top:10px;
margin-bottom: 15px;
}

.hSeparator hr { height: 0.1px; color: #B9B9B9; }

.newsside { 
    background: #fff; 
    border: solid 1px #B9B9B9; 
    width: 250px; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
    padding-bottom: 5px; 
}

.news .hSeparator {
width:550px;
line-height:10px;
}

.leftColumn {
width:570px;
/*background-image:url(../imagery/art/vLine.gif);*/
background-repeat:repeat-y;
background-position:right;
float:left;
}

.comBlock2, .comBlock3 {
margin-top: 40px;
margin-bottom: 40px;
text-align:center;
z-index: 1;
}


div.editMode {
background-color: #FFFFCC;
border-style: dashed;
border-color: red;
border-left-color: red;
border-width: 1px;
cursor:pointer;
}

div.editMode a {
cursor:pointer;
}

.news .dfltStyle h2 a, .dfltStyle .introText{
    color:red;
}

.dfltStyle h1, .leftColumn .dfltStyle .introPara, .dfltStyle .mainPara {
    color:red;
}

/* ######################## */

.rightMargin {
background: #f0f0f0;  text-align: justify;
width:240px;
padding-right: 20px;
padding-left: 10px;
float:left;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
/*background-image:url(../imagery/art/verticalSep260.gif);
background-repeat:repeat-y;*/
}

.rightMargin h3 {
text-align:center;
color:#000099;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:18px;
}

.rightMargin .hSeparator {
width:250px;
}

.rightMargin .blockText {
color:#666666;
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
margin-right: 5px;
padding-top:10px;
width:240px;
text-align: justify;
padding: 5px;
/* ADDED */
background: #fff; border: solid 1px #B9B9B9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding-bottom: 5px;
}

.rightMargin .blockText a {
    color: #0066CC;
    /*font-weight: bold;*/ /* Modified */
}

/* ADDED */
.rightMargin .blockText a:hover { color: #666666; /*font-weight: bold;*/ text-decoration: none; }


/* ######################## */

.advertisement {
width:164px;
float:left;
margin-top: 0px;
padding-left:14px;
padding-right:0px;
/*background-image:url(../imagery/art/vLine.gif);*/
background-repeat:repeat-y;
height: 2500px;
}

.banner200x500 {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.blockText .youcard .hlight {
    color: #4D7100;
    font-size: 1.5em;
    font-weight: bold;
}

.blockText .youcard a {
    color:#0b0;
    font-weight: normal;
}

.blockText .centreBlock {
    padding: 0em;
}



/* ######################## */

.footer {
    text-align:center;
    font-size:10px;
    font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#000000;
}

.footer footerLinks {
    color:#666;
    font-size:.9pt;
    background-color: #AA3333
}

/* ######################## */

h1 {
color:#000099;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:30px;
text-decoration:none;
font-weight:lighter;
}

.introPara {
color:#666666;
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:12px;
text-align:justify;
text-indent:12px;
text-decoration:none;
font-weight:bold;
}

.mainPara {
color:#000000;
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:12px;
text-align:justify;
text-indent:12px;
text-decoration:none;
line-height:20px;
}

.sources, .sources a{
font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:2px;
margin-top: 10px;
text-align:right;
text-decoration:none;
color:#666666;
}

.login {
    color:#000000;
    text-align:right;
    float:left;
    width:500px;
    text-decoration:none;
    padding-left: 0px;
}

.login input, login select {
    width: 320px;
}

.login span input, login span select {
    width: 195px;
}

.login a {
    font-weight: bold;
    text-decoration:none;
}

.login div {
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-right:30pt;
}

.login .submit input {
    text-align: center;
    width: 250px;
}

.login .submit .paypal {
    text-align: left;
    width: 500px;
    margin-left: 0px;
    margin-right: 18px;
    padding-right:30pt;
}

.login .submit .button {
    width: 500px;
    text-align: center;
    
}

.login .submit .button input {
    width: 145px;
    height: 42px;
    text-align: center;
   
}


.login h2 {
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    margin-left: 8pt;
}

.login select.long {
    width: 250pt;
}

.login .reload {
    width: 60px;
}

.login .code {
    width: 260px;
}

.login #zip {
    width: 44px;
}

.login #city {
    width: 220px;
}

.login #street {
    width: 220px;
}

.login #houseNo {
    width: 34px;
}




.mandatory {
    color: red;
    font-weight:bold;
}

.content {
    color:black;
    margin: 1em;
    width: 46em;
    float: left;

}

.content .textbox {
    text-align: justify;
    line-height: 1.5em;
    border: 10px;
    border-color: red;
}

.contImage {
    text-align: center;
}

.contImage .imgSub {
    background-color: #eee;
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.contImage .imgSub div {
    padding: 0.5em;
}

.content .pageCreate {
    padding: 2em;
    text-align: center;
    margin: auto;
    margin-bottom: 4em;
    line-height: 5em;
}

.pageCreate select {
    width: 8em;
}

.content .pager, .content .pager a:visited {
    text-align: right;
    text-decoration: none;
    padding-top: 3em;
    padding-bottom: 2em;
}

.content .pager .selected, .content .pager .selected a:visited {
    text-align: right;
    text-decoration: none;
    font-weight: bold;
    color: red;
}

.content .prevNext, .content .prevNext a:visited {
    text-align: right;
    font-weight: bold;
    border: 2px solid red;
    padding: 0.6em;
    text-decoration: none;
    font-variant: small-caps;
}

.confirm {
    color:black;
    margin: 8pt;
    float: left;
    text-align: justify;
}

.login .regError label, .login .mailError label {
    color: red;
    font-weight: bold;
}

.login .regError input, .login .mailError input {

    background-color: #ffe2cb;
}

.login .errMsg {
    color: red;
    text-align: left;
}

.login .cbGroup {
    text-align: left;
    vertical-align: top;
}


.login .cbGroup input{
    width: 20px;
    float: left;
    text-align: left;
    margin: 20pt;
    position: relative;
    top: -17pt;
}

.login .cbGroup label{
    text-align: left;
}

.error div {
    padding-bottom: 3em;

}

.error img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.searchField {
    text-align: center;
    position: absolute;
    top: 90px;
    left: 60%;
}

.searchResults {

}

.news .searchResults h2 a{

    font-size:1em;

}

.searchIntro {
    font-weight: bold;
    margin-bottom: -1em;
}

.searchResults .more {
    font-weight: bold;
}

.news .searchResults .introText {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -10px;
}

.searchResults .commBar {
    margin: 2em;
}

.si {
    text-decoration: underline;
    color:red;
    background-color: yellow;
}

.rss {
    text-align: right;
    padding-top: 1.2em;
}

.rssMain {
    text-align: center;
    vertical-align: top;
    padding-top: 1em;
}

.rss a, .rssMain a {
    text-decoration: none;
}

.rssMain .label {

    padding: .5em;
}

.rssMain .iconRss {
    padding-left: .4em;
    padding-right: .4em;
}

.searchButton {
    background: url(/Web2/imagery/art/search_up.png) no-repeat;
    width: 102px;
    height: 22px;
    border: 0;
    margin-left: 5px;
}

.searchButton:hover {
    background: url(/Web2/imagery/art/search_dn.png) no-repeat;
    width: 102px;
    height: 22px;
    border: 0;
    margin-left: 5px;
    cursor: pointer;
}

.searchButton:active {
    background: url(/Web2/imagery/art/search_pr.png) no-repeat;
    width: 102px;
    height: 22px;
    border: 0;
    margin-left: 5px;
    cursor: pointer;
}


.at {
    color: red;

}

.email {

    margin-top: 1em;
}

.email a {
    color:#888;
    text-decoration:none;
    font-weight: bold;
    font-size: .9em
}

.email a:hover {
    color:#000099;
}

.login table.memFees {
    border:1px;
    text-align: left;
    height: 120px;
}

.login td {
}

.login .radio input {
    width:3em;
    line-height: 200px;
    vertical-align: top;
    position: relative;
    top:-.2em;
}

table.memFees td.fee {
    width:5em;
}

table.memFees td.desc {

}

.mes {
    padding-top: 100pt;
}

.mes label {
    text-align: left;
    display: block;
}

.login .uaccount {
    text-align: left;
    
    margin-left: 1em;
}

.login .uaccount div span {
    text-align: left;
    position: relative;
    width: 2px;
}

.login .uaccount div span input {
    width: 0;
    margin-left: 0em;
}

.login .uaccount div span label {
    width: 0;
    margin-right: 2em;
}


.udatInvisible, pwLost {

    display:none;
    width:500px;
}