/* @override 
	http://ca/global.css
*/

body { text-align: center; background-color: #c7c790; font-size: .9em; }
a img { border: none; }
div#container { width: 1060px; margin-right: auto; margin-left: auto; text-align: left; }
div#header { background: url(/images/header1.jpg) no-repeat; margin-left: auto; margin-right: auto; }
div#header a { display: block; margin-left: auto; margin-right: auto; }
div#header, div#header a { width: 1060px; height: 125px; }
div#header h1, div#header h2 { text-indent: -5000px; overflow: hidden; margin: 0; }
.topLink { float:right; text-decoration: none; }
div#nav { background: url(/images/nav-off1.jpg) no-repeat; width: 1060px; height: 35px; }

/* Top Navigation */
div#nav ul { margin: 0; list-style: none; padding: 0; }
div#nav ul li { float: left; }
div#nav ul li a { display: block; height: 35px; text-indent: -5000px; overflow: hidden; margin-left: auto; margin-right: auto; }
div#nav ul li a#home { width: 125px; }
div#nav ul li a#about { width: 150px; }
div#nav ul li a#services { width: 230px; }
div#nav ul li a#books { width: 230px; }
div#nav ul li a#donate { width: 189px; }
div#nav ul li a#contact { width: 136px; }
div#nav ul li a:hover { background-image: url(/images/nav-over1.jpg); }
div#nav ul li a.on, div#nav ul li a.on:hover { background-image: url(/images/nav-on1.jpg); }
div#nav ul li a#about:hover, div#nav ul li a#about.on { background-position: -125px; }
div#nav ul li a#services:hover, div#nav ul li a#services.on { background-position: -275px; }
div#nav ul li a#books:hover, div#nav ul li a#books.on { background-position: -505px; }
div#nav ul li a#donate:hover, div#nav ul li a#donate.on { background-position: -735px; }
div#nav ul li a#contact:hover, div#nav ul li a#contact.on { background-position: -924px; width: 136px; }

/* Content Structure */
div#content { background: url(/images/bg1.jpg) repeat-y; float: left; }
div#twitter { float:right; position:fixed; top: 300px; right: 20px; border-style:none; }
div#paypal { float:right; position:fixed; top: 50px; right: 20px; border-style:double; background-color:#FBAB50; }
div#content-top { background: no-repeat url(/images/nav-under1.jpg); float: left; width: 1060px; height: 25px; }
div#content-top div#breadcrumbs { margin-left: 190px; _margin-left: 190px; /* IE only */ float: left; color: #71705b; font-size: .9em; margin-top: 4px; }
div#content-top div#breadcrumbs a { color: #71705b; }
div#content-top div#size { float: right; margin-right: 15px; }
div#content-top div#size img { float: left; }
div#content-top div#size img.size { margin-top: 3px; }
div#content-top div#size img#minus { margin-left: 5px; }
div#content-left { clear: both; width: 180px; margin-left: 5px; _margin-left: 2px; float: left; }
div#content-left img { margin-top: 10px; margin-bottom: 10px; }
div#content-left ul { list-style-type: none; margin: 0; margin-left: 20px; padding: 0; width: 140px; line-height: normal; }
div#content-left ul li { margin-bottom: 8px; text-indent: -15px; margin-left: 15px; }
div#content-left ul li a, div#content-left ul li, div#content-left p { color: #646645; font-family: sans-serif; font-size: .9em; }
div#twitter { display: block; margin-left: 5px; margin-top: 3px; font-weight: normal; }
div#content-left ul li a.subtext { display: block; margin-left: 5px; margin-top: 3px; font-weight: normal; }
div#content-left ul a { font-weight: bold; text-decoration: none; }
div#content-main { width: 770px; float: left; padding-left: 40px; padding-right: 40px; }
div#footer { background: no-repeat url(/images/footer1.jpg); height: 20px; clear: both; }
div#foot { font-family: sans-serif; font-size: .8em; margin: 5px 10px 20px 20px; }
div#foot div#honcode { float: left; margin-top: 5px; line-height: 1.4em; }
div#foot div#copyright { float: left; width: 770px; margin-left: 20px; text-align: right; }
div#foot p { margin-top: 11px; margin-bottom: 11px; }
div#content-left input.text { margin-left: 10px; width:125px; margin-bottom: 7px; }
div#content-left input.submit { width: 30px; margin-bottom: 7px; }
input.submit { background-color: white; }

/* Global Styles */
strong, p.links strong { font-family: sans-serif; color: #215a8d; }
p strong { font-family: serif; color: black; }
a img.button { border: none; }
p, ul { line-height: 1.5em; }
div.clear { clear: both; float: left; }
h2, h2.default, h2.blog { margin-left: 0; margin-top: 15px; color: #808364; font-family: sans-serif; font-size: 1.3em; line-height: 1.3em; }
p.pageSubTitle, h3 { color: #135086; font-family: serif; font-weight: bold; }
div#content-main ul { margin:  0; margin-left: 30px; padding: 0; list-style-image: url(/images/bullet.jpg); list-style-position: outside; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; color: #0D64A7; }
a:hover { text-decoration: none; color: #5AA145; }
a:active { text-decoration: underline; color: #5AA145; }
input.text, input.submit { border: solid 1px #76794e; color: #76794e; }
li.nobullet { list-style: none; margin-left: -20px; }
p.center { text-align: center; }
strong.quote { color: #238B28; font-size: 1.2em; display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height: 2em; margin-bottom: 30px; float: right; width: 120px; margin-left: 30px; border-left-style: dotted; border-left-width: 1px; padding-left: 15px; margin-right: -10px; text-align: left; }
strong.text { margin-left: -40px; margin-bottom: 25px; _margin-bottom: 15px; /* IE only */ display: block; margin-top: 10px; _margin-top: 15px; /* IE only */ margin-left: -45px; }
p.phone { text-align: center; color: #238B28; font-weight: bold; font-size: 1.8em; margin-left: 120px; margin-right: 120px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #238B28; }
img.phone { position: relative; top: 9px; left: -5px; }
img.floatleft { float: left; padding-right:10px; }
img.floatright { float: right; padding-left: 10px; }
div#floatcontainer { position: absolute; max-width: 1000px; max-height: 770px; background-color: #c7c790; }
div#floatright { float: right; position: relative; padding-left: 5px; padding-top: 5px; padding-bottom: 10px; right: -50px; text-align: center; max-width: 400px; }
div#floatleft { float: left; position: relative; padding-left: -50px; padding-top: 5px; padding-bottom: 10px; text-align: center; max-width: 800px; padding-right: 10px; }
ol.alpha { list-style-type: upper-alpha; }
ol ol li { color: black; font-weight: normal; font-family: serif; }
div#content-main ol ul li { font-family: serif; }
a.big { font-weight:bold; font-size: 1.2em; font-family:sans-serif; display:block; width: 770px; text-align: center; margin: 20px; margin-left: auto; margin-right: auto; line-height:1.2em; }
img.book { float: right; margin: 0 0 20px 20px; border: 1px solid black; }

/* Home Page Only */
div#home h2 { margin-left: 20px; margin-top: 20px; text-align:left; font-size:1.3em; line-height:normal; }
div#home h3 { margin-left: 20px; margin-top: 10px; text-align:left; font-size:1.2em; line-height:normal; }
div#home div#content-main { padding: 0; width: 770px; }
div#home p img.button { display: block; float: left; margin-top: 5px; margin-bottom: 10px; }
div#home p#mission { width: 290px; float: left; margin-top: 10px; margin-left: 12px; _margin-left: 5px; /* IE only */ }
div#home div#book { float: right; width: 350px; margin-left: 3px; margin-right: 20px; margin-bottom: 15px; }
div#home div#book p { margin: 0px; text-align: justify; text-justify: right; line-height: 1.5em; padding-left: 15px; padding-bottom: 20px; padding-right: 10px; border-left: dashed 1px #C1C1C1; }
#div#home div#book img#book-cover { float: left; margin-left: 5px; margin-top: -20px; width: auto; top: -15px; z-index: 0; }
div#home div.column { float: left; width: 180px; margin-left: 76px; background: repeat-y url(/images/home-col-bg.jpg); line-height: 1.3em; font-size: .9em; }
div#home div.column ul { color: #646645; margin:  0; margin-top: 5px; margin-left: 30px; margin-right: 10px; line-height: 1.3em; padding: 0; }
div#home div.column ul li.nobullet { list-style-image: none; list-style-type: none; }
div#home div.column img.title { margin-left: 5px; }
div#home div.bottom { margin: 0; background: no-repeat url(/images/home-col-bottom.jpg); background-position: bottom; height: 12px; }
div#home div.column ul img.button { margin-left: 65px; margin-top: 7px; }

/* About Us Page Only */
div#about img.bio { float:left; border-style: solid; border-width: 1px; border-color: black; margin-right: 30px; margin-bottom: 20px; }
div#about hr { margin: 0px; padding: 0px; margin-top: 20px; margin-bottom: 30px; _margin-top: -20px; /* ie only */ _margin-bottom: 0px; }
div#about p.top { float:right; text-transform: uppercase; }
div#about li { margin-bottom: 10px; }

/* Lists */
div#services ul li, ol li { font-family: sans-serif; margin-top: 20px; margin-bottom: 10px; }
ol li { font-weight: bold; font-family: sans-serif; color: #215a8d; margin-top: 10px; margin-bottom: 10px; }
ol ul li { font-weight: normal; color: black; font-family: serif; }
ol ul li strong { color: black; font-family: serif; }
ul li strong { color: black; font-size: .9em; }
ul li {margin-top:0; margin-bottom:.25em;}

/* Jump Navigation */
ol.jump li { font-size: .9em; margin: 0; color: black; font-weight: bold; margin-top: 10px; line-height: 1.5em; font-size: 1em; }
a.jump { display: block; border-top: dashed 1px; border-color: #8f908a; margin-top: 10px; }
ol.jump.nobold { font-weight: normal; }

/* Donate Page Only */
div#donate p.paypal { text-align: center; font-weight:bold; font-style: italic; }
div#donate ol li { color: black; font-weight: normal; }
div#donate table, table.bs, img.bs { border: #808364 3px solid; font-family: sans-serif; }
div#donate table th, table.bs th, table.bs td.column, table.bs tr.hlt { text-align: left; background-color: #f0efdd; }
div#donate td.left { font-weight: bold; text-align: center; padding: 0; padding: 10px; vertical-align: top; }
div#donate td.left img { margin-top: 10px; }
div#donate td { font-size: .9em; }
div#donate td, div#donate th, table.bs td, table.bs th { border: #808364 1px solid; }
ol.nobold ol li, ol.nobold ol ul li, ol.nobold li { font-weight: normal; color: black; font-family: serif; line-height: 1.5em; }
ol.nobold ol li strong, ol.nobold ol p strong, ol p { color: black; font-family: serif; font-weight: normal; }

/* Forum */
div#forum div#content-main { padding-left: 30px; }

/* Volunteer Icons */
img.vol-icon { float: left; left: -30px; clear: both; position: relative; margin-bottom: 10px; }
div#vol-icon { position: relative; margin-bottom: 10px; }
div#vol-icon p { float: right; position: absolute; bottom: 5px; }

/* Forms */
form.tc label, form.bs.contact label { display: block; margin-top: 5px; margin-bottom: 5px; }
form.tc input { margin-right: 10px; }
form.tc textarea { width: 300px; height: 60px; margin-top: 5px; margin-bottom: 5px; }
form.tc input.submit, form.bs input.submit { display: block; margin: 20px; margin-left: 0; }
form.tc.contact label { display: block; margin-top: 10px; margin-bottom: 5px; color: #666666; font-weight: bold; font-family: "Times New Roman", Times, serif; }
form.tc.contact fieldset, form.bs.contact fieldset { width: 300px; padding: 15px; padding-top: 15px; margin: 20px; }
form.tc.contact, form.bs.contact { margin: 40px; margin-top: 0; }
form.tc.contact legend, form.bs.contact legend { font-weight: bold; color: #2974b5; }
form.tc.contact input.submit, form.bs.contact input.submit, form input.submit.large { display: block; text-align: center; padding: 10px; font-weight: bold; font-size: 1em; color: #2974b5; margin-top: 20px; }
form.tc.contact label.float { float: left; }
form.tc.contact input, form.bc.contact input { display: block; margin-left: 10px; margin-bottom: 10px; }
form.tc.contact textarea { width: 170px; }

/* Brain States Survey */
form.bs ul li { margin-top: 15px; margin-bottom: 5px; list-style: upper-alpha; list-style-image: none; font-weight: bold; }
form.bs ul ul li { margin: 0; list-style: decimal; font-weight: normal; margin-top: 7px; list-style-image: none; }
form.bs ul div.listbox li { list-style-image: url(/images/bullet.jpg); }
form.bs ul ul li select { display: block; }
a.button { color: #333333; /*#2974b5*/ background-color: #66FFFF; border: solid 1px; text-decoration: none; padding: 10px; font-weight: bold; display: block; width: 150px; margin: 10px; }
form.bs label input, form.bs label textarea { display: block; margin-bottom: 15px; margin-top: 7px; }
form.bs.contact textarea { width: 300px; height: 100px; }
form.bs.contact input.wide { width: 300px; }
table.bs { border-collapse: collapse; font-size: 12px; margin-left: -15px; margin-right: -25px; margin-top: 20px; }
table.bs th { font-weight: bold; }
table.bs td, table.bs th { padding: 5px; text-align: center; line-height: 1.2em; }
table.bs strong { color: black; font-style: italic; }
div.listbox { border:solid 1px; padding: 10px; margin-top:  20px; margin-bottom: 10px; }
div.listbox p { margin: 0; }
table.key2 td { vertical-align: top; padding: 15px; padding-left: 0; }

/* Other */
p#disclaimer { clear: both; line-height: 1; font-family: serif; font-size: .9em; margin: 0px 40px 20px 40px; text-align: center; padding-top: 20px; }
ul.links li { margin-bottom:15px; }

/* Agreement Page*/
div#agreement p { text-align:left; line-height:115%; }
div#agreement h1 { text-align:center; color:#000000; }
div#agreement h2 { text-align:center; font-weight:bold; color:#000000; }
div#agreement h3 { text-align:center; font-weight:bold; color:#000000; }
div#agreement h4 { text-align:center; font-weight:bold; color: #4F81BD; }
div#agreement ol { text-align:left; }
div#agreement strong { font-weight:bold; color:#000000; }
div#agreement.color ol li { text-align:left; font-size:.9em; color: #215A8D; }
div#agreement ol li, div#agreement ul li, div#agreement blockquote { font-family:inherit; text-align:left; color: #000000; font-weight:normal; }

/* Agreement Page*/
#vidList li { margin-top:0; margin-bottom:3px; }

/* Printing */
body.print { background-color: white; text-align: left; }

