/*********** BASIC **********/
	* { margin: 0; padding: 0; }
	body { color: #006666;  background-color : #FFFFFF;  font: 12px Arial, Verdana, sans-serif; text-align: center; z-index:-200; }

	/* basic tags */
	p {  margin: 10px; }
	h1 { font-size: 15px; font-weight: normal; }
	h2 { font-size: 28px; text-decoration: overline underline; margin:20px; padding:0; }
	h3 { font-size:28px; margin-bottom: 0px; padding: 0px; }
	h4 { font-size:14px; margin:0; padding: 0;} 
	h5 { font-size:20px; margin:15px; padding: 0;}
	a:link { color: #006666; }
	a:visited { color: #006666; }
	a:active { color: #006666; }
	a:hover { color: #0066AA; text-decoration: underline overline; }
	img { border: solid 1px #CCCCCC }

	/* lists */
	ul { margin: 10px; padding: 0;}
	li { list-style: none; line-height: 24px; margin: 0; padding: 0;  }

	/* color */
	.blue { background-color: #0000FF; }

	/* basic formatting */
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.underline { text-decoration: underline; }
	.highlight { font-weight: bold; color: #FF3333; }

	/* sizes */
	.w75 { width: 75%; }
	.w80 { width: 80%; }
	.w100 { width: 100%; }
	.h100 { height: 100%; }
	.margin10 { margin: 10px; }
	.doublespace { line-height : 24px; }

	/* positioning */
	.center { margin-left: auto; margin-right: auto; }
	.clear { clear: both; }
	.bottom { bottom: 10px; }
	.absolute { position: absolute; }
	.relative { position: relative; }
	.small { font-size: 9px; }
	.leftColumn { float: left; width: 50%;}
	.rightColumn { float: left; width: 50%;}
	.alignLeft { text-align: left; width: 100%; }
	.inlineBlock { display: inline-block; }
	.floatLeft { float: left; }
/**END******BASIC *****END**/


/*********STRUCTURE********/
	.mainBorder { margin-top:24px; }
	.main { 	padding: 5px; padding-left: 20px; padding-right: 20px; padding-top: 50px;
			position: relative; margin: auto; width: 75%; min-width: 1000px; height: 90%; background-color: #FFFFFF; border: 3px solid #006666; }
	.header { float: left; width: 100%;}
	.logo { border: none; }
	#headerImgBox { width: 720px; height: 135px; margin: auto;}
	#headerImgBox img { float: left; margin: 0 2px 5px 2px; }

	.sidebar { width: 15%; height: 100%; clear: both; float: left; min-width: 200px; }
	.mainLeftColumn { float: left; width: 75%; }
	
	.content { padding: 10px; width: 100%; clear: both;}
	.footer { clear: left; width: 80%; margin-left: auto; margin-right: auto; height: 150px;}
	.footerLeft { width: 33%; float: left; height: 120px;}
	.footerMiddle { width: 33%; float: left; height: 120px;}
	.footerRight { width: 33%; float: left; height: 120px;}
/***END******STRUCTURE*****END***/

/*********BACKGROUND*********/
	* html .backIMG { position: absolute; }
	.backIMG { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -100; }
	.backIMG img { width : 100%; height : 100%; }
/********END BACKGROUND****/

/* SLIDE MENU LINKS */
	#menu { position: absolute; top: 8px; left: 5px; z-index: 1000;}
	.menuLinkWrap { float: left; position: relative; width:125px; height: 40px; overflow: hidden; font-weight:bold; font-size:11px; z-index: 100;}
	.menuLink { display: block; width:120px; height:30px; background-color:#AAA; color:#000; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; position: absolute; top: 2px; left: 2px; z-index: 50; }
	.menuSubLinks { width:125px; height:36px; position: absolute; top: 0; left: 0; background-color: #006666; color:#FFF; line-height:36px; text-align:left; z-index: 40;}
	.menuSubLinks a{ visibility:hidden; padding-left:20px; color:#FFF; }
	.menuSubLinks a:hover, .menuSubLinks a:active, .menuSubLinks a:visited { color: #FFF }
/* END SLIDE MENU LINKS END */

/***********CUSTOM***********/
	.curved { -moz-border-radius:25px;  -webkit-border-radius:25px;  -khtml-border-radius:25px;  border-radius:25px;  }
	.horizontalLineBreak { width: 100%; height: 2px; border-top: 2px solid #006666; }
	.border { border: 3px double #006666; } 
	.box { border: 5px solid #DDDDDD; background-color: #CCCCCC; padding: 5px; }
	.box2 { border: 5px solid #006666; background-color: #CCFFFF; padding: 5px; margin: 2px; }
	.googleMap { border: double  #006666 10px; width: 55%; height: 350px; margin-top: 10px;  position: relative;}
	.googleMapIE { position: absolute; top: 50%; left: 30%;  z-index: -100;}

	.sideTab { position: absolute;  top: 120px; left: -30px; width: 30px; height: 225px; z-index: 100;}
	.sideTab a { background-color : transparent; display : block; text-decoration : none; text-indent : -3000px; margin-bottom: 5px; }
	.sideTab a:hover { background-color : transparent; }
	.donateButton { width: 30px; height: 75px; background-image: url(../images/donateButton.png); }
	.donateButton:hover { width: 30px; height: 75px; background: url(../images/donateButton.png) -30px 0px no-repeat; }
	.locateButton { width: 30px; height: 75px; background-image: url(../images/locateButton.png); }
	.locateButton:hover { width: 30px; height: 75px; background: url(../images/locateButton.png) -30px 0px no-repeat; }
	.helpoutButton { width: 30px; height: 75px; background-image: url(../images/helpoutButton.png); }
	.helpoutButton:hover { width: 30px; height: 75px; background: url(../images/helpoutButton.png) -30px 0px; }

	#cards { position: absolute; right: 10px; top: 50px; z-index: 1000;}
	.valentineCards { margin: auto; position: relative; width: 400px; height: 148px;}
	.valentineCardsNum { display: inline-block; width: 95px; border: solid 1px #CCCCCC; margin: none; font-weight: bold; font-size: 25px;}
	.valentineCards img { width: 95px; height: 123px; position: absolute;}
/***END******CUSTOM*******END**/