*html h1,*html h2,*html h3,*html span,*html a,*html ul,*html li,*html div,*html img,*html input { behavior:url("/Websites/infantcrisis/templates/IC/iepngfix.htc"); }

/*

	TITLE:	Infant Crisis
	DATE:	8-19-07

*/
/* -
-dash.css
- */

/* -
Zero 
- */

h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, margin, body,
img
{margin: 0;	padding: 0;	border: 0;}

body{font: normal 12px/18px 'Lucida Sans', Arial;} 

/* -
elements
- */


/* - 
navigations & menus 
- */

/* Vertical Menu */
.x-vMenu{}
.x-vMenu li{list-style: none;}
.x-vMenu li a{display: block;}

/* Horizontal Menu */
.x-hMenu{}
.x-hMenu li{list-style: none; display: inline;}
.x-hMenu li a{}
.x-hMenu li ul{display: none;}

/* Drop Down Menu */
.x-dMenu li{position: relative; float: left; list-style: none;}
.x-dMenu li a{display: block; padding: 0.5em 1em;}
.x-dMenu li ul{display: none;}
.x-dMenu li:hover ul{width: 10em; display: block; position: absolute; left: 0;}

.x-dMenu li li{width: 100%;}
.x-dMenu li li ul, .x-dMenu li:hover li ul{display: none;}
.x-dMenu li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li ul, .x-dMenu li li:hover li ul {display: none;}
.x-dMenu li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li ul, .x-dMenu li li li:hover li ul{display: none;}
.x-dMenu li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li ul, .x-dMenu li li li li:hover li ul{display: none;}
.x-dMenu li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li ul, .x-dMenu li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li ul, .x-dMenu li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li ul, .x-dMenu li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li li ul, .x-dMenu li li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li li li ul, .x-dMenu li li li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}


/* extra menus stuff */
.first, .last{background-image: none !important;}

/* - 
positions 
- */

.x-center{margin: 0 auto;}
.x-left{float: left;}
.x-right{float: right;}


/* - 
colors 
- */

.black{color: #000;}
.white{color: #fff;}
.gray{color: #ccc;}


/* - 
status 
- */

.hide{display: none;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/18px 'lucida sans',Arial;
}

/* links */
a{color: #000;}
a:hover{text-decoration: none;}

/* heading */
h1{font-size: 1.8em; line-height: 1.2em; margin: 2px 0px; padding: 5px 0px; color: #008000; font-weight: normal; font-family: 'Century Gothic', Arial;}
h2{font-size: 1.6em; line-height: 1.2em; margin: 2px 0px; padding: 2px 0px; color: #008000; font-weight: normal; font-family: 'Century Gothic', Arial;}
h3{font-size: 1.4em; line-height: 1.2em; margin: 2px 0px; padding: 3px 0px; color: #b265ea; font-weight: normal; font-family: 'Century Gothic', Arial;}
h4{font-size: 1.2em; line-height: 1.2em; margin: 2px 0px; padding: 3px 0px; color: #b265ea; font-weight: normal; font-family: 'Century Gothic', Arial;}
h5{font-size: 1.0em; line-height: 1.2em; margin: 2px 0px; padding: 3px 0px; color: #b265ea; font-weight: normal; font-family: 'Century Gothic', Arial;}
h6{font-size: 0.9em; line-height: 1.2em; margin: 2px 0px; padding: 1px 0px;	color: #b265ea; font-weight: normal; font-family: 'Century Gothic', Arial;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#bg{width: 100%; float: left; background: #fff url('images/mainBg.jpg') center 0 repeat-x;}

#donateTop{width: 138px; height: 121px; position: absolute; top: 300px; right: 0; z-index:9999; } 

#mastCon{width: 760px; margin: 0 auto;}
#header{width: 756px; float: left; margin: 0 2px; display: inline;}
#header #topHead{width: 756px; float: left;}
#header #midHead{width: 756px; float: left; background: #b265ea url('images/headTop.jpg') no-repeat;}
#header #midHeadStretch{width: 741px; float: left; padding: 13px 0 0 15px; background: url('images/headStretch.jpg') bottom no-repeat;}

#header #topNav{float: right; padding: 10px 0px 7px 0px;}
#header #topNav li{text-align: right;}
#header #topNav li a{font-weight: normal; color: #631b97; padding: 0 8px 0 10px; text-decoration: none; background: url('images/topNavSep.jpg') no-repeat;}
#header #topNav li a:hover{text-decoration: underline;}

#header #midHead #logo a{width: 330px; height: 60px; float: Left; text-indent: -9999px; background: url('images/logo.jpg') no-repeat;}
#header #midHead #mainNav{width: 756px; float: left; text-transform: Uppercase; padding: 25px 0 15px 0;}
#header #midHead #mainNav li{padding: 0 8px 0 6px;  background: url('images/mainNavSep.jpg') right 0 no-repeat;}
#header #midHead #mainNav li a{color: #fff; letter-spacing: -0.05em; font-weight: normal; text-decoration: none; }
#header #midHead #mainNav li a:hover, #header #midHead #mainNav li a.selectedPage{border-bottom: 3px solid #fff;}

#header #midHead .search{width: 166px; float: right; color: #fff;}
#header #midHead .search .searchInput{width: 120px; height: 18px; padding: 1px 0 0 18px; float: left; color: #333; background: url('images/searchTxt.jpg') no-repeat; border: 0;}
#header #midHead .search .searchButton{display: none;}

#body{width: 760px; float: left; margin: 15px 0 0 0; position: relative;}
/* Internal */ body#internal
#body{background: url('images/body.jpg') 0 top repeat-y;}
#bodyTop{width: 760px; height: auto; min-height: 560px; _height: 560px; float: left; background: url('images/bodyTop.jpg') 3px top no-repeat;}
#bodyStretch{width: 760px; float: left; background: url('images/bodyStretch.jpg') bottom no-repeat;}
#body #flash{width: 760px; height: 268px; float: left; background: url('images/flash.jpg') no-repeat;}

#body #actions{width: 760px; float: left; padding: 0;}
#body #actions li{list-style: none; float: left;}
#body #actions li a{float: left; text-indent: -9999px; display: block; }
#body #actions li#volunteer a{width: 253px; height: 235px;background: url('images/actions/volunteer.jpg') no-repeat;}
#body #actions li#donate a{width: 271px; height: 235px; background: url('images/actions/donate.jpg') no-repeat;}
#body #actions li#services a{width: 236px; height: 235px; background: url('images/actions/services.jpg') no-repeat;}

#body #roundedLeft{width: 10px; height: 9px; position: absolute; left: 0; top: -5px;}
#body #roundedRight{width: 10px; height: 9px; position: absolute; right: 0; top: -5px;}

#body #subCol{width: 225px; float: left; padding: 0 0 0 1px;}
#body #subCol #sideNav{width: 225px; float: left;}
#body #subCol #sideImage{width: 225px; float: left; background: #b2d69f;}
#body #subCol #pageTitle{width: 195px; text-transform: normal; float: left;  padding: 5px 10px 5px 20px; color: #008000; font-size: 0.8em; background: #b2d69f;}
#body #subCol #sideNav{width: 190px; float: left; padding: 10px 15px;}
#body #subCol #sideNav li{list-style: none; float: left; padding: 5px 0; background: url('images/sideMenuSep.gif') 0 bottom repeat-x;}
#body #subCol #sideNav li a{width: 165px; float: left; text-decoration: none; color: #008000; padding: 2px 0 2px 25px; background: url('images/sideNavIcon.jpg') no-repeat;}
#body #subCol #sideNav li a:hover,#body #subCol #sideNav li a.selectedPage{background: url('images/sideNavOver.jpg') no-repeat;}

#body #mainCol{width: 490px; float: right; padding: 15px 20px;}
#body #mainCol ul{padding: 5px 15px;}

#footer{width: 756px; margin: 15px 2px; position: relative; text-align: center; font: normal 1.2em 'lucida sans', Arial; color: #fff; display: inline; float: left; background: url('images/headTop.jpg') no-repeat;}
#footerStretch{width: 756px; float: left; background: url('images/headStretch.jpg') bottom no-repeat;}
#footer ul{padding: 12px 0;}
#footer li.heart{padding: 0 0 0 25px; background: url('images/heart.jpg') 3px 1px no-repeat;}
#footer a{color: #fff; font-weight: normal; text-decoration: none;}
#footer a:hover{color: #e2d471;}
#footer #charity{width: 88px; height: 31px; position: absolute; right: 0; bottom: -45px;}
#footer #legal{width: 528px; height: 31px; position: absolute; left: 100px; bottom: -65px; color: #ccc; font-size: .8em;}
#legal a,#legal a:hover{color: #666;}

.extraContentL {
	width: 400px;
	float: left;
}
.extraContentR {
	width: 340px;
	float: right;
}


.refLinks {
	width: 340px !important;
	margin: 3em -4em 0 0 !important;
	padding:0 !important;
	list-style: none;
	float: right !important;
}
.refLinks li {
	display: block;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	float: left;
}

.refLinks .friendfeed a {
	display: block;
	background: url(images/friendfeed.gif) left top no-repeat;
	width: 78px;
	height: 16px;
	text-indent: -500em;
	overflow: hidden;
	padding: 0 !important;
	margin: 0.1em 1em 0 0 !important;
	float: left;
}
.refLinks .facbook a {
	display: block;
	background: url(images/facebook.gif) left top no-repeat;
	width: 73px;
	height: 15px;
	text-indent: -500em;
	overflow: hidden;
	padding: 0 !important;
	margin: 0.2em 1em 0 0 !important;
	float: left;
}
.refLinks .twitter a {
	display: block;
	background: url(images/twitter.gif) left top no-repeat;
	width: 64px;
	height: 15px;
	text-indent: -500em;
	overflow: hidden;
	padding: 0 !important;
	margin: 0.4em 1em 0 0 !important;
	float: left;
}



/*
 MISC.
-----------------------------------------------*/


/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}
