/*
Width: 960px
Golden Number: 1.618
960 / 1.618 = 593.325 =± 593px
593.325 / 1.618 = 366.702 =± 367px
366.702 / 1.618 = 226.639 =± 227px
226.639 / 1.618 = 140.073 =± 140px
140.073 / 1.618 = 86.571 =± 87px
86.571 / 1.618 = 53.504 =± 53px

Note: the problem due to rounding that 367 + 227 = 594 not 593, so the 227s  get a margin-left of -1.
Warning: Golden is for divs only, not p's, h's, etc as these have margins set and it breaks

Colors

Dark blue: #187db5
Light blue: #c9e9fb
Dark tan: #a46d1e
Light tan: #fda72d
*/

*
{
	padding: 0;
	margin: 0;
}

html {
}

body
{
	background: #eee;
	background: #187db5;
	font-family: "Myriad Pro",MyriadPro,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif,Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size: 13px; /* For OS X, which has Myriad. JS file sets Windows, which has Lucida only, to 12px */
	line-height: 20px;
	margin: 0;
}

#wrapper
{
	margin: 0 auto;
	position: relative;
}

p,
h1,
h2,
h3,
h4,
ul,
ol,
blockquote,
label
{
	margin-left: 12px;
	margin-right: 12px;
}

.left p
{
	padding-right: 1.34em;
}

.right p
{
	padding-left: 1.34em;
}

a
{
	text-decoration: none;
	color: #187db5;
}

a img
{
	border: 0;
}

a:hover
{
	color: #fda72d;
}

h1,
h2
{
	font-size: 145%;
	font-size: 150%;
	color: #a46d1e;
	padding-bottom: 6px;
	line-height: 110%;
	margin-bottom: 12px;
	border-bottom: 1px dotted #a46d1e;
}

ul,
ol
{
	padding-left: 1em;
	text-indent: 0em;
}

.subtitle .highlight
{
	font-weight: normal;
}

.clearer
{
clear: both;
line-height: 0 !important;
}

.clear
{
	clear: left;
}

.teaser
{
	font-weight: bold;
}

.subhead
{
	color: #a46d1e;
	font-size: 90%;
}

.list-entry
{
	margin-bottom: 10px;
}

.hilite
{
	background-color: #ff0;
}

.person,
#commentary .handle cite,
.audience,
#related-commentary .handle cite,
.entry cite
{
	text-transform: uppercase;
}

/******
@GOLDENS
*******/

.goldens,
.thirds,
.quarters,
.fifths
{
	float: left;
}

.larger-goldens
{
	width: 593px;
}

.smaller-goldens,
.larger-goldens .larger-goldens
{
	width: 367px;
}

.larger-goldens .smaller-goldens,
.smaller-goldens .larger-goldens,
.larger-goldens .larger-goldens .larger-goldens
{
	width: 227px;
	margin-left: -1px;
}

.smaller-goldens .smaller-goldens,
.larger-goldens .smaller-goldens .larger-goldens,
.smaller-goldens .larger-goldens .larger-goldens,
.larger-goldens .larger-goldens .smaller-goldens
{
	width: 140px;
}

.larger-goldens .smaller-goldens .smaller-goldens,
.smaller-goldens .larger-goldens .smaller-goldens,
.smaller-goldens .smaller-goldens .larger-goldens
{
	width: 87px;
}

.smaller-goldens .smaller-goldens .smaller-goldens
{
	width: 53px;
}

.thirds
{
	width: 320px;
}

.quarters
{
	width: 240px;
}

.fifths
{
	width: 190px;
}

/******
@CORNERS
*******/

#menu-holder
{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	behavior:url('http://icsep.org.il/border-radius.htc');
}

#bread-holder
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.program-body,
#my-profile,
#my-account,
#edit-profile,
#edit-account
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/******
@FORMS
*******/

input,
select,
.input
{
	font-family: "Myriad Pro",MyriadPro,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif,Helvetica,"Helvetica Neue",Arial,sans-serif;
}

select,
.input
{
	background: #187db5;
	background: #c9e9fb;
	width: 100%;
	font-size: 100%;
}

form p
{
	margin-bottom: 2ex;
}

/******
@TABLES
*******/

table
{
	width: 100%;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
}

table#my-donations
{
	width: 573px;
}

th
{
	text-align: left;
}

tr.alt
{
	background: #eee;
}

td
{
	padding: 0 2px;
}


/******
@HEADER
*******/

#header-outer
{
	background: #fff;
}

#header
{
	width: 960px;
	padding-top: 5px;
	margin: 0 auto;
	position: relative;
}

#header h2
{
	clear: left !important;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

#header h2.second
{
	padding-bottom: 1ex;
	margin-bottom: 0;
}

#header p
{
	margin-top: 0;
}

/******
HEADER > @PROBLEM
*******/

#problem
{
	margin-bottom: 2ex;
	line-height: 120%;
	font-size: 90%;
	margin-top: 10px;
	color: #fda72d;
	color: #ddd;
}

#problem b,
#problem .highlight,
#second-header-holder b,
#second-header-holder highlight
{
	color: #ddd;
	color: #fda72d;
	color: #fff;
}

#problem .highlight {
	color: #fff;
}


#problem h2,
#second-header-holder h2
{
	color: #fda72d;
	color: #ddd;
}

#problem h2,
#masthead h2
{
	margin-top: 0;
	margin-bottom: 1ex;
}

#problem ul,
#problem p,
#masthead p
{
	margin-top: 0;
}

#problem p
{
	margin-bottom: 0;
}

#problem li
{
	padding-right: 15px;
}

#problems-col-a,
#problems-col-b
{
	position: relative;
}

.squiggle
{
	position: absolute;
	right: 5px;
}

/******
HEADER > @MASTHEAD
*******/

#masthead
{
	text-align: right;
	font-size: 90%;
	margin-top: 0px;
	line-height: 120%;
	float: right;
	color: #ddd;
}

#masthead #organization-name
{
	float: right;
	text-align: right;
}

#masthead p
{
	margin-left: 0;
}

#masthead #icsep-logo
{
	float: right;
	margin-top: 0px;
	width: 116px;
	margin-left: 12px;
	margin-right: 0px;
	text-align: center;
	margin-bottom: 40px;
}

#masthead b
{
	color: #fff;
}

#masthead #icsep-logo p
{
	margin: 0 !important;
	padding: 0 !important;
}

#masthead #site-name
{
margin-top: 1.5ex;
}

#masthead a:hover img
{
	color: #187db5;
}

/*
#masthead b
{
	color: #fdb43d;
}

#masthead i
{
	color: #fff;
}
*/

/******
HEADER > @MENU
*******/

#header-second-row
{
	position: relative;
	background: red;
}

#second-header-holder
{
	font-size: 88%; /* Makes text fit on 2 lines in Firefox on Mac at heast */
	clear: left;
}

#menu-holder
{
	font-size: 90%;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
}

#menu
{
	color: #a46d1e;
	padding: 0;
	margin: 10px;
	margin-bottom: 0;
}

#menu .active
{
	font-weight: bold;
}

#menu form
{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu li
{
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 0;
	padding-right: 9px;
}

#menu li.last
{
	padding-right: 0;
	text-align: right;
	float: right;
}

#menu #searchbox
{
	width: 85px;
}

/******
@MAIN
*******/

#main-outer
{
	background: #fff;
	padding-bottom: 20px;
}

#main
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top: 25px;
}

#member
{
	margin-top: 10px;

	float: right;
	margin-top: -3ex;
	font-size: 90%;
	text-align: right;
}

#member p
{
	margin-bottom: -3ex;
	line-height: 115%;
}

#main.homepage
{
	background: url('http://icsep.org.il/images/icsepv2-bg.png') no-repeat 577px 100px;
}

#main.search,
#main.links,
#main.links-v2,
{
	background: url('http://icsep.org.il/images/icsepv2-bg.png') no-repeat 577px 25px;
}

/******
@PROGRAMS
*******/

#programs
{
	background: #fff;
	clear: both;
	margin-bottom: 10px;
	position: relative;
}

#programs h1
{
	color: #a46d1e;
	font-size: 220%;
	line-height: 100% !important;
	margin-bottom: 2ex;
	border-top: 0px dotted #999;
	padding-top: 0;
	border-bottom: 0px dotted #999;
	padding-bottom: 0;
}

#programs p
{
	margin-bottom: 1ex;
}

#programs ul
{
	margin-bottom: 2ex;
}

.subset-holder
{
	position: absolute;
	top: 0px;
	left: 130px;
	font-size: 600%;
	line-height: 100%;
	color: #444;
}

#programs .target-audience-title .target-audience-title-inner
{
	padding-right: 10px;
}

#programs li a
{
	display: inline;
}

.program-body
{
	display: none;
	line-height: 150%;
	position: absolute;
	top: 40px;
	left: 354px;
	width: 227px;
	padding: 0px;
}

.homepage .program-body
{
	top: 120px;
	top: 90px;
}

.program-read-more
{
	display: none;
	width: 140px;
	position: absolute;
	bottom: 0 !important;
	right: 0;
}

.program-read-more p
{
	font-size: 90%;
	font-style: italic;
	text-align: right;
	line-height: 120%;
	padding-bottom: 3px;
	padding-top: 6px;
	border-top: 6px solid #187db5;
	border-bottom: 6px solid #187db5;
	margin-bottom: 6px;
}

#programs .target-audience-holder
{
	margin-bottom: 10px;
	height: 10ex;
}

#programs .target-audience-title
{
	float: left;
	clear: both;
	text-transform: uppercase;
	font-size: 120%;
	margin-left: 0px;
	color: #a46d1e;
}

#target-audiences-and-program-titles
{
	margin-left: 12px;
	margin-right: 12px;
}

#programs ul.target-audience-programs
{
	margin: 0;
	margin-left: 6px;
	padding: 0;
	float: right;
	width: 227px; /* unfortunately the golden stuff is slightly off here so hardwiring necessary */
	width: 207px; /* creates the space from the arrow to the dots */
}

#target-audiences-and-program-titles .program-title
{
	font-size: 120%;
	line-height: 120%;
	background: #fff;
}

#target-audiences-and-program-titles .program-title-holder
{
}

#target-audiences-and-program-titles .active
{
	font-weight: bold;
}

/******
@PRAISE
*******/

#praise
{
	margin-top: 40px;
	background: #c9e9fb;
}

#praise h2
{
	margin-top: 20px;
	margin-bottom: 0;
}

/******
@VIDEO
*******/

#videos-holder
{
	background-color: #c9e9fb;
}

#video
{
	clear: left;
	margin: 6px;
	background: #fda72d;
}

/******
@DONATE
*******/

#donate
{
	clear: left;
	margin: 0;
	padding-top: 20px;
}

#donate-inner
{
	padding-top: 12px;
	padding-bottom: 6px;
}

#donate h2
{
	margin-bottom: 2ex;
}

#donate h3
{
	margin-bottom: 1ex;
	color: #a46d1e;
}

#donate form
{
	margin: 0;
	padding: 0;
}

#donate form fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

#donate-inner a
{
}

#donate p,
#donate ul
{
	margin-bottom: 2ex;
	color: #a46d1e;
}

#donate ul
{
	font-size: 90%;
}

#donate-inner p,
#donate-inner ul
{
}

#donate .input,
#donate select
{
	background: #fff;
	color: #333; cax
}

#your-donation .input
{
}

#about-you .input
{
}

#submit
{
/*	text-align: right; */
}


#donate label
{
	text-align: right;
}

/******
@ACCORDION
*******/

.accordion .handle
{
	clear: both;
}

.accordion h3
{
	padding-top: 9px;
	font-weight: normal;
	font-size: 120%;
	line-height: 120%;
}

.accordion h3.hover
{
	font-weight: bold;
}

.accordion .subtitle
{
	padding-bottom: 10px;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	font-size: 90%;
	margin-bottom: 0;
	padding-top: 10px;
	line-height: 120%;
	color: #a46d1e;
}

.accordion .text
{
	clear: both;
	padding-left: 140px; /* margin-left bounces in IE7 */
}

.accordion-narrow .text
{
	padding-left: 0 !important;
	padding-top: 1ex !important;
}

.accordion .text-inner p
{
	margin-top: 0;
	margin-bottom: 0 !important;
	line-height: 150%;
	padding-bottom: 10px;
	font-size: 100%;
}

.accordion .text-inner a
{
	color: #000;
}

.accordion p.hover
{
	border-top: 6px solid #187db5;
	border-bottom: 6px solid #187db5;
}

/******
@TESTIMONIALS
*******/

#testimonials-holder
{
	background: #a46d1e;
	position: relative;
}

#testimonials
{
	background: #c9e9fb;
	background: #fda72d;
	color: #000;
	font-size: 81%;
	padding: 5px;
	margin: 0 auto;
}

#testimonials p
{
	margin: 0;
	padding; 0;
}

/******
TESTIMONIALS @ATTRIBUTION
*******/

#testimonials .attribution
{
	margin: 0;
	padding: 0;
	line-height: 120%;
}

#testimonials .attribution p
{
	float: right;
	text-align: right;
	margin-top: 0.25ex !important;
	margin-bottom: 0ex !important;
	padding-left: 0 !important;
}

#testimonials .person
{
	padding-bottom: 2px;
	padding-top: 0px;
	border-top: 0px solid #fff;
	border-bottom: 1px dotted #000;
	font-weight: bold;
	color: #c9e9fb;
}

#testimonials .attribution p.position
{
	font-size: 90%;
	padding-top: 0.25ex;
	padding-bottom: 0.5ex;
	line-height: 120%;
	color: #000;
	clear: right;
	width: 100%;
}

/******
TESTIMONIALS @QUOTE
*******/

#testimonials .quote
{
	position: relative;
	clear: both;
	border-top: 0px dotted #999;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	color: #c9e9fb;
}

.open-quote,
.close-quote
{
	font-family: georgia, times, serif !important;
	line-height: normal;
	font-weight: bold;
}

#testimonials .open-quote
{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 300%;
	color: #fda72d;
}

#testimonials .quote p
{
	text-indent: 1.87em;
	margin-top: 0.25ex;
}

/******
HOMEPAGE > @RECENTLY
*******/

#recently
{
	padding-top: 20px;
}

.homepage #recently
{
	background: url('http://icsep.org.il/images/recently-bg.png') no-repeat 366px 56px;
}

/******
@RELATED
*******/

#related
{
	padding-top: 20px;
}

/******
@LIST
*******/

.list .subtitle
{
	font-size: 90%;
	color: #a46d1e;
}

.list p
{
	margin-bottom: 2ex;
}

/******
@MY
*******/

.my p,
.my ul,
.my ol
{
	margin-bottom: 1ex;
}

#my-account,
#edit-account,
#my-profile,
#edit-profile
{
	clear: left;
}

.just-added
{
	background: #fdb43d !important;
}

#edit-account,
#edit-profile
{
	display: none;
}

.system-notice
{
	color: #fda72d;
}

.cell-amount
{
	font-weight: bold;
}

td.Refunded
{
	color: #666;
}

/******
@ENTRY
*******/

.entry
{
	padding-top: 20px;
}

.entry h1
{
	margin-bottom: 1ex;
}

.entry .subtitle
{
	border-top: 6px solid #187db5;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 6px solid #187db5;
	margin-bottom: 12px;
	color: #a46d1e;
	font-size: 90%;
	line-height: 110%:
}

.entry h4
{
	font-weight: normal;
	color: #a46d1e;
	font-size: 90%;
	margin-bottom: 2ex;
}

.entry p,
.entry ul,
.entry ol
{
	margin-bottom: 2ex;
}

#entry-details
{
	margin-bottom: 2ex;
}

#entry-details .teaser
{
	color: #000;
	line-height: 150%;
}

.entry-body
{
	margin-bottom: 2ex;
}

.entry-body p
{
	line-height: 150%;
	font-size: 110%;
}

.entry-body .illustration
{
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
}

.entry-body .illustration p
{
	float: right;
	text-align: right;
	font-size: 90%;
	line-height: 110%;
	margin-bottom: 0;
}

.entry-body .caption
{
	clear: right;
	width: 140px;
}

/******
@ACTIVITIES
*******/

#activities
{
	clear: left;
}

#activities ul
{
	list-style-type: none;
}

#activities .activity-body ul
{
	list-style-type: disc;
	line-height: 120%;
	font-size: 90%;
}

/******
@ORGANIZATION
*******/

#board-and-friends .goldens
{
	margin-top: 1ex;
}

#board-and-friends .subtitle
{
	padding-top: 0;
	margin-top: 0;
}

/******
@PERSONS
*******/

#persons-photo img
{
	border: 1px solid #000;
}

/******
@MY
*******/

.button
{
}

/******
@SIDEBAR
*******/

.sidebar
{
	background: #c9e9fb;
}

.sidebar h2
{
	text-align: right;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

/******
@FOOTER
*******/

#footer
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	color: #222;
	clear: both;
}

#footer #contributions
{
	margin-top: 1.75ex !important;
}

#footer .highlight
{
	color: #a46d1e;
}

#footer #copyright-etc
{
	margin-top: 10px;
}

#footer #copyright-etc p
{
	padding-right: 50px;
}

#footer .open-bracket
{
	float: left;
	margin-left: -15px;
	margin-right: 5px;
}

#footer p
{
	margin-bottom: 2ex;
}

#footer a
{
	color: #fda72d;
	font-weight: bold;
}

#footer #bread-holder

{
	padding-bottom: 12px;
	margin-bottom: 6px;
	text-align: center;
	background: #fff;
}

#footer #bread
{
	border-top: 6px solid #c9e9fb;
	border-bottom: 6px solid #c9e9fb;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 150%;
	line-height: 110%;
}

#footer #bread p
{
	margin: 0;
}

#footer .attribution
{
	text-align: right;
	line-height: 110%;
	margin-top: 2px;
	margin-bottom: -5px;
	color: #a46d1e;
	font-size: 90%;
}

#footer #engaging
{
	text-align: right;
	margin-top: 10px;
}

#friends
{
	clear: both;
}