/* Site-wide styles*/
body {background-color: #222;text-align: center;font-family: Trebuchet MS, Georgia, Roman;}
a {color: #474AB9;text-decoration:none;}
a:hover {background: #474AB9;color: #BAC4C7;}
img {float: left;margin-right: 5px;  border: 1px solid black;}

/* start image border classes */
.t {background-image: url(../images/mainbordertop.jpg);background-repeat: repeat-x;width: 100%;height: 100%;}
.l {background-image: url(../images/mainborderleft.jpg);background-repeat: repeat-y;height: 100%;}
.r {background-position: right;background-image: url(../images/mainborderright.jpg);background-repeat: repeat-y;height: 100%; }
.b {background-position: bottom;background-image: url(../images/mainborderbottom.jpg);background-repeat: repeat-x;height: 100%;}
/* end image border classes */

#header {background-color: White;  width: 600px;height: 100px;padding: 0px;font-weight: bold;background-image: url(../images/logo_132x90.jpg);
    background-repeat: no-repeat;background-position: 20px 5px;text-align: right;  margin: auto;}

#headerContent {padding: 10px;float: left;width: 308px;height: 80px;}

#headerText {font-size: 37px;}
#headerText a {text-decoration: none;color: Black;  }
#headerText a:hover {background: none;border: none;  }

#headerTextSub {font-size: 17px;}
#headerTextSubSub {font-size: 11px;}
#headerFlickrContainer {float: right;width: 270px;height: 100px;}

#main {background-color: #BAC4C7;width: 600px;height: 100%;text-align: left;margin: auto;}

#headerBorderLeft {background-image: url(../images/headerborderleft.jpg);background-repeat: repeat-y;height: 100%;}
#headerBorderRight{background-position: right;background-image: url(../images/headerborderright.jpg);background-repeat: repeat-y;height: 100%;  }
#headerBorderTop {background-image: url(../images/headerbordertop.jpg);background-repeat: repeat-x;width: 100%;height: 100%; }
#headerBorderBottom {background-position: bottom;background-image: url(../images/headerborderbottom.jpg);background-repeat: repeat-x;height: 100%;}

#mainContent {min-height: 400px; height: auto !important; height: 400px; color: Black;color: #696969;padding: 20px;font-size: smaller;
    /* for some reason firefox has problems with adding space between the header and content and this fixes it */
    border: 0px solid #101010;
    overflow: auto;
    }
#mainContentMinHeightDiv {float:right; border: none;}

#bottomOfPageContentDiv {}

#footer {color: gray; width: 600px; margin: auto; text-align: right;font-size: smaller;}
#footer a {color: Gray;  text-decoration: underline;}
#footer a:hover {background: none;color: White;  border: none;text-decoration: underline;}

.updateBox {background: #8C98D4;padding: 10px;margin-right: 20px;border: 2px solid black;}
.textbox {background: white;border: 1px solid black;padding: 3px;}
textarea {background: #BAC4C7; border: 1px dashed black;}
.pageTitle {font-size: 20px; font-weight: bolder; margin-bottom: 10px;}
.errorMessage {color: #CC3333;}

.TagCloud{word-spacing: 10px;}

.StuffDataGrid {border: none; font-size: 20px; border-collapse: collapse; margin-left: 20px;}
.StuffDataGrid td {border-width: 0px;}

.PodcastArchiveWrapper {width: 120px; float: right; margin-right: 30px;}
.PodcastArchive {background: #8c98d4; border: 2px solid #333; color: #333; padding: 10px;}
.PodcastArchive h2 {font-size: 15px; padding: 0; margin: 0 0 10px;}
.PodcastArchive ul {padding: 0; margin: 0; list-style-type: none;}
.PodcastArchive ul li {padding: 0; margin: 0 10px;}
.PodcastArchive ul li h3 {font-size: 13px; padding: 0; margin: 0;}
.PodcastArchive ul li h4 {padding: 0; margin: 0;}

.PodcastItemList {width: 350px; float: left;}
.PodcastItemList h2 {display: none; }
.PodcastItemList {}
.PodcastItemList .PodcastItems .PodcastItem {width: 350px; list-style-type: none;}
.PodcastItemList .PodcastItems .PodcastItem h3 {background: #9AA9AD; padding: 5px; margin: 0;}
.PodcastItemList .PodcastItems .PodcastItem h4 {float: left; margin: 0; padding: 0; font-style: italic; padding-left: 5px;}
.PodcastItemList .PodcastItems .PodcastItem p {margin: 5px 5px 5px 10px; padding: 0;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastDate {float: right;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastSummary {clear: both;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastKeywords {display: none;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastDuration {padding: 5px 0 0; display: none;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastEnclosureLength {padding: 5px 0 0;}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastPlay a 
{
	background: #8c98d4 url(../images/resultset_next.png); background-repeat: no-repeat; background-position: right; 
	border: 2px solid #333; padding: 5px; line-height: 20px; width: 50px; display: block; font-weight: bold;
}
.PodcastItemList .PodcastItems .PodcastItem p.PodcastPlay a:hover {background-color: #333; color: #ddd;} 
.PodcastItemList .PodcastItems .PodcastItem p.PodcastDelete {float: right;}

.PodcastUpload h2 {font-size: 16px; margin: 0; padding: 0; clear: both;}
.PodcastUpload p {margin: 0; padding: 0;}
.PodcastUpload p label {width: 220px; float: left; clear: both; margin-top: 10px;}
.PodcastUpload p input {width: 220px; float: left; clear: both;}
.PodcastUpload p span {width: 220px; float: left; clear: both;}
.PodcastUpload textarea {clear: both; width: 350px; height: 150px; background: #fff;}
.FormButtonsContainer {clear: both; margin-top: 10px; width: 220px; text-align: right;}

.fieldsetWrapper {text-align: center;}
fieldset {padding: 20px; border: 1px solid gray; width: 450px; margin: 0px; text-align: left;}
fieldset div {padding: 10px;}
legend {padding-bottom: 10px; color: gray;}

#NewsletterDiv {clear: both; color: gray; width: 600px; height: 30px; margin: auto; text-align: left;font-size: smaller;}
#NewsletterDiv #EmailInputText {background: #BAC4C7; color: #333; border: 1px solid #333; padding: 3px;}
#NewsletterDiv #StatusDiv {display: inline;}
#NewsletterDiv #LoadingImg {display: none; border: 0; width: 16px; height: 16px; position: relative; left: 350px; top: -19px;}