/********************************************
   HTML ELEMENTS
********************************************/ 
/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color:#333333;
	background: #FFF url("./images/bg2.jpg") repeat-x;
	text-align: center;		
}

/* links */
a { background: inherit; color:#0000FF; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline;}

/* headers */
h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h2 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }

h1 { font-size: 1.4em; color:#006699; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.0em; }

p {	margin: 10px 15px;}
ol { margin: 10px 30px; padding: 0 15px; }
ul { margin: 10px 30px;	padding: 0 15px; }
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #72A545;
}
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #72A545;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}

/* error classes */
.error { color:red;}
#pnlErrors {
	border:1px solid yellow;
	background:red;
	color:white;
	display:table;
	width:95%;
	margin:6px;
	padding:6px;
}
#pnlErrors li {	margin:0 0 0 20px; }


/* post div classes */
.post {
	color:#333333;
	margin:0px 0px 10px 0px;
	padding: 0px;
	background: #FFF url("./images/gradientbg.jpg") repeat-x;
	border: 1px solid #EFEDED;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 20px;
	font-size: 85%;
}
.post .post-footer .date {
	background: url('./images/clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url('./images/comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url('./images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post h1 {
	color: #005782;
	font-size:1.3em;
	padding: 10px 0px 0px 6px;
	margin: 0px 0px 0px 10px;
}
.post h1 a {
	color: #005782;
}
.post h2 {
	color:#003300;
	padding: 10px 0px 0px 6px;
	margin: 0px 0px 0px 10px;
}
.post h3 {
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 10px;
}
.post h5 {
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 10px;
}
.post div {
	margin: 10px 15px;
}
.post .subTitle
{
	color: #336666;
	font-weight: bold;
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 10px;
}

.post img { border: 1px solid silver; padding:6px; margin:6px; }

.postedBy { 	font-size:.85em;}

/* news page classes */
.newsItem
{
	margin: 0px;
	padding: 0px;
	border-bottom: #eeeeee 1px solid;
}
.news p {padding: 0px 6px 0px 6px;margin:  0px 0px 6px 10px;}
.newsHeadline {margin-top:6px;}
.newsMore {
	text-align:right;
	padding: 0px 0px 0px 6px;
	margin:  0px 0px 0px 10px;
}

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.bold { font-weight:bold; }
.red { color: red; }
.footnote {	font: .75em Arial, Helvetica, sans-serif;}
.current { color:#009900;padding-top:0px;}
.planned { color:#800000;padding-top:0px;}
.small { font-size: .9em; line-height: 1em; }
.normalMessage { color:Green; font-weight:bold; }
.required { color:#005782; font-weight:bold; }
.breadcrumb { font-size:.9em; margin:0px 0px 0px 20px; }

.right { text-align:right ;}

td.label
{
	font-size: 1.2em;
	padding: 2px 4px 2px 2px;
	text-align: right;
	color: #4682b4;
}
td.data { padding:  2px 4px 2px 2px; font-size:1.2em; }
th.label
{
	font-size: 1.2em;
	padding: 2px 4px 2px 4px;
	background-color: #b0c4de;
	text-align: left;
}

textarea, input.data { font: normal 90%/1.5em 'Trebuchet MS', Tahoma, sans-serif; color:#333; text-align:left; } 

.siteMap 
{
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px;
	font-size: 85%;
}
.nowrap {	white-space:nowrap;}

.button { min-width: 100px; }

.adminBlock {
	display:block; 
	margin-bottom:20px; 
	padding:10px; 
	border:3px solid LightSteelBlue; 
	background-color:#fff;
	width:95%;
}

/* Image Gallery */
.loading {
    background: url('images/ajax-loader.gif') no-repeat 50% 50%;
    height: 100%;
    width: 100%;
}

#loader {
    background-color: white;
    display: inline;
    float: left;
    height: 350px;
    overflow: hidden;
    margin: auto;
    width: 505px;
    position: relative;
    text-align: center;
}

#loader img {
    width: 100%;
    height: 100%;
}

#thumbs 
{
	border:0px solid silver;
    background-color: #fff;
    width: 515px;
    margin: auto;
    overflow:visible;
}
#thumbs li 
{
	border:0px solid silver;
	list-style-type: none;
	display: inline;
	padding: 0px; margin:0px; 
	text-align:center;
}

#thumbs li img {
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-right: 2px solid darkGray;
    border-bottom: 2px solid darkGray;
    padding:6px;
    margin: 4px 4px 0px 4px;
    width: 100px;
    outline: none;
    cursor:pointer;
}

#thumbs li div { text-align:center; width:120px; margin:0px; padding:0px; }

#photoView 
{
	border:1px solid silver;
	width:490px;
	padding:10px;
	margin:auto;
}

.thumbnail { width:100px; padding:10px; border: 1px solid silver; margin:10px; vertical-align:top; }

/* Progress Bar */
#ProgessBlock { line-height:1.1em; text-align: center; border: 1px solid #005782; width: 170px; margin: 0px auto 6px auto; padding: 3px 10px 3px 10px; }
#ProgessBlock h2 * { color: #003366; margin: 3px 0px 3px 0px; }
#ProgressBlock 
#ProgessBlock .divBar { margin:0px auto 10px auto; text-align:center; width:150px; }
#ProgessBlock .divButton { margin: 3px auto 3px auto; text-align:center; }
#btnDonate { margin: 3px auto 3px auto; text-align:center; }
#ProgessBlock * p { color: #808080; font-size: 8pt; margin: 0px 0px 0px 0px; }
#ProgessBlock .progressTable { width:80%; margin: 10px auto 10px auto; }
#raised { color: #006400; }

img.addThis { border: 0px solid #fff; padding:0px; }