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

*, h1, h2, h3, h4, h5, ul, li, ol, p {
	margin:0px;
	padding:0px;
}

html, body {
	height:100%;
}

p {
	margin-bottom:2em;
	line-height: 160%;
}

li {
	list-style:none;
}

img {
	border:0px;
}

a {
	color:#1e539c;
}

.clear {
	clear:both;
}

h1, h2 {
	font-size:1.2em;
	margin-bottom:1.4em;
	/*color:#1e539c;*/ color:#000000;
	font-weight:bold;
}

h2 {
	margin-top:1em;
}

h3 {
	font-size:1em;
	margin-bottom:1.6em;
	/*color:#1e539c;*/ color:#000000;
	font-weight:bold;
	line-height: 160%;
	clear:left;
}

h5 {
	font-size:1.2em;
	margin-bottom:1em;
	color:#1e539c;
	font-weight:bold;
	clear:left;
}

.left {
	float:left;
}

.right {
	float:right;
}

.imgReplace {
	overflow:hidden;
	display:block;
	text-indent:-1000em;
}

body { 
	float: left;
	width: 99%;
	margin: 0;
	padding: 0;
	font-size:100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background: #378ec6 url(../img/background/gradback.gif) top left repeat-x;
}


.WrapOuter {float: left; width: 100%; padding-bottom:20px;}

.WrapOuter .Wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	text-align: left;/*margin: auto fix for IE6*/
}

.WrapOuter .Wrap .WrapInner {
	float: left; 
	margin: 0;
	margin-bottom:20px;
	padding: 0;
	width: 1024px;
	background:url(../img/background/back-top.jpg) top left repeat-x #cbdaed;
}













#container {
	font-size:0.75em;
	text-align:left;
	width:890px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -184px;
}

#header {
	position:relative;
	width:890px;
}

#navigation {
	float:left;
	margin:21px 0 38px;
}

#navigation li {
	float:left;
	margin-right:50px;
	list-style:none;
}

#navigation li a, #navigation li {
	height:48px;
	width:151px;
}

#navigation .navone a {
	background:url(../img/navigation/nav_09.gif) top left no-repeat;
}

#navigation .navone a:hover {
	background:url(../img/navigation/nav_09.gif) 0px -48px no-repeat;
}

#home #navigation .navone a {
	background:url(../img/navigation/nav_09.gif) bottom left no-repeat;
}

#navigation .navtwo a {
	width:149px;
	background:url(../img/navigation/nav_09.gif) -151px 0px no-repeat;
}

#navigation .navtwo a:hover {
	background:url(../img/navigation/nav_09.gif) -151px -48px no-repeat;
}

#history #navigation .navtwo a {
	background:url(../img/navigation/nav_09.gif) -151px 100% no-repeat;
}

#navigation .navthree a {
width:149px;
	background:url(../img/navigation/nav_09.gif) -300px 0px no-repeat;
}

#navigation .navthree a:hover {
	background:url(../img/navigation/nav_09.gif) -300px -48px no-repeat;
}

#video08 #navigation .navthree a, #video09 #navigation .navthree a {
	background:url(../img/navigation/nav_09.gif) -300px 100% no-repeat;
}
#navigation .navfour a {
	background:url(../img/navigation/nav_09.gif) -449px 0px no-repeat;
}

#navigation .navfour a:hover {
	background:url(../img/navigation/nav_09.gif) -449px -48px no-repeat;
}

#supporters #navigation .navfour a {
	background:url(../img/navigation/nav_09.gif) -449px 100% no-repeat;
}



#navigation a.safaupdate {
	background:url(../img/navigation/nav_09.gif) top left no-repeat;
}

#navigation a.safaupdate:hover {
	background:url(../img/navigation/nav_09.gif) 0px -48px no-repeat;
}

#safaupdate #navigation a.safaupdate {
	background:url(../img/navigation/nav_09.gif) bottom left no-repeat;
}

#safaLogo {
	position:absolute;
	top:21px;
	right:0px;
}

#content {
	clear:both;
	width:753px;
}

#scrollableHolder {
	width: 245px;
}

div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 245px;	 
	height:345px;
	float:left;
	z-index:1;
}

#scrollableHolder {
	float:left;
}

/* single item */
li.post {
	width:38px;
	height:38px;
	float:left;
	margin:0 11px 11px 0;
}

.mainScrollable {
	margin:0 0 11px;
}

.disabled, .disabled:hover  {
	background:transparent;
	cursor:default;
}

#contentHolder {
	float:left;
	width:325px;
}

#home #contentHolder {
	margin: 20px auto 0 auto;
	float:none;
	width:400px;
}

#home h1 {
	background:url(../img/background/main-home-hero.gif) top left no-repeat;
	width:255px;
	height:349px;
	float:left;
	text-indent:-1000em;
	overflow:hidden;
}

#rightHolder {
	float:right;
	text-align:center;
	color:#3465a8;
}

#home #promos p {
	margin:1em auto;
}

#rightHolder p, #promos p {
	margin-top:0.5em;
}

#right {
	float:left;
	width:495px;
	margin:0 0 0px 0.5em;
}

#left {
	float:left;
	width:416px;
	margin:0 0 0px 2em;
	display: inline;
}

#videoHolder {
	width:416px;
	height:234px;
	display:block;
}

#myplaylistHolder {
	float:right;
	width:290px;
}

#myplaylist a {
	position: relative;
	display:block;
	float:left;
	clear:both;
	width:290px;
	margin-bottom: 35px;
	text-decoration:none;
	cursor:pointer;
}

#myplaylist span {
	float:right;
	width:180px;
	display:block;
	background:url(../img/videos/SAFA_DIARY_Video.gif) bottom left no-repeat;
	padding-bottom: 25px;
	color:#000000;
	text-decoration:none
	height: 100%;
	min-height: 40px;
}

#myplaylist strong {
	color:#3465A8;
	text-decoration:underline;
	display:block;
}

#videoCopy {
	margin-top:1.5em;
}

#home #right {
	width:470px;
	margin: 0 0 0 20px;
}

#promos li {
	float:left;
	display: inline;
	margin:2em 0 0 0;
	text-align:center;
}
#myplaylistHolder #promos li {
	float:left;
	display: inline;
	margin:0em 0 0 0;
	text-align:center;
}

#video #promos li{
	margin-top: 1em;
}

#home #promos li {
	margin:2em 3em 0 !important;
	margin:2em 1.5em 0;
	width:161px;
}

.promo3 a, .promo3 {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -165px no-repeat;
	width:225px;
	height:57px;
}

.promo3 a:hover {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -235px no-repeat;
}

.promo2 a, .promo2 {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -305px no-repeat;
	width:128px;
	height:58px;
}

.promo2 a:hover {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -375px no-repeat;
}

.promo1 a, .promo1 {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -585px  no-repeat;
	width:107px;
	height:64px;
}

.promo1 a:hover {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -655px no-repeat;
}

.promo4 a, .promo4 {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -725px  no-repeat;
	width:107px;
	height:64px;
}

.promo4 a:hover {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -805px no-repeat;
}

.promo5 a, .promo5 {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -875px  no-repeat;
	width:155px;
	height:64px;
}

.promo5 a:hover {
	background:url(../img/promos/promo_bottom_btn_roll.gif) 0px -945px no-repeat;
}
.promo6 a, .promo6 {
	background:url(../img/promos/video_nav.gif) 0px -95px  no-repeat;
	width:92px;
	height:45px;
	margin-right:40px;

}

.promo6 a:hover {
	background:url(../img/promos/video_nav.gif) 0px -48px no-repeat;
}
#video08 .promo6 a {
	background:url(../img/promos/video_nav.gif) 0px 1px no-repeat;
}

.promo7 a, .promo7 {
	background:url(../img/promos/video_nav.gif) -112px -95px  no-repeat;
	width:92px;
	height:45px;
	margin-right:0px;
	display:block;
}

.promo7 a:hover {
	background:url(../img/promos/video_nav.gif) -112px -48px no-repeat;
	width:93px;
}
#video10 .promo7 a {
	background:url(../img/promos/video_nav.gif) -112px 1px no-repeat;
}
#footer, #push {
	height: 164px;
}
#push {
	height:144px;
}

#footer {
	position:relative;
	bottom:-20px;
	width:100%;
	background:url(../img/background/footer_kiwi.jpg) bottom left repeat-x;
	z-index:100;
}

#footerCopy {
	text-align:left;
	font-size:0.7em;
	font-weight:bold;
	padding-top:8.5em;
	font-family:Arial, Helvetica, sans-serif;
}

#footerCopy a, #footerCopy {
	color:#000000;
}

#footerCopy ul {
	width:600px;
	margin:0 auto;
}

#footerCopy li {
	display:inline;
	list-style:url(../img/logos/facebook.gif) outside;
	line-height:30px;
	width:180px;
	text-align:left;
	margin:0 1em;
}

#footerCopy li a {
	padding:5px 0;
	text-decoration:underline;
}

#footerCopy li.facebook a {
	background:url(../img/logos/facebook.gif) center left no-repeat;
	padding-left:28px;
}

#footerCopy li.share {
	margin:0 0 0 1em;
}

#footerCopy li.share a {
	background:url(../img/logos/share.gif) center left no-repeat;
	padding-left:23px;
}

#footerCopy li.kiwi {
	margin:0 1em 0 0;
}

#footerCopy li.kiwi a {
	background:url(../img/logos/kiwi.gif) center left no-repeat;
	padding-left:35px;
}

#footerCopy p {
	width:600px;
	margin:0 auto;
}

#footerContent {
	width:890px;
	position:relative;
	height:164px;
	margin:0 auto;
}

#boy {
	position:absolute;
	width:150px;
	height:280px;
	bottom:0px;
	right:0px;
}

#goal {
	position:absolute;
	background:url(../img/background/goal_posts.gif) bottom left no-repeat;
	width:93px;
	height:74px;
	bottom:83px;
	left:10px;
	z-index: -1;
}




/*********shadowbox**********/
#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #1e539c;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#1e539c;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#1e539c;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(../js/shadowbox/resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(../js/shadowbox/resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(../js/shadowbox/resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(../js/shadowbox/resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(../js/shadowbox/resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}