@import url("/css/reset.css");


/*----Social Icons on footer --Added by Kevin@vndx.com----*/
#socials {width:300px; height:30px;}
#socials img {padding:0 2px 0 0px; width: 20px; height:20px;}
.social-icon {width: 20px; height: 20px; float:left;}
/*----Social Icons on footer --Added by Kevin@vndx.com----*/


body			{ color: #000; background: #000 }

/*-------------- Wrapper ------------------*/

#wrap 			{ width: 1000px; min-height: 500px; margin: 0 auto; background: #ffffff; position:relative  }
.mainPage		{ background:url(/img/wrap.gif) repeat-y !important}

/*-------------- Layout -------------------*/

#header			{ position: relative; width: 1000px;  background: #000; height: 200px;}

.logo			{ display: block; width: 174px; height: 131px; text-indent: -9999px; position: absolute; top: 20px; left: 38px; background: url(/img/logo.gif) no-repeat }
.photo		{ float: left; margin: 0; width: 1000px; height: 240px; z-index: 10}
.topLayer		{ position: absolute; bottom: 0; left: 0;}
.Menu		{ margin: 173px 0 0 0; width: 590px; float: right; z-index: 100; position: absolute; right: 0}
.Menu li		{ float: left;  margin: 0; list-style: none;  padding: 0; z-index: 499; position: relative}
.Menu a:link,
.Menu a:visited { color: #fff; padding: 2px 12px}
.Menu a:hover,
.Menu a:active { background: #faae11; color:#000;}

.Menu li a.active,
.Menu li a.active1	{ background: #faae11 !important; color:#000; }

.subMenu1 { position: absolute; top: 17px; left: 0; width: 180px; margin: 0; display: none;  z-index:500;background: #faae11}
.subMenu1 li	{ list-style: none; margin: 0;width: 180px;  font-size: 1em; height: 18px}
.subMenu1 li a:link,
.subMenu1 li a:visited { width: 155px;  color: #000; display: block; float: left;  height: 18px; padding: 0 12px}
.subMenu1 li a:hover,
.subMenu1 li a:active { background: #bf0009; color: #fff}
.showMenu { display: block !important}
				
#content	{ width: 940px; padding: 15px 30px 70px 30px; background:url(/img/content.gif) top no-repeat}
.mainPageCont { background: url(/img/content_main_page.gif) top no-repeat !important}
/*-----------------------------------------*/
#leftCol		{ float:left; width: 185px; color:#000; }
#leftCol p		{ font: normal 1em/1.3em Verdana, Arial, Helvetica, sans-serif}
.donate			{ display:block; background:url(/img/button.gif) no-repeat; width: 112px; 
					height: 15px; padding: 3px 0 0 6px; margin-bottom: 100px}
#leftCol h1		{ margin:0; font-weight: bold}
#leftCol h2		{ margin-bottom:5px; color: #d50009}

.contactForm 	{ float:left; width: 185px; background:url(/img/left-border1.gif) bottom no-repeat; padding-bottom: 5px; margin-bottom: 10px;}
.contactForm legend	
				{ display: none}
.contactForm input
				{ float:left; clear:both; width: 133px; height: 16px; border: 1px solid #e3e3e3; color: #666666;
					 font: normal 1em/1.1em Tahoma, Arial, Helvetica, sans-serif; padding-top: 3px; margin-bottom:10px}
.submit			{ background:url(/img/submit.gif) no-repeat; width: 53px !important; height: 17px !important; 
					border: none !important; padding: 0 0 2px 0 !important; display:block; color: #000 !important; cursor: pointer}
					
.news			{ float:left; width: 185px; background:url(/img/border.gif) bottom repeat-x; padding-bottom: 12px; margin-bottom: 15px} 
.news a			{ background:url(/img/left-button.gif) no-repeat; width: 65px; height: 13px; color: #000 !important; 
					display:block; padding:2px 0 0 6px; font: normal 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif}
/*-----------------------------------------*/
#mainCol		{ float:left; width: 510px; padding:70px 0 20px 40px; margin-top: 21px; background:url(/img/middle.jpg) right top no-repeat }

#mainCol h1		{ color: #bf0009; font: normal 1.9em/1.1em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px}

#mainSubCol		{ float:left; width: 510px; padding:60px 0px 0px 40px; margin-top: 21px; }
#mainSubCol h1		{ color: #bf0009; font: normal 1.9em/1.1em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px}

.events			{ width:510px; padding-bottom: 10px; margin-bottom: 20px; background: url(../img/border.gif) bottom repeat-x; overflow:hidden}

.imgContent		{ float:left;  width: 277px; height: 46px; overflow:hidden; padding-top: 137px}

.img1			{ background:url(../img/middle-img1.jpg) no-repeat}
.img2			{ background:url(../img/middle-img2.jpg) no-repeat}
.img3			{ background:url(../img/middle-img3.jpg) no-repeat}
.img4			{ background:url(../img/middle-img4.jpg) no-repeat}
.img5			{ background:url(../img/middle-img5.jpg) no-repeat}


.imgContent a	{ margin-bottom:0; padding-left: 10px; color: #ffac01 !important;font: normal 1.4em/1.1em Verdana, Arial, Helvetica, sans-serif}
.imgContent a:hover
				{ text-decoration:underline}
.imgContent p	{ padding-left: 10px; color: #fff;font: normal 1.1em/1.1em Verdana, Arial, Helvetica, sans-serif; margin:0}

.text			{  padding-top:7px; height:39px}

.menuEvents { float:left; width: 230px}
.menuEvents li	 { float:left; list-style: none; width: 214px; padding: 2px 0 0 14px; height: 33px; background: #f5f5f5; margin:0 0 2px 0; font-size:1em}
.menuEvents li a { color: #040404 !important; font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif}
.menuEvents li a:hover { text-decoration:underline}
.menuEvents li p { color: #bf0009 !important; font:normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; margin:0}
.active2		{ background: url(/img/middle-gradient.gif) top repeat-x !important}		

.lastNews		{ color: #fff !important; background: #767676; font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif; padding:2px 4px}
.newsMiddle h4	{ color:#c5c5c5; font:normal 1em/1em Verdana, Arial, Helvetica, sans-serif; padding-top: 10px}

.line			{ width: 450px; background:url(/img/border2.gif) bottom repeat-x; overflow:hidden; margin-bottom: 10px}
.line p			{ font:normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif}
.line a			{ color: #000 !important}
.line a:hover	{ text-decoration:underline}
.line p span	{ font:normal 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #c5c5c5}
.new			{ color: #fff !important; background: #ffb200; padding:1px 7px 3px 7px}
/*-----------------------------------------*/

#rightCol		{ float:right; width: 170px; padding-top: 50px; min-height:250px; }
.calendar		{ background:url(/img/calendar.gif) no-repeat; width: 160px; height: 145px; padding-top: 7px; z-index:0;  position:relative}
.calendar h4	{ margin: 0 auto; width: 138px; text-align:center; border-bottom: 1px solid #fff; margin-bottom: 7px}
.leftArrow		{ display:block; width: 10px; height: 6px; background:url(/img/arrow-left.gif) no-repeat; position:absolute; left:10px; top: 13px}
.rightArrow		{ display:block; width: 10px; height: 6px; background:url(/img/arrow-right.gif) no-repeat; position:absolute; right:10px; top: 13px}

.calendarDate	{ float:left; margin:0; padding-left: 9px}
.calendarDate li
				{ float:left; margin:0; list-style: none; width: 14px; height: 13px; font-size:1em; padding:0 6px 4px 0; text-align:center }
.calendarDate li p
				{ float:left; display:block; width: 14px; height: 13px; font: normal 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; overflow:hidden; margin:0}
.calendarDate li a
				{ float:left; display:block; width: 14px; height: 13px; font: normal 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; overflow:hidden}
.passive		{ color: #b4b4b4 !important}
.date			{ color: #fe2a00 !important; background: #fff}
.check			{ background: #fff}

.right			{ float:left; width: 165px; background:url(/img/border.gif) top repeat-x; margin-top: 11px; padding-top: 18px}
.lineRight		{ width: 160px; padding-bottom: 12px; overflow:hidden}
.lineRight a	{ float:left}
.lineRight p	{ padding-left: 53px; color: #787878;font: normal 1em/1.1em Verdana, Arial, Helvetica, sans-serif; margin-bottom:0}
.red			{ float:left; padding-left: 12px !important; color: #bf0009 !important}
.lineRight h4	{ padding-left: 53px;font: normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom:0}
.lineRight a	{ color: #000 !important}
.lineRight a:hover
				{ text-decoration:underline}

.col2 a			{ margin-right: 11px}
.button			{ background: url(/img/right-button.gif) no-repeat; width: 62px; height: 14px; padding:1px 0 0 6px; display:block; margin-top:6px}
.rss			{ background:url(/img/rss.gif) right no-repeat; height: 30px;  display:inline; padding:5px 39px 10px 0;
					font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666666 !important}

/*-----------------------------------------*/
#footer			{ width: 940px; position: absolute; bottom: 0; left: 0; background: #e3e3e3; padding:0 30px; height: 70px}
#footer p		{ float:left; padding-top: 10px; color: #666; 	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif}
.logoF1			{ display:block; float:left; clear:left}		
.logoF2			{ float:right; margin-top:22px}
.logoF3			{ float:right; margin:10px 0 0 38px}
				
				
				
				
/*------------------------------------------*/


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: yellow;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


a {color:#red;)
		
.calendarDayHeading{
font-size:11px;
color:red;
}		
		

/*----Social Icons on footer --Added by Kevin@vndx.com----*/
#socials {width:300px; height:30px;}
#socials img {padding:0 2px 0 2px; width: 20px; height:20px;}
.social-icon {width: 20px; height: 20px; float:left;}
/*----Social Icons on footer --Added by Kevin@vndx.com----*/