/* @override http://funderstogether:10088/css/about.css */



/* 10 Year Plan */

.year-box { float: left; display: inline; width: 620px; background-color: #F7F0E9; margin: 0; padding: 0; }
.year-box h1 { float: left; display: inline; font-size: 18px; color: #9E6227; margin: 3px 0px 0px 9px; }
.year-box p { float: left; display: inline; width: 600px; margin: 3px 0px 0px 9px; padding: 0; }



/* benefits */

strong { color: #0067B2; }
#benefits { float: left; display: inline; width: 620px; margin: 0px 0px 0px 18px; padding: 9px 0px; list-style: disc; list-style-position: outside; }
#benefits li { clear: both; float: left; width:  600px; color: #0067B2; margin: 0px 0px 0px 0px; padding: 9px 0px; border-bottom: 1px dotted #CCC; }
#benefits li.alpha { padding-top: 3px; width: 600px; }
#benefits li.omega { border-bottom: none; }


/* history */
 
#timeline { float: left; width: 620px; height: 200px; background:  #CCC; margin: 15px 0px 0px 0px; padding: 0; }


label { clear: both; float: left; display: inline; width: 150px; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #007BC8; }
label.radio-text { float: left; display: inline; width: 150px; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #007BC8; }

.contact-info { float: left; display: inline; width: 250px; margin:6px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.comments { float: left; display: inline; width: 250px; height: 100px; margin:6px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.radio-box { float: left; display: inline; width: 350px; margin:6px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
.radio-box li a { color: #CC6600; text-decoration: underline; }



.radio-text { float: left; display: inline; margin:6px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid red; }

h2.join { width: 600px; margin-top: 15px; color:  #007BC8; }

p.instructions { margin: 3px 0px 0px 0px; padding: 0px 0px 12px 0px; width: 600px; }
.required-fields { clear: both; float: left; color: #777; margin: 3px 0px 0px 0px; padding: 0; width: 600px; }

.contact-box { float: left; width: 600px; margin: 15px 0px 0px 0px; padding: 0; list-style: none; }
.contact-box li a { color: #CC6600; }

.form-right-box { float: left; display: inline; width: 450px; margin: 6px 0px 0px 0px; padding: 0; }
.form-right-box li { clear:both; float:left; width: 450px; display: inline; margin: 3px 0px 0px 0px; padding: 0; list-style-type: none; padding: 0; }

.other-title { float: left; display: inline; margin: 0px 0px 0px 6px; padding: 0; }
.other-info { float: left; display: inline; width: 194px; margin: 0px 0px 0px 6px; padding: 0; }



/* Feedback */

form label.alpha, form input.alpha { margin-top: 18px; }

form .contact-info { float: left; width: 425px; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: right; }
form .comments { float: left; width: 425px; height: 300px; margin:6px 0px 0px 0px; padding: 0px 0px 0px 0px; }

form .form-right-box label { width: auto; font-weight: normal; color: #000; margin: 0; }

form .submit { display: block; width: 52px; height: 18px; background: url(/css/images/btn_submit.png) top left no-repeat; padding: 0; text-indent: -9000px; border: none; cursor: pointer; }



ul.principles { clear: both; float: left; display: inline; width: 620px; margin: 0; padding: 0; background-color: #F7F0E9; }
ul.principles li { clear: none; float: left; display: inline; list-style: none; }

ul.principles li.thumbnail { float: left; display: inline; width: 108px; height: 78px; margin-left: 9px; background: url(/css/images/icons/) #CCC; }

ul.principles li.definition { float: left; display: inline; width: 475px; margin: 0px 0px 0px 12px; padding:0; }
ul.principles li.definition h2 { clear: none; float: left; display: inline; width: 300px; margin: 0; padding:0; font-family: Trebuchet, Arial, San-serif; font-size:18px; font-weight: normal; color:#9E6227; }
ul.principles li.definition p { float: left; display: inline; width: 475px; margin: 0; padding:0; }

.goals-container { clear:both; float:left; width:620px; margin:15px 0px 0px 0px; padding:0px 0px 15px 0px; border-bottom:1px dotted #CCC; }
.goals-container-alpha { clear:both; float:left; width:620px; margin:15px 0px 0px 0px; padding:15px 0px 15px 0px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
.goals-left { float:left; width:108px; margin:0; padding:0; }
.goals-right { float:left; width:490px; margin:0px 0px 0px 15px; padding:0; }


#timeline { float:left; position: relative; width:615px; height:242px; background: url(/css/images/timeline/timeline.jpg) no-repeat; }

#markers { float:left; position:absolute; display: block; margin:177px 0px 0px 0px; padding:0; list-style-display:none; }
#markers li { float:left; display:inline; width:6px; height:12px; }
#markers li a { float:left; display:inline; width:6px; height:12px; background: url(/css/images/timeline/timeline_marker.png) 0 0 no-repeat; text-indent:-9000px; }
#markers li a:hover { float:left; display:inline; width:6px; height:12px; background: url(/css/images/timeline/timeline_marker.png) 0 -12px no-repeat; text-indent:-9000px; }

/* 1987 */
#markers li.marker-1 { margin-left: 23px; }

/* 1990 */
#markers li.marker-2 { margin-left: 75px; }

/* 1991 */
#markers li.marker-3 { margin-left:20px; }


/* 1998 */
#markers li.marker-18 { margin-left:170px; }

/* 1999 */
#markers li.marker-19 { margin-left:15px; }



/* 2001 */
#markers li.marker-4 { margin-left:38px; }

/* 2002 */
#markers li.marker-5 { margin-left:34px; }

/* 2003 */
#markers li.marker-6 { margin-left:12px; }
#markers li.marker-7 { margin-left:3px; }

/* 2005 */
#markers li.marker-8 { margin-left:48px; }

/* 2007 */
#markers li.marker-9 { margin-left:28px; }
#markers li.marker-10 { margin-left:2px; }

/* 2008 */
#markers li.marker-11 { margin-left:8px; }
#markers li.marker-12 { margin-left:1px; }
#markers li.marker-13 { margin-left:1px; }
#markers li.marker-14 { margin-left:1px; }
#markers li.marker-15 { margin-left:1px; }

/* 2009 */
#markers li.marker-16 { margin-left:6px; }
#markers li.marker-17 { margin-left:3px; }

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15, #box16, #box17, #box18, #box19 { position: absolute; width: 478px; height: 168px; margin: 9px 0px 0px 9px; padding 0; background: url(/css/images/timeline/timeline_popover_box.png) no-repeat;}

.img-popover { clear:none; float:left; width: 125px; height: 94px; margin:9px 0px 0px 9px; padding:0; background: #CCC;}
p.box-popover { clear: none; float:left; width: 315px; margin:9px 0px 0px 9px; padding:0; font-size:11px; }
p.box-popover .date { margin-top:0px; color:#777; font-size:11px }
p.box-popover strong { clear: both; margin-top:0px; font-size:11px }

.partnerBox { clear: both; float: left; width: 610px; margin: 15px 0px 0px 0px; padding: 12px 0px; border-top: 1px dotted #CCC; } 
.partnerBox .omega { clear: both; float: left; width: 610px; margin: 15px 0px 0px 0px; padding: 0; border-bottom: 1px dotted #CCC; } 
.partnerImage { float: left; width: 150px; margin: 0px 0px 0px 0px; padding: 0; } 
.partnerText { float: left; width: 430px; margin: 0px 0px 0px 30px; padding: 0; }
.partnerText p { width: 430px; }
.partnerText p.top { margin-top: 0px; }