@charset "UTF-8";
/* CSS Document */


/* Page Style */
body {
	margin-left: 0px;
	margin-top: 0px;
}

/* Font Styles */
.mainnavtemp {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	text-indent:20px;
	text-shadow:2px 2px 1px #333333;
}

/* CROSS BROWSER COMPATIBLE DROP SHADOW CODE */
/* Originally from: http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows */


/* default setup that everything sees */
.shadow {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	text-indent:20px;
  /* needed for Internet explorer */
  height: 26px;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 26px;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/* End of code for Drop Shadows */


.footer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#222222;
	font-size:11px;
	font-weight:normal;
}

.leftsidebarhead {
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	color:#000000;
	font-size:14px;
/*	text-transform:uppercase; */
	font-weight:bold;
	line-height:16px;
}

.leftsidebar {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}

.leftsidebar2 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}

.donatebtn {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	text-align:left;
	margin-top:10px;
	text-shadow:2px 2px 1px #333333;
}

.article {
	margin-top:25px;
}

.mainhead {
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	vertical-align:text-top;
	margin-bottom:18px;
	color:#000000;
	font-size:20px;
	font-weight:normal;
	font-style:normal;
}

.Header1 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}

.Header2 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}

.mainbody {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
}

/* List Styles */

ul #sidebarlist {
	list-style-type:circle;
	list-style-position:outside;
	margin-left:-20px;
}

/* Layer ( <div> ) Styles */

#container {
	margin-top:20px;
	margin-left:25px;
	margin-right:20px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-top:5px;
	margin-bottom:5px;
}
	
.fltrtinsd { /* this class can be used to create the drop shadow. */
	float: left;
  	background: url(images/interim/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(images/interim/dropshadow/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
 	margin: 10px 0 0 5px;
}

.fltrtinsd img { /* this class can be used to create the drop shadow. */
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
 }

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	margin-top:5px;
	margin-bottom:5px;
}

.fltlftinsd { /* this class can be used to create the drop shadow. */
	float: left;
  	background: url(images/interim/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(images/interim/dropshadow/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
 	margin: 10px 0 0 5px;
}

.fltlftinsd img { /* this class can be used to create the drop shadow. */
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
 }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.PopUp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #0000FF
}

.PopUp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #0000FF
}

/* Flash Alignment Class */

.Flash1 {
	border:none;
	margin:0;
	vertical-align:top;
	font-size:0;
}

/* CSS FOR PHOTO GALLERY PAGES */