/*
Title:  Asperger Syndrome Education Network - ASPEN 
Author:  Tome Wilson - tome@creativewebgroup.net
Last Updated:  August 5, 2008
*/

/* ---[ css reset ]--------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1; color: #000; background: #fff}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0}
td {padding: 6px; border: 1px solid #ccc}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after,q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.l {float: left}
.r {float: right}
.clear {clear: both}


/* ---[ structure ]--------------------- */

html, body {background: #fffdf2 url(images/shell/background.jpg) repeat-y; min-width: 540px}

#header {height: 133px; width: 100%; background: #005652 url(images/shell/top/background.jpg) repeat-x}
#header .logo {float: left}
#header .photo {float: right}

#container {width: 100%; font-family: tahoma, arial, helvetica, sans-serif; color: #000; font-size: 11px; line-height: 1.4em; clear: both}

#navigation {width: 235px; height: 641px; padding-top: 8px; background: transparent url(images/shell/navigation/background.jpg) repeat-y; display: block}
#navigation ul {padding: 0; margin: 0}
#navigation li {padding: 0; margin: 0; height: 31px; width: 235px; display: block; background: transparent url(images/shell/navigation/button.gif) no-repeat;}

#navigation #buttons {font-size: 12px}
#navigation #buttons a:link {text-decoration: none; color: #000; display: block; padding: 6px}
#navigation #buttons a:visited {text-decoration: none; color: #000; display: block; padding: 6px}
#navigation #buttons a:hover {text-decoration: none; color: #fff; display: block; padding: 6px 6px 6px 12px; background: transparent url(images/shell/navigation/button2.gif) no-repeat}
#navigation #buttons a:active {text-decoration: none; color: #fff; display: block; padding: 6px 6px 6px 12px; background: transparent url(images/shell/navigation/button2.gif) no-repeat}

#navigation #contact {height: 88px; width: 188px; background: transparent url(images/shell/navigation/contact.gif) no-repeat; padding: 14px 0 0 47px; font-size: 11px; line-height: 14px}

#navigation #search {margin-top: 6px}
#navigation #search .box {height:  16px; width: 140px; padding: 4px; border: 2px solid #005652; border-left: 0; background: #fff; font-size: 13px; float: left}
#navigation #search .button {height: 28px; width: 52px; margin-left: 8px; padding: 0 0 0 1px; border: 2px solid #005652; background: #fff; font-size: 11px; font-weight: bold; float: left; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #005652}

#navigation #rss {position: relative; top: 11px; clear: both; text-align: center; width: 220px}
#main {position: absolute; left: 250px; top: 142px}

#content {margin-right: 15px; font-size: 12px; letter-spacing: 1px; line-height: 1.5em}
#print-logo {display: none}

#footer {border-top: 2px solid #005652; text-align: center; color: #005652; font-size: 9px; font-family: verdana; letter-spacing: 0; clear: both;}



/* ---[ content style ]--------------------- */

p {margin: .25em 0 1em 0}
.center {text-align: center}

ul {padding: 0; margin: .25em 0 1em 30px; list-style-type: circle}
ul ul {padding: 0; margin: .25em 0 -.25em 30px}
ol {padding: 0; margin: .25em 0 1em 30px; list-style-type: decimal}
ol ol {padding: 0; margin: .25em 0 -.25em 30px}
li {padding: 4px}

.photoL {float: left; clear: left; margin: 0 10px 4px 0}
.photoR {float: right; clear: right; margin: 0 0 4px 10px}

.border {border: 1px solid #000}
.cell {padding: 6px 0}
.zebra {background-color: #efefef; border: 1px solid #ccc}

small {font-size: 9px}

.pdf {background: transparent url(images/icons/pdf.gif) no-repeat right top; padding-right: 12px}
.updated {font-weight: bold}

a:link {text-decoration: none; color: #dd6e00}
a:visited {text-decoration: none; color: #dd6e00}
a:hover {text-decoration: underline; color: #000}
a:active {text-decoration: none; color: #dd6e00}


/* ---[ other resources ]--------------------- */

#organizations .name {font-weight: bold; display: block}
.ul3col {display: block; width: 150px; float: left}


/* ---[ hr ]--------------------- */

.hrg {border-top: 1px dashed #005652; font-size: 1px; margin: 1em 0}
.hrp {border-top: 1px dashed #dd6e00; font-size: 1px; margin: 1em 0}
.hr {border-top: 1px dashed #ccc; font-size: 1px; margin: 1em 0}


/* ---[ colors ]--------------------- */

.g {color: #005652 !Important}
.lg {color: #567600 !Important}
.alert {color: #dd6e00 !Important}
.k {color: #000 !Important}
.w {color: #fff !Important}


/* ---[ headers ]--------------------- */

h1 {font-size: 24px; font-weight: 400; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #005652; border-bottom: 2px solid #ccc; padding-bottom: .25em; margin-bottom: .5em}
h2 {font-size: 18px; font-weight: bold; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #5c311b; margin: .5em 0 .25em 0}
h3 {font-size: 14px; font-weight: bold; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #567600; margin: .5em 0 .25em 0}
h4 {font-size: 15px; font-weight: bold; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #005652; margin: .5em 0 .25em 0}
h5 {font-size: 17px; font-weight: bold; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #000; margin: .5em 0 .25em 0; border-bottom: 2px solid #ccc; padding-bottom: .25em; margin-bottom: 1em}
h6 {font-size: 16px; font-weight: bold; font-family: Century Gothic, Tahoma, Sans-Serif; letter-spacing: 1px; color: #005652; margin: 0 0 0 8px; padding: 0; line-height: 15px}


/* ---[ roundbox ]--------------------- */

.roundbox {margin: 0 15px .25em 0}
.roundbox p {margin: 0 8px; padding: .25em 0}
.roundbox ul {margin: 0 0 0 20px; padding: .25em 0 .5em 0}

.boxtop {background: #fff url(images/shell/box/dot.gif) 0 0 repeat-x}
.boxbottom {background: url(images/shell/box/dot.gif) 0 100% repeat-x}
.boxleft {background: url(images/shell/box/dot.gif) 0 0 repeat-y}
.boxright {background: url(images/shell/box/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/shell/box/bl.gif) 0 100% no-repeat}
.br {background: url(images/shell/box/br.gif) 100% 100% no-repeat}
.tl {background: url(images/shell/box/tl.gif) 0 0 no-repeat}
.tr {background: url(images/shell/box/tr.gif) 100% 0 no-repeat; padding: 10px}

.roundbox h2 {font-size: 18px; font-weight: bold; font-family: Century Gothic, Tahoma; letter-spacing: 1px; color: #005652; margin: 0 8px; padding: .25em 0}
.roundbox h3 {font-size: 14px; font-weight: bold; font-family: Century Gothic, Tahoma; letter-spacing: 1px; color: #005652; margin: 0 10px; padding: .25em 0}
.roundbox h4 {font-size: 15px; font-weight: bold; font-family: Century Gothic, Tahoma; letter-spacing: 1px; color: #005652; margin: 0 8px; padding: .25em 0}

.roundbox .hrg {border-top: 1px dashed #005652; font-size: 1px; margin: 8px 8px}
.roundbox .hrp {border-top: 1px dashed #005652; font-size: 1px; margin: 8px 8px}
.roundbox .hr {border-top: 1px dashed #ccc; font-size: 1px; margin: 8px 8px}


/* ---[ form ]--------------------- */

.form {border: 2px solid #005652; padding: 3px; width: 124px}
.button {border: 2px solid #005652; color: #005652; background: #fff; padding: 2px; font-size: 11px; font-family: arial, helvetica, sans-serif; font-weight: bold}



/* ---[ rss feed on the news page ]--------------------- */

ul.rss_items {list-style: none; margin: 0; padding: 0}