/*

Site: The ASCA
Site URI: theasca.org
Design: Ben Gillin
Build: David Stagg

*/


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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	} 
	
a img { border: none; }
a { outline: none; }

body {
	background: #013463 url(/images/body-bg.jpg) no-repeat top center;
	font: 14px/1.4em "Times New Roman", Times, serif;
	color: #787878;
	}

ul, ol { margin: 0 0 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; color: #022240; margin-bottom: 12px; } 
h1 { font-size: 28px; line-height: 32px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }
.titles { font-weight: bold; font-size: 18px; }
	
p { margin-bottom: 12px; }

a { color: #136ab8;  }
a:hover { text-decoration: none; }
a:active { }
a:visited { }


/* STRUCTURE */

#container { width: 960px; margin: 0 auto; }

#header { height: 155px; position: relative; z-index: 1000; }
#header #logo { padding: 20px 0 0 20px; display: block; width: 260px; }
#header #headline { font: 28px/28px "Times New Roman", Times, serif; font-weight: bold; position: absolute; left: 300px; bottom: 66px; color: #fff; text-shadow: 2px 2px 2px #333; width: 400px; }

#main-content { background: #fff url(/images/main-content-bg.jpg) repeat-y top center; }
#main-content-pad { width: 940px; margin: 0 auto; background: #fff url(/images/main-content-pad-bg.jpg) repeat-x bottom center; }

#main-content-pad #story-events { position: relative; background: #fff url(/images/main-content-pad-bg.jpg) repeat-x bottom center; margin: 0 !important; padding: 0 !important; }

/* STORIES */
#nav { position: absolute; top: 10px; right: 368px; z-index: 10; }
#nav a { background: #fff; font-weight: bold; color: #033a6b; border: none; padding: 2px 6px; margin-left: 8px; text-align: center; text-decoration: none; display: block; float: left; font-weight: normal; border: 1px solid #fff; }
#nav a:hover { background: #683091; color: #cdb4df; }
#nav a.activeSlide { background: #4e7292; color: #fff; font-weight: bold; }
#nav a:focus { outline: none; }

#main-content-pad #story-events #featured-story { display: block; width: 584px; height: 295px; float: left; overflow: hidden; }
#featured-story .story { display: block; width: 584px; height: 295px; background: none !important; overflow: hidden; }
#featured-story .story .story-info { background: transparent url(/images/story-info-bg.png) repeat top left; width: 90%; margin: -126px auto 0 auto; position: relative; z-index: 999; }
#featured-story .story h2 { padding: 10px 10px 0 10px; }
#featured-story .story h2 a, #featured-story .story p a { text-decoration: none; }
#featured-story .story h2 a { font-size: 28px; line-height: 28px; letter-spacing: -.04em; color: #fff; }
#featured-story .story h2 a:hover { color: #ebebeb; }
#featured-story .story p {  line-height: 18px; padding: 0 10px 10px 10px; margin: 0; }
#featured-story .story p a { color: #d2d2d2; }
#featured-story .story p a:hover { text-decoration: underline; }
#featured-story .story {  line-height: 18px; padding: 0 10px 10px 10px; margin: 0; }
#featured-story .story a { color: #d2d2d2; text-decoration: none; }
#featured-story .story a:hover { text-decoration: underline; }

#main-content-pad #story-events #upcoming-events { float: right; width: 325px; height: 285px; padding: 10px 10px 0 0; overflow: hidden; }
#main-content-pad #story-events #upcoming-events h2 { letter-spacing: -.04em; font-size: 36px; }

#main-content-pad #story-events #featured-event h3, #main-content-pad #story-events #featured-event p {  line-height: 16px; }
#main-content-pad #story-events #featured-event img { margin-right: 10px; }


#main-content-pad #lower { width: 880px; margin: 0 auto; padding: 20px 0 0 0; }
#main-content-pad #lower .column { background: transparent url(/images/divider.png) no-repeat top right; }
#main-content-pad #lower .row { background: transparent url(/images/row-divider.png) no-repeat bottom left; padding-bottom: 20px; margin-bottom: 20px; }

#left-col, #middle-col { float: left; }
#right-col { float: right; margin-right: 20px; }
#main-content-pad #left-col { width: 280px; margin-right: 20px; padding-right: 20px; }
#main-content-pad #middle-col { width: 265px; padding-right: 18px; }
#main-content-pad #right-col { width: 265px; margin-right: 0; background: none !important; }
#main-content-pad #left-col #become-a-member { display: block; margin: 20px 0; }

#left-col input { padding: 3px; border: 1px solid #666; }
#left-col #loginname, #left-col #loginpw { width: 250px; }
#left-col #loginsubmit { margin-top: 10px; }

#about h1 {  line-height: 18px; color: #666; }

#find-map { display: block; width: 208px; margin: 0 auto; }

#close { background: #fff url(/images/close-bg.jpg) repeat-x bottom left; height: 92px; width: 940px; margin: 0 auto; padding-bottom: 10px; }
#close h3 { float: left; width: 120px; padding: 20px 20px 0 20px; }
#close #sponsors-logos { padding-top: 10px; }

#footer { margin: 0 auto 20px auto; padding-top: 20px; background: transparent url(/images/footer-bg.jpg) repeat-x top left; width: 940px; }
#footer p, #footer a { color: #d2d2d2; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* TEMPLATE PAGES */
#main-content-pad #left-col-template { width: 600px; float: left; margin-left: 20px; }
#main-content-pad #right-col-template { padding: 20px; background: #fff url(/images/sidebar-footer.png) repeat-x bottom left; width: 250px; float: right; margin-right: 20px; color: #9b9b9b; }
#main-content-pad #right-col-template h3 { color: #00519A; }
#main-content-pad #right-col-template a { color: #4a92d2; }
#sub #main-content-pad { padding: 20px 0; }


/* = TENDENCI STYLES ****************************************************************************************/

.titles {   font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles {   font-weight: bold; color: #666666;}
.body_copy {    color:#6a6752;}
.currency {    color: #333333; text-align: right}
.bold_body_copy {    font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {    font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {    color: #000000; text-decoration: none}
.links {    color: #000;}
.copyright {    font-weight: normal; color: #CCCCCC}
.breadcrumbs {   font-size: 10px; color: #999999}
.body_copy_alerts {   color: #FF0000}
.body_copy_invert {   color: #FFFFFF}
a.yellow_body_copy {  background-color: #FFFF00;  font-size: 12px; font-style: normal; color: #000000}
.reports {   font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {  font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles {   font-weight: bold; color: #000000}
.reports_titles {  font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}

.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */