@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	/*  background: #c0c0c0 url(images/background.png) repeat-x; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 

	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. 
	*/
	height: 100px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0px 0px 0px 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float:left;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	/* background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 10px;
}
.twoColFixLtHdr #mainContent { 
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #footer { 
	padding: 24px 10px 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#666666; 
	margin-top: 10px;
} 
.twoColFixLtHdr #footer p exclude {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:  0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #header h1 {
	text-indent: -5000px;
	background:url(images/logo.png) no-repeat;
	display:block;
	width: 252px;
	height: 60px;
	margin-top: 30px;
	position:absolute;
}

img { border: 0px none; }
a {outline-style: none;}

ul#mainnav { float:right; margin-top: 27px; }
ul#mainnav li { display: inline; float: left; list-style-type:none;  }
ul#mainnav li a {display:block; height: 66px;  background:url(images/nav.png) no-repeat; text-indent: -5000px; outline-style: none; }
ul#mainnav li#btnhome a {width: 102px; }
ul#mainnav li#btnsupport a {width: 123px; background-position: -102px 0;}
ul#mainnav li#btnmarathon a {width: 185px; background-position: -225px 0;}
ul#mainnav li#btnwhatwedo a {width: 156px; background-position: -410px 0;}
ul#mainnav li#btndonate a {width: 120px; background-position: -566px 0; }
ul#mainnav li#btnhome a:hover, ul#mainnav li#btnhome a.active {width: 102px;  background-position:  0 -65px; }
ul#mainnav li#btnsupport a:hover, ul#mainnav li#btnsupport a.active {width: 123px; background-position: -102px -65px;}
ul#mainnav li#btnmarathon a:hover, ul#mainnav li#btnmarathon a.active {width: 185px; background-position: -225px -65px;}
ul#mainnav li#btnwhatwedo a:hover,  ul#mainnav li#btnwhatwedo a.active {width: 156px; background-position: -410px -65px;}
ul#mainnav li#btndonate a:hover, ul#mainnav li#btndonate a.active {width: 120px; background-position: -566px -65px; }	

div#clicktoadd { height: 85px; width: 230px; background-image:url(images/clicktoadd.jpg); margin-bottom: 10px;}
div#messagepanel {height: 480px; width: 200px; background:url(images/messagepanel.png)  no-repeat top left; padding:15px; padding-top: 110px;}
div#messagepanel ul li { background:url(images/usericon.png) left top no-repeat; padding-left: 50px; min-height: 45px;  }
div#messagepanel ul li.icon1 { background-position: 0 -132px;}
div#messagepanel ul li.icon2 { background-position: 0 -264px;}
div#messagepanel ul li.icon3 { background-position: 0 -396px;}
div#messagepanel ul li.icon4 { background-position: 0 -528px;}
div#messagepanel ul li.icon5 { background-position: 0 -660px;}
div#messagepanel ul li.icon6 { background-position: 0 -792px;}
div#messagepanel ul li h5 { margin: 0; font-size: 12px; width: 139px; overflow:hidden; }
div#messagepanel ul li h6 { margin: 0; font-size: 9px; }

div.msgscroll {height:395px; overflow:hidden; overflow-x:hidden;overflow-y:scroll;}
.sociallinks { margin:53px 0 0 0; }
.msgboxicons { display:block; float:left; width:38px; height:38px; overflow:hidden; text-indent:-1000px; }
.sociallinks .facebook{ margin-left: 0px;}
.sociallinks .twitter{ margin-left: 4px;}
.sociallinks .youtube{ margin-left: 7px;}

ul#homepagefeaturebuttons, div#footer ul  {margin: 0; padding: 0; }
ul#homepagefeaturebuttons li { height: 108px; width: 334px; display:block; float:left; background-image:url(images/homepagefeaturebuttons.png); list-style-type:none; overflow:hidden; margin-right: 10px; margin-bottom: 5px;}
ul#homepagefeaturebuttons li p {font-size: 12px; margin-left:110px; margin-top: 44px; margin-right: 20px; }
ul#homepagefeaturebuttons li p a { color: #f65112; text-decoration: none; }
ul#homepagefeaturebuttons li#homepagefeaturebutton2 { background-position: -344px  0;}
ul#homepagefeaturebuttons li#homepagefeaturebutton3 { background-position: 0 -111px;}
ul#homepagefeaturebuttons li#homepagefeaturebutton4 { background-position: -344px -111px;}
ul#homepagefeaturebuttons li#homepagefeaturebutton2 p, ul#homepagefeaturebuttons li#homepagefeaturebutton4 p { margin-left:105px; }


div#footer {height: 28px; }
div#footer ul li { list-style-type:none; display:block; float:left;   padding-right: 9px;   }
div#footer ul li p {font-size: 12px; border-left: 1px solid white; padding: 0; margin: 0; padding-left: 9px; color:#FFF;}
div#footer ul li.first p { border: none; padding: 0; color:#FFF;}
div#footer ul li p a { color:#FFF;  text-decoration: none;}

div#supportfeature { float:left; width:950px; padding-top:12px; height:430px ; background:url(images/supportpagefeature.png) center no-repeat;  }
div#supportsendpanel {height:300px; background:url(images/supportsendpanel.png) no-repeat; float:left; width:950px;}
div#supportsendpanel textarea#messageofsupport {
    margin-top: 84px;
	margin-left: 28px;
	width: 249px;
	height: 153px;
}
div#supportsendpanel input#messagename {  margin-top: 84px; margin-left: 28px; width: 238px; }
div#supportsendpanel input#messageemail {  margin-top: 28px; margin-left: 28px; width: 238px; }
div#supportsendpanel input#avatarimagefile {  margin-top: 28px; margin-left: 28px; width: 238px; }

div#supportsendpanel div#characterimage { width:149px; height:153px; background:#fff; margin-top: 84px; background-image:url(images/characters.png) }
div#supportsendpanel input#iagree { margin-top:80px; }
div#supportsendpanel label, div#supportsendpanel label a { font-size: 14px; color:#fff;}

div#supportsendpanel div#btnchooseleft, div#supportsendpanel div#btnchooseright { height: 25px; width:75px; background-image:url(images/btnchoose.png); float:left; margin-top: 5px; cursor: pointer; }
div#supportsendpanel div#btnchooseright {background-position: -75px 0; width:74px; }
label.error { color: black; font-size: 11px; font-weight: bold; margin-top: 10px; margin-left: 30px; display:none; }

form { margin: 0; padding: 0; }


div#sidebar1{width:210px; min-height:700px; float:left;}
div#sidebar1 ul, div#supportfeature ul {padding:0px;}
div#sidebar1 ul li, div#supportfeature ul li { list-style-type:none;  padding-bottom:10px; }
div#sidebar1 ul li a, div#supportfeature ul li a {  background:url(images/bullets.png) no-repeat top left;  font-size:16px; line-height: 23px; color:#000; display:block;  padding-left: 30px; text-decoration:none; position:relative; z-index:5; }
div#sidebar1 ul li a:hover, 
div#sidebar1 ul li a.active,
div#supportfeature ul li a:hover, 
div#supportfeature ul li a.active { color: #f65112; background-position: 0 -76px; font-weight:bold; }
div#sidebar1 #address_box h3{margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}
div#sidebar1 #address_box{font-size:14px; width:200px;}
#address_box a{font-size:14px; color:#f65112; font-weight:bold;}

#mainContent #bottom_box {margin:20px 0px 0px 10px; padding:0px;}

div#supportfeature ul li a:hover, 
div#supportfeature ul li a.active { color: #f65112; background-position: 0 -76px; font-weight:bold; }
div#homepagefeature {height:385px; background:url(images/homepagefeature2.png) no-repeat; }
div#homepagefeature h2{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#f65112;}
div#homepagefeature p{margin:5px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:17px; float:left; width: 670px;}
div.thankyou{margin-left:270px;}
div.thankyou#mainContent h1 {background:url(images/thankyou.png); width: 183px; height: 71px; text-indent: -5000px; }
div.thankyou a{font-size:16px; color:#f65112; font-weight:bold;}
div.thankyou#mainContent #share_bar{width:200px; height:20px;}

div.home{ margin-left:270px;}

div.sendtoafriend{ margin-left:270px;}
div.sendtoafriend#mainContent div#sendtoafriendfeature { background:url(images/tellafriend.png)  no-repeat 0px 0; height: 203px; font-size:14px; color:#fff; padding-top:55px; padding-right:270px; width:410px; float:right;}
div.sendtoafriend#mainContent div#sendtoafriendfeature p{padding-left:30px;}
div.sendtoafriend#mainContent div#sendtoafriendfeature h1 { display:none; }
div.sendtoafriend#mainContent form{ width:650px; float:right;}
div.sendtoafriend#mainContent label {margin-bottom:30px; float:left; display:block; width: 190px; font-size:16px; font-weight:bold;  }
div.sendtoafriend#mainContent input { margin-bottom:30px; float:left;  }
div.sendtoafriend#mainContent .hidden {display:none; }
div.sendtoafriend#mainContent a#addanotherfriend { margin-left:25px; display:block; width:129px; height:34px; text-indent:-5000px; background:url(images/addanotherfriend.png); float:left; }
div.sendtoafriend#mainContent h6, div.sendtoafriend#mainContent h5 { float:left; font-size: 10px; margin-left: 0px; margin-top: 5px;}
div.sendtoafriend#mainContent h5 { margin:0px 0px 0px 0pxl padding:0px 0px 0px 0px; float:right; width:150px; height:10px; }
div.sendtoafriend#mainContent h6 a { color: black;}
div.sendtoafriend#mainContent input[type=checkbox] { display:block; margin-left:190px; width:10px; }
div.sendtoafriend#mainContent input[type=image]   { width:75px; height: 41px; margin-left:190px; }

div.challenge{height:900px; margin-left:270px;}
div.challenge#mainContent h1 {background:url(images/philandcatherinechallenge.png); width: 401px; height: 64px; text-indent: -5000px; margin-left: 10px; margin-bottom:10px;}
div.challenge#mainContent a#btnsupport, div.challenge#mainContent a#btndonate  { display:block; float:left; width: 287px; height: 41px; background:url(images/challengebuttons.jpg) ; text-indent: -5000px;}
div.challenge#mainContent a#btndonate { background-position: -303px 0; width:146px; margin-left: 18px; }
div.challenge#mainContent h2 { display:block; height: 61px;  background:url(images/challengecatherinediary.png) no-repeat; text-indent: -5000px; margin-top: 10px; margin-left: 10px; margin-bottom:10px;}
div.challenge#mainContent p {font-size:14px;}
div.challenge a{font-size:14px; color:#f65112; font-weight:bold;}
div.challenge#mainContent #challenge_img_btns{margin-top:40px; height:60px;}

#support_swf{ width:738px; float:right;}

#homepage_swf{ width:671px; float:right;}

div.donate{color:#000000; margin-left:270px;}
div.donate #donate_box h1{border:0px 0px 0px 0px; margin:0px 0px 0px 15px; color:#000000;}
div.donate #donate_box p{border:0px 0px 0px 0px; margin:20px 0px 0px 0px;}
div.donate #donate_box #donate_box_left img{border:1px solid white;}
div.donate #donate_box{width:670px; height:563px; background:url(images/donate_box_bg.png) no-repeat; padding-top:10px; margin:25px 0px 0px 15px;}
div.donate #donate_box_left{margin:15px 0px 0px 15px; width:240px; float:left;}
div.donate #donate_box_right{padding:0px 0px 0px 0px; width:385px; float:left; font-size:10pt;}
div.donate #donate_box_right img{margin-top:20px;}
div.donate a{font-size:14px; color:#f65112; font-weight:bold;}
div.donate #share_bar{margin-top:10px;}

div.marathon{margin-left:270px; width:650px; height:850px;}
div.marathon a{font-size:13px; color:#f65112; font-weight:bold;}
div.marathon h2{margin:0px 0px 0px 0px;}
div.marathon #top_box p{margin:15px 0px 20px 15px; width:340px;}
div.marathon p{font-size:13px;}
div.marathon a{font-size:13px; color:#f65112; font-weight:bold;}
div.marathon li{font-size:13px;}
div.marathon #top_box{margin-left:15px; width:680px; height:400px;}
div.marathon #top_box #top_box_left{margin-top:15px; float:left; width:300px;}
div.marathon #top_box #top_box_right{float:left; width:36	0px;}
div.marathon #top_box #top_box_right img{padding:0px 10px 0px 0px;}
div.marathon #bottom_box {float:left; width:640px; margin:40px 0px 20px 15px; padding:20px 0px 0px 0px;}
div.marathon #bottom_box h3{margin:10px 0px 0px 25px; padding:0px 0px 20px 0px; font-size:20px;}


#line_seperator{background:url(images/line.png) no-repeat; width:637px; height:1px; clear:right; margin-left:15px;}

#home_bottom_box{width:600px}
#panels{width:500px;}
#panels #panel, #panel_home{background:url(images/panel_bg.png) no-repeat;float:left; width:333px; height:105px; margin-bottom:10px;}
#panels a{margin-left:25px; margin-top:0px; font-size:13px; width:320px; color:#f65112; font-weight:bold; float:right; width:250px;}
#panels h2{margin:10px 0px 0px 25px; padding:0px; font-size:20px; font-weight:lighter; float:right; width:250px;}
#panel p{margin:0px 10px 0px 25px; font-size:13px; width:240px; float:right;}

div.whatwedo{margin-left:270px; }
div.whatwedo h2{margin:40px 0px 0px 15px;}
div.whatwedo #top_box p{font-size:13px; margin:15px 0px 20px 0px; width:420px;}
div.whatwedo #top_box{margin-left:15px; width:680px; height:300px;}
div.whatwedo #top_box #top_box_left{margin-top:15px; float:left; width:150px;}
div.whatwedo #top_box #top_box_right{float:right; width:440px;}
div.whatwedo #top_box #donate_btn{margin-top:30px;}
div.whatwedo #bottom_box {width:680px; margin-top:10px;}
div.whatwedo #bottom_box p{font-size:13px; margin:15px 0px 20px 0px;}
div.whatwedo #bottom_box h4{margin:30px 0px 10px 0px;}
div.whatwedo a{font-size:14px; color:#f65112; font-weight:bold;}

div.childhood_arthritis{margin-left:270px; }
div.childhood_arthritis h2{margin:40px 0px 0px 15px;}
div.childhood_arthritis #top_box p{font-size:13px; margin:15px 0px 20px 0px; width:420px;}
div.childhood_arthritis #top_box{margin-left:15px; width:680px; height:290px;}
div.childhood_arthritis #top_box #top_box_left{margin-top:15px; float:left; width:150px;}
div.childhood_arthritis #top_box #top_box_right{float:right; width:440px;}
div.childhood_arthritis #top_box #donate_btn{margin-top:30px;}
div.childhood_arthritis #top_box img{margin-bottom:20px;}
div.childhood_arthritis #bottom_box {width:680px; margin-top:10px;}
div.childhood_arthritis #bottom_box p{font-size:13px; margin:15px 0px 20px 0px;}
div.childhood_arthritis #bottom_box h4{margin:30px 0px 10px 0px;}
div.childhood_arthritis a{font-size:14px; color:#f65112; font-weight:bold;}

#popup #left{width:350px; float:left; margin:20px 0px 40px 20px;}
#popup #right{width:350px; float:left; margin:20px 20px 40px 0px;}
#popup img{float:left;}
#popup h2{float:right;}
#popup h3{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#popup #popup_main{width:700px; margin-left:20px;}
#popup p{width:700px; float:left; text-align:left; font-size:12px;}
#popup li{width:700px; float:left; text-align:left; font-size:12px;}
#popup ul{width:700px; float:left; text-align:left; font-size:12px;}
#popup a{font-size:14px; color:#f65112; font-weight:bold;}
#popup p.story{font-size:14px;}

div#sidebar1 div.msgscroll ul {margin:0;}

div.fundraising {width:650px; margin-left:270px;}
div.fundraising #fundraising_top {height:350px;}
div.fundraising #fundraising_top #fundraising_top_left{float:left; width:300px; height:340px; }
div.fundraising #fundraising_top #fundraising_top_right{font-size:12px;background:url(images/fundraising_right_bg.png) no-repeat; float:right; width:321px; height:317px; margin-top:25px; padding-left:20px;}
div.fundraising #fundraising_top #fundraising_top_right p{width:280px; margin-right:10px;}
div.fundraising #fundraising_bottom {width:650px; margin-top:20px;}
div.fundraising #fundraising_bottom #title{font-size:18px; color:#f65112; font-weight:bolder; padding-bottom:0px; margin-bottom:0px;}
div.fundraising #fundraising_bottom p{padding-top:5px; margin-top:0px; margin-left:30px; font-size:14px;}
div.fundraising a{font-size:14px; color:#f65112; font-weight:bold;}
div.fundraising ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
div.fundraising li {  color: #f65112; background:url(images/bullets.png) no-repeat top left;  font-size:16px; line-height: 23px; display:block;  padding-left: 30px; text-decoration:none; background-position: 0 -76px; position:relative; z-index:5; }
div.fundraising #bottom_text{font-size:14px; float:left; margin-top:20px;}
div.fundraising #bottom_text #title{font-size:18px; color:#f65112; font-weight:bolder; padding-bottom:0px; margin-bottom:0px;}


#juitterContainer{
width:190px;
padding-top:5px;
}
#juitterContainer ul {
margin:0px;
padding:0px;
}
#juitterContainer ul  li {
background:url(../images/blog_twitterbird.jpg) no-repeat  left top;
list-style-image:none;
list-style-position:outside;
padding-left:25px;
}
.twittLI {
display:list-item !important;
margin:0px 0px 20px;
}
.twittList  li.twittLI {
opacity:1 !important;
width:180px !important;
height:100% !important;
}

div.questions{margin-left:270px; }
div.questions {font-size:14px; }
div.questions #colour_text{color:#f65112; font-weight:bold;}
div.questions input{margin-top:10px;}

div.bloggers{margin-left:270px;}
div.bloggers h2{margin:30px 0px 0px 0px;}
div.bloggers p{font-size:14px;}
div.bloggers a{font-size:14px; color:#f65112; font-weight:bold;}
div.bloggers ul {margin:0px; padding:0px;}
div.bloggers li a{font-size:14px; width:320px; color:#000000; font-weight:bold;}
div.bloggers li{list-style:none; margin-bottom:10px; font-size:13px; padding-top:10px;}
div.bloggers li.twitter{background: url('images/twitter_icon.png') no-repeat top left; padding-left: 40px; height:38px;}
div.bloggers li.facebook{background: url('images/facebook_icon.png') no-repeat top left; padding-left: 40px; height:38px;}
div.bloggers li.email{background: url('images/email_icon.png') no-repeat top left; padding-left: 40px; height:38px;}