html { background: #ffd0f7; }

body {
	margin: 0;
	padding: 0;
	font-size: 76%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: white;
	position: relative;
}

img { border: 0; }

h1 { font-size: 200%; margin: 0; color: #ff7127; }

h2 { font-size: 140%: }

a { color: #901294; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

div.post { position: relative; background: url(../graphics/blog_post.gif) no-repeat; min-height: 177px; }
* html div.post { height: 177px; }
div.post h2 { margin: 0 0 1em; padding: 5px 0 0 70px; font-weight: normal; font-size: 140%; }
div.post h3 { position: absolute; top: -2px; left: 0; margin: 0; width: 66px; height: 59px; padding: 20px 0;; background: url(../graphics/blog_date.png) no-repeat; color: white; text-align: center; font-size: 90%; }
* html div.post h3 { background-image: url(../graphics/blog_date.ie6.png); }
div.post h3 strong { display: block; font-size: 250%; margin-bottom: -0.3em; }
div.post h3 span { display: block; font-size: 130%; margin-bottom: -0.3em; }
div.post div { padding-left: 70px; margin-top: -10px; min-height: 80px; #padding-bottom: 17px; }
div.post div.blog_link { font-weight: bold; background: url(../graphics/blog_link.gif) repeat-x top; padding-top: 5px; height: 19px; line-height: 29px; margin-top: 20px; }
div.post div p { margin-top: 0; }

#wrapper, div.fixed { width: 900px; margin: 0 auto; }

#header { position: relative; z-index: 2; height: 180px; background: url(../graphics/emailfriend_bg.gif) no-repeat 470px 41px; }

#logo { position: absolute; top: 24px; left: 0; }
#logo a { color: white; }

#navigation_bg { position: absolute; z-index: 15; top: 150px; left: 0; height: 40px; width: 900px; background: #f8a3e2; }

#navigation { position: absolute; z-index: 20; top: 150px; left: 0; width: 900px; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { position: relative; list-style-type: none; float: left; padding-right: 2px; background: url(../graphics/navlink_border.gif) repeat-y top right; }
#navigation li span { display: none; }
#navigation li a { float: left; height: 40px; line-height: 40px; padding: 0 10px; white-space: nowrap; color: #c3006a; text-decoration: none; font-weight: bold; }
#navigation li a:hover, #navigation li:hover a { background: #f2c4d2; }
#navigation .nav_active a, #navigation .nav_active a:hover, #navigation .nav_active:hover a { background: #fff2d5; }

#navigation li li { position: relative; left: -2px; margin-left: 36px; float: none; background: url(../graphics/navlink_border.gif) repeat-y top left; padding-left: 2px;}
#navigation li li a { float: none; display: block; background: #fbe8ee !important; width: 105px; }
#navigation li li a:hover, #navigation .nav_active .nav_active a { background: #f6d6e0 !important; }

#navigation table{
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:5;
}

* html #navigation a:hover {
	position:relative;
	z-index:100;
}
#navigation li:hover{
	position:relative;
}

* html #navigation ul ul a:hover {
	position:relative;
	z-index:110;
}

#navigation ul ul li:hover {
	position:relative;
}

#navigation ul ul :hover > a {

}

* html #navigation ul ul ul a:hover {
	position:relative;
	z-index:120;
}

#navigation ul ul ul ul a:hover{
	position:relative;
	z-index:130;
}

#navigation ul ul{
	visibility:hidden;
	display: none;
	position:absolute;
	height:0;
	left:0;
	top: 40px;
}

#navigation ul ul ul{
	left:12em;
}

#navigation ul :hover ul{
	visibility:visible;
	display: block;
	height:auto;
	padding:0;
	left:-3em;
}

#navigation ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul{
	visibility:visible;
	left:9em;
}

#navigation ul :hover ul :hover ul :hover ul{
	visibility:visible;
}

#top { position: relative; top: 190px; padding: 20px; background: #ffe6c3 url(../graphics/top.gif) repeat-x; color: #ff7127; width: 900px; float:left; margin-bottom: 210px;  }
#top h3 { margin-top: 0; }
#top p { margin-bottom: 0; }
#top div.left { position: relative; float: left; width: 310px; height: 60px; font-size: 180%;}

#raised_amount { position: absolute; z-index: 5; top: -7px; left: 80px; font-size: 280%; font-weight: bold; }
#raised_amount span.subscript { font-size: 50%; font-weight: normal; }
#top p { position: relative; top: -10px;}

#target { position: absolute; z-index: 50; bottom: 10px; left: 20px; width: 289px; height: 48px; background: url(../graphics/target_background.gif) no-repeat; }
* html #target { bottom: 190px; left: -310px; }
#target h2 { position: absolute; right: 10px; bottom: -10px; #bottom: 9px; color: #ffe0b7; font-size: 100%; font-weight: normal; }
#target h2 strong { font-size: 130%; }

#progress_bar { position: absolute; bottom: 0; left: 0; height: 45px; background: url(../graphics/target_bar.gif) repeat-x; }

#email_friend { position: absolute; z-index: 20; right: 295px; top: 40px; width: 140px; height: 101px; }
#email_friend a { outline: none; width: 115px; height: 63px; position: absolute; top: 12px; left: 8px; text-decoration: none; }

#top div.right { padding-top: 10px; position: relative; margin-left: 330px; }
#top div.right h3 { font-weight: normal; font-size: 140%; line-height: .8em;}
#top div.right h3 strong { font-size: 130%; }
#top div.right h3 span { font-size: 70%; letter-spacing: 0.4em; }
#top div.right p a { font-weight: bold; }

#teaser { position: absolute; z-index: 15; top: 0; right: -40px;}
#teaser-filler { width: 300px; height: 180px; float:right; padding-left:37px; }

#main { margin-top: 30px; padding-bottom: 1em; padding-bottom: 2em; min-height: 300px;}
#main h2 { font-size: 160%; #margin-bottom: 0.5em; color: #660957; }
#main div.left { margin-right: 300px; }
#main div.right { float: right; margin: 200px 0 0; width: 200px; background: #f8e2e9; padding: 20px 0; }
#main div.right h2, #main div.right h3, #main div.right p a { padding: 0 20px; }
#main div.right h2 { margin: 0 0 -10px; font-size: 150%; }
#main div.right h3 { margin-bottom: 0; font-size: 130%; }
#main div.right p { margin: 0; }
#main div.right p a { display: block; }

#blog { margin-bottom: 20px; }
div.home_link { padding-top: 1em; }

#side { float: right; width: 420px; margin-top: 180px; }

#content { margin-right: 430px; }
#content p { width: 100%; }

#footer { background: #ffcbf4 url(../graphics/footer.gif) repeat-x; padding-bottom: 2em; }
#footer p { margin: 0; padding: 1em 0; color: white; font-size: 90%; }
#footer p.left { float: left; padding-top: 1.5em; }
#footer p.right { float: right; }
#footer p.right img { position: relative; top: 0.5em; padding-left: 0.2em; }
#footer div.contact { clear: both; float: left; background: #ffdcf9; white-space: nowrap; padding: 0 1em; }
#footer div.contact h3 { margin: 0.5em 0 -1em !important; font-size: 100%; text-transform: uppercase; }
#footer div.contact p { margin: 0; color: black; }
#footer div.contact p a { color: black; }

#background { position: absolute; z-index: 1; top: 0; left: 0; height: 190px; width: 100%; background: #9b14a2 url(../graphics/background.gif) repeat-x; }

#gallery { float: left; margin: 1em -15px 0 0; padding: 0 }
#gallery li { list-style-type: none; float: left; width: 171px; height: 170px; background: #f8e2e9; margin: 0 11px 15px 0; }
#gallery li a { position: relative; float: left; text-align: center; }
#gallery li a img { margin: 8px 0 0 8px; }
#gallery li p.description { display: none; }

#phdon_img { position: absolute; left: 7px; #left: 5px; top: -18px; #top: -14px; }

p.gallery_page_break { clear: both; font-size: 120%; }