/*
  All controls in a site use this stylesheet.
  Controls are placed within contenttemplates in derived paged.
  Width of the control is determined by the width of the 
  containing contenttemplate because .controlheading has 
    display:block; width:100%;. 
 .control border: can be removed. 
 .controllabel and .controledit are placed left and right
   within the controlheading.
 .controledit is intended to be hidden unless the authenticated
  user is a member of the editor role. When not hidden, clicking it 
  should take the user to an edit page allowing modification of
  the control content. By default the page ContentEditor.aspx is used.
*/

.control
{
	display: block;
	position: relative;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
/*	border: thin dashed red; */ /* control border is red dashed temporarily*/ ;
	background-color: transparent;
	overflow: hidden;
}

/* blog */
.recentposttext{
    height: 500px;
}
.posttitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #34633e;
	line-height: 18px;
	margin-top:.2em;
	margin-bottom:.5em;
}
.postdate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #77a547;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}
.postbody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #664366;
	line-height: 16px;
	margin-top:.2em;
	margin-bottom:.5em;
}
.postendline{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #77a547;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}

.commentauthor{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #34633e;
	line-height: 14px;
	margin-top:.2em;
	margin-bottom:.5em;
}
.commentdate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #363636;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}
.commentbody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #363636;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}
.commentstatusrejected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}
.commentstatusapproved{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Green;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}
.commentstatuspending{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Yellow;
	line-height: 12px;
		margin-top:.2em;
	margin-bottom:.5em;
}

.blogcategorylink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:transparent;
	line-height: 18px;
	margin-top:0em;
	margin-bottom:0em;	 
}

.categorytext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #34633e;
	background-color:transparent;
	line-height: 32px;
	margin-top:.2em;
	margin-bottom:1em;
}

/* calendar */
.calbody{
	 text-align:center;
	     background-color:  fuchsia;
}


/*  styling for the photo album control*/
.spacer { clear:both; }

.bigpictcontainer
{
   background-color: #808080;
   height:100%;
}
.bigpict {
	 border:5 fuchsia ridge;
	 padding:5 5 5 5;
}

.thumbnailcontainer
{
   background-color: #808080;
}
.thumbnailbox
{
    width:95px;
    height:65px;
}


.pictnav
{
    display: block;
    width:100%;
    background-color: #909090;
    color: #FFFFFF;   
}
.pictnavbuttons
{
    background-color: #909090;
    color: #FFFFFF;
    font-weight: bold;
    display:inline; 
    float:left;
    margin-left: 1em;
    margin-right: 1em;  
}
.pictnavdropdown
{
    background-color: #909090;
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 1em;
    margin-right: 1em;
    display:inline;
    float: right;
}


/*styling for the selected event control */
.selectedtext 
{      
    margin-left:2em;
    margin-right:2em; 
}
.st_title
{
     font-family:Arial;
     color:Black;
     font-size:14pt;
     font-weight:bold;
     margin-top:.5em;
     margin-bottom:.0em;
}
.st_description
{
     font-family:Arial;
     color:Black;
     font-size:10pt;
     font-weight:normal;
     font-style:italic;
     margin-top:.0em;
     margin-bottom:.5em;
}
.st_abstract
{
     font-family:Arial;
      color:Black;
     font-size:10pt;
     font-weight:normal;
     margin-top:1em;
     margin-bottom:.5em;
     line-height:1.5em;     
}

/*styling for the upcoming events control*/
.upcomingtext 
{      
    margin-left:2em;
    margin-right:2em; 
}
.ut_title
{
     font-family:Arial;
     color:Black;
     font-size:10pt;
     font-weight:bold;
     margin-top:.5em;
     margin-bottom:.0em;
}
.ut_description
{
     font-family:Arial;
     color:Black;
     font-size:8pt;
     font-weight:normal;
     font-style:italic;
     margin-top:.0em;
     margin-bottom:.5em;
     width:90%;
}
/* styling for front page event */
.st_title
{
     font-family:Arial;
     color:Black;
     font-size:10pt;
     font-weight:bold;
     margin-top:.5em;
     margin-bottom:.0em;
}
.st_description
{
     font-family:Arial;
     color:Black;
     font-size:8pt;
     font-weight:normal;
     font-style:italic;
     margin-top:.0em;
     margin-bottom:.5em;
      width:90%;
}

/* styles for chartlinks control*/
.linkcolumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin-top:.2em;
	margin-bottom:.5em;	
	}

.chart {  }

.chartlinks
{
     font-family:Arial;
     color:Black;
     font-size:9pt;
     font-weight:normal;
     margin-top:.0em;
     margin-bottom:.5em; 
     line-height:2.0em;
	height: 125px;
	width:300px;
	 text-align:justify;
	  overflow:auto;
}

/* style for the about this chart area */
.aboutthischart { top:1em; line-height:2em;}


/* styling for the media widget control */
#radio {
	position:absolute;
	float:left; 
	left:0;
	width:100%; 
	right:0;
	top:480px;
    font-family:Arial;
    color:Black;
    font-size:9pt;
    font-weight:normal;
    margin:1em auto;
    line-height:1.5;
	height: auto;
	
	text-align:center;
	overflow:auto;
	
}
.medialinkscolumn {
	text-align:left;
	margin-left:1.5em;
	margin-top:1em;
}