body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 12px;
    background-color: white;
    width:990px
  /*background: url(../images/bg_lightblue990.gif) repeat-y*/;
  color: black;
  line-height: 18px;
 
}
a:link
{
text-decoration: none;
color: #336699;
}
a:visited
{
text-decoration: none;
color: #542100;
}
a:hover
{
text-decoration: none;
color: #A45521;
}
a:active
{
    text-decoration: none;
    color: #000000;
}

input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

h1
{
    font-size: 26px;
    font-weight: bold;
    margin: 6px 0 6px 0;
}

h2
{
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

h3
{
    font-size: 17px;
    font-weight: bold;
    margin: 4px 0 4px 0;
}

h4
{
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0 4px 0;
}


.scrollText a, .scrollText a.link, .scrollText a.visited, .scrollText a.active, .scrollText a.hover
{
    text-decoration: none;
    color: #ff0000;
}

.subtitle
{
    font-weight: bold;
    font-size: 13px;
    line-height:22px;
}

.subtitlebg
{
    font-weight: bold;
    font-size: 13px;
    line-height:26px;
  background: #99CCFF;
  width: 150px;
  padding: 2px;
  color: #0000FF;
  position: relative;
  top: 10px;
  left: 1px
}
.subtitleS
{
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.subtitleS a, .subtitleS a.visited, .subtitleS a.active, .subtitleS a.link
{
    text-decoration: none;
}
.subtitleS1
{
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 0px;
    padding-top: 2px;
}

.subtitleS1 a, .subtitleS1 a.visited, .subtitleS1 a.active, .subtitleS1 a.link
{
    text-decoration: none;
}
.subtitleS2
{
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 0px;
    padding-top: 2px;
}

.articletitle
{
    font-weight: bold;
    font-size: 18px;
    line-height:30px;
}

.articletitleS
{
    font-weight: bold;
    font-size: 16px;
    line-height:30px;
}


.articletitleSBlue
{
    font-weight: bold;
    font-size: 16px;
    line-height:30px;
  color: #000066
}
.articletitleS1
{
    font-weight: bold;
    font-size: 14px;
    line-height:25px;
}

.articletitleS2
{
    font-weight: bold;
    font-size: 13px;
    line-height:25px;
}

.articlecontent
{
    font-weight: normal;
    font-size: 14px;
    line-height:20px;
}

.moreText
{
    font-weight: normal;
    font-size: 12px;
    line-height:20px;
    font-style: italic
}
.albumthumbTitle
{
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.scrollText
{
    font-size: 16px;
    color: Red;
}

.warningTextB
{
    font-size: 16px;
    color: Red;
  line-height: 30px
}

.warningText
{
    font-size: 14px;
    color: Red;
  line-height: 25px
}
.redText
{  
    color: Red;
}

.descMsg
{
    font-size: 11px;
    line-height:13px;
  font-style: italic;
  color: #990000
}

.errorMsg
{
    font-size: 12px;
    line-height: 13px;
    font-style: italic;
    color: #990000;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}

.fieldset {
	border: 1px solid #87CEEB;
	margin-top: 5px;
	margin-bottom: 5px;
	}

/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

/* Picture at the top of the site */
#poster
{
    margin-left: 0px;
    width: 990px;
    height: 114px;
    margin-top: 17px;
}

.navtop
{
    background: url(../images/navbar_top_40.jpg) repeat-x;
    height: 40px;
    width: 990px;
}

.sitemapItemCn
{
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.langSwitch
{
    font-weight: bold;
    font-size: 13px;
    text-align:center;
    line-height:14px;
    font-family: Arial, Helvetica, sans-serif;
}
.sitemapItem, .selectedsitemapItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
  line-height: 14px;
  vertical-align: bottom;
}

.selectedsitemapItem
{
  color:#FFFF33
}


.DynamicMenuItemStyle
{
    font-size: 13px;
    text-align: left;

}

.MenuControlHover a:hover
{
    color: #585880;
}

#footer
{
    width: 990px;
    margin-left: 0px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: #4169E1;
}
#footer_nobg
{
    width: 990px;
    margin-left: 0px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px; 
}

.navtop a:link, .navtop a:link, .navtop a:visited, .navtop a:active
{
    color: #FFFFFF;
    text-decoration: none;
}
.navtop a:hover
{
    text-decoration: none;
    color:#FFFF33
}

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
#body
{
    width: 990px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #f0f7fe;
    position: relative;
}

/* 3 column layout */
#columnleft
{
    margin-left: 0px;
    float: left;
    width: 220px;
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#F5F5F5,endColorStr=#ffffff);
      */
    /*position: relative; */
}

#columnmiddle
{
    margin-left: 0px;
    width:590px;
  /*  position:relative; */
}

#columnright
{
    margin-left: 0px;
    width: 170px; /*  position:relative; */
}


#columnrightbig
{
    margin-left: 0px;
    width: 770px; /*  position:relative; */
}

#columnleft_rc
{
    float: left;
    width: 220px;
    margin-left: 1px;
    margin-top: 2px;
    background: #C9E8FA;
}

.leftblock_rc
{
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 1px;
    vertical-align: top;
    text-align: justify;
    width:93%;
    background-color: transparent;
    position: relative;
}

#columnmiddle_rc
{
    float:left;
    width: 580px;
    /*margin-left: 1px;*/
    margin-top: 2px;
    background: #C9E8FA;
}

#columnmiddle_rc_1
{
    float:left;
    width: 580px;
    /*margin-left: 1px;*/
    margin-top: 0px;
    background: #C9E8FA;
}
 .middleblock_rc_1
{
    vertical-align: top;
    position: relative;
    width:95%;
    background-color: transparent;
    margin: 0px 0px 0px 0px
}
 .middleblock_rc
{
    vertical-align: top;
    position: relative;
    width:95%;
    background-color: transparent;
    margin: 5px 0px 5px 0px
}

.leftblock
{
    float: left;
    vertical-align: top;
    width: 96%;
    text-align: justify;
    border-top-width: 1px;
    padding-right: 3px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-color: #f5f5f5;
    border-bottom-width: 1px;
    border-bottom-color: #f5f5f5;
    padding-bottom: 2px;
    border-top-color: #f5f5f5;
    padding-top: 2px;
    border-right-width: 1px;
    border-right-color: #f5f5f5;
}
.greetingblockbg
{
    float: left;
    vertical-align: top;
    width: 100%;
  background-image: url(../images/map.gif);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center
}
.greetingblockfg
{
    float: left;
    vertical-align: top;
    background-color: transparent;
    text-align: justify;
    width: 95%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    vertical-align: middle;
    padding-top: 1px;
}

 .middleblockHL
{
    /* background: #F0F8FF url(../images/background_columnmiddle.gif) repeat-y;*/
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#F5F5F5);*/
    position: relative;
    width: 98%;
    background: #FDF9E1;
    border-top-width: 1px;
    padding-right: 5px;
    padding-left: 5px;
    border-left-width: 1px;
    border-left-color: #f5f5f5;
    border-bottom-width: 1px;
    border-bottom-color: #f5f5f5;
    padding-bottom: 5px;
    border-top-color: #f5f5f5;
    padding-top: 5px;
    border-right-width: 1px;
    border-right-color: #f5f5f5;
}
 .middleblock
{
    /* background: #F0F8FF url(../images/background_columnmiddle.gif) repeat-y;*/
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#F5F5F5);*/
    position: relative;
    width: 99%;
    background: transparent;
    border-top-width: 1px;
    padding-right: 5px;
    padding-left: 5px;
    border-left-width: 1px;
    border-left-color: #f5f5f5;
    border-bottom-width: 1px;
    border-bottom-color: #f5f5f5;
    padding-bottom: 5px;
    border-top-color: #f5f5f5;
    padding-top: 5px;
    border-right-width: 1px;
    border-right-color: #f5f5f5;
}


 .rightblock
{
    border: 1px solid #F5F5F5;
    padding: 1px;
    margin-bottom: 1px;
   /* background: #F0F8FF url(../images/background_columnmiddle.gif) repeat-y;    */
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#F5F5F5);
    */
    position: relative;
    width:98%;
    background: #F5F5F5;
    text-align: left
}

 .articleblock
{
    border: 1px solid #F5F5F5;
    padding: 5px;
    margin-bottom: 5px;
    /*background: #FEFFAB url(../images/background_columnmiddle.gif) repeat-y;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#F5F5F5); */
    position: relative;
    width:95%;
    vertical-align: top;
    text-align: left
}


.adsblock
{
    float:right;
    border: 1px solid #F5F5F5;
    border-color: teal;
    border-style: dotted;
    padding: 2px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    width:98%;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
    

/* A full width block on the page */
.fullwidth, #loginbanner
{
    border: 1px solid #DBDB79;
    width: 955px;
    margin-left: 0px;
    /*background: #FEFFAB url(../images/background_fullwidth.jpg) repeat-y; */
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    border-color: #6699FF
}

.loginblock
{
    border: 1px solid #DBDB79;
    width: 95%;    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #99CCFF;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #99CCFF;
    padding-top: 1px;
    margin-bottom: 5px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}

.loginbox
{
  height: 14px;
  width: 90px;
  font: 14px Arial, Helvetica, sans-serif
}

/************************************************************************
* Calendar specific formatting
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #6699FF;
    width: 730px;
    margin-left: 0px;
    /*background: #FEFFAB url(../images/background_fullwidth.jpg) repeat-y; */
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 100%;    margin-left: 0px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #6699FF;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #CCCCCC;
}
.calcurrentday
{
    background-color: #CCFFFF;
}
.calweekend
{
    background-color: #FFCC99;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 1px solid #6699CC;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;

}

/************************************************************************
*
* Next / previous specific formatting
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;
}
.previouslink
{
    position:absolute;
    left :0;
    padding-left:15px;
    margin-bottom: 25px;
}



/************************************************************************
* 
* Global formatting
*
************************************************************************/

/* all the legend tags use this same style */

legend
{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px;
}

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}


/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    /*background:  #F5F5F5 url(../images/background_thumbnail.jpg) repeat-x center;*/
    background:  #F5F5F5;
    border: solid 1px #F5F5F5;
    padding: 5px;    
}

.picture
{
    background: #F5F5F5; /* url(../images/background_thumbnail.jpg) repeat-x center;*/
    border: solid 1px #F5F5F5;
    padding: 5px;
    margin: 5px;
}
.imgtitle
{
    padding: 0 8px 10px 8px;
    font-style: italic;
    font-weight: bold
}
.imgdesc
{
    padding: 0 8px 10px 8px;
    font-style: italic;
}

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead 

.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers
{
  display:inline;
  font-family:  Arial, sans-serif;
  font-size: 14px;
  font: bold
}

.PageNumbers span
{
    padding-left: 3px;
}

.breadcrumb
{
    height: 20px;
    font-weight: normal;
    font-size: 12px;
  background: #6699FF;
  vertical-align: middle;
  padding-top: 2px;
  padding-left: 3px;
  padding-right: 3px
}

.cardframe
{
    background-color: transparent;
    border: 1px solid #6699FF;
    padding: 5px 2px;
    margin: 5px 0px 0px 5px;
    width: 250px;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;

}
.cardtitle
{
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;

}
.cardimage
{
 float: left;
 padding: 0 5px 0 5px;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnmiddle
{
    margin-left: 226px;
}
/************************************************************************
*
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */
.datestring
{
    font-weight: normal;
    font-size: 11px;
    padding-right: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic
}

.eventlistdate
{
    padding-right: 4px;
}
.eventlisticon
{
    text-align: center;
}
.eventlisttime
{
    text-align: center;
    width: 95px;
}
.eventlistevent
{
    font-weight: bold;
}
.eventlistlocation
{
    /* no styles needed at this time */
}
.eventlist td
{
    padding-bottom: 4px;
}

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/

/************************************************************************
*
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    /*background: url(../images/background_button_small.gif) repeat-x;*/
    border: none;
    color: #000099;
    height: 22px; /* width: 120px; */
    font-weight: normal;
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
    text-decoration: none;
    color: #993300;
    /*background: url(../images/background_button_small-ovr.gif) repeat-x;*/
}

/************************************************************************
*
* Page specific
*
************************************************************************/


/* Header on view details type pages */
.itemdetails
{
    font-size: 1.3em;
}



/************************************************************************
*
* Photo selection controls
*
************************************************************************/

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #FED36B;
    font-size: 10px;
}

#popupinner
{
    border: 1px solid #DBDB79;
    margin: 5px;
    background: #FEFFAB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selectedthumb, .unselectedthumb
{
    width: 80px;
    height: 100%;
    text-align: center;
    vertical-align: top;
    padding: 2px 3px 2px 3px;
    font-size: 11px;
    margin: 3px;
    background: #F4F4FD;
  font: "Courier New", Courier, monospace;
}

.selectedthumb
{
    background: #D7EFF2;
    color: #B22222
}


.scrollablelistF
{
    overflow: auto;
    height: 600px;
    width: 100%;
    border: solid 1px #99CCFF;
}

.scrollablelistW
{
    overflow: auto;
    height: 210px;
    width: 580px;
    border: solid 1px #99CCFF;
}

.scrollablelistUC
{
    overflow: auto;
    height: 100%;
    width: 100%;
    text-align: center;
    border: solid 1px #99CCFF;
}


.scrollablelistN
{
    height: 100%;
    width: 170px;
    border: solid 1px #99CCFF;
    text-align: center;
    overflow: auto;
}

.scrollablelistNL
{
    overflow: auto;
    height: 300px;
    width: 170px;
    border: solid 1px #99CCFF;
}

.contextbuttons
{
  margin: 5px 3px 5px 3px; 

}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width:120px; 
    vertical-align: top;
    font-weight: bold;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

.formlabelmiddle
{
    width:150px; 
    vertical-align: middle;
}

.txtfield
{
    width:300px;
}

.txtblock
{
    width:300px;
}