@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);

/*
	Site: 943px
	Gutters: W:15px H:12px (0.75em) 
	Panel padding: 12px (0.75em)
	Font sizes: 40px (2.5em), 18px (1.125em), 14px (0.875em), 12px (0.75em), 11px (~0.7em), 10px (0.625em)
	Columns:
		Content header: 197px
		Content related: 197px
		Main Content: 731px

*/

@media screen {

	/* =smws-events */
	
		body { background: #160E19 url(/release/images/layout/body-bg.gif) 0px 22px repeat-x; }
		
	/* =site-information */
	
		div#site-information { background: #07110a; border-bottom: 2px solid #a6854b; }
		div#site-information p { text-indent: -13337px; position: absolute; width: 200px; }
		div#site-information ul#information { width: 943px; margin: 0 auto; overflow: hidden; text-align: right; font-size: 0.7em; }
		div#site-information ul#information li { 
			line-height: 2.8em; display: inline; padding: 0 3px 0 14px; background-repeat: no-repeat;
			background-position: 0 0.45em; background-image: url(/release/images/icons/bullet.gif); 
		}
		div#site-information ul#information li.first { background: transparent; }
		div#site-information ul#information li a,
		div#site-information ul#information li span
		{ color: #f6e8c5; font-style: normal; text-decoration: none; }
		div#site-information ul#information li a:hover,
		div#site-information ul#information li a:active,
		div#site-information ul#information li a:focus,
		div#site-information ul#information li span
		{ text-decoration: underline; }
			
	/* =content */
	
		div#content { overflow: hidden; width: 955px; margin: 0 auto; position: relative; padding-left: 12px; }
		
	/* =content-header */
	
		div#content div#content-header { width: 207px; padding-right: 5px; float: left; }
		div#content div#content-header p#branding { margin: 18px 0 25px -10px; }
		div#content div#content-header p#branding a { width: 201px; height: 3.7em; }
		div#content div#content-header p#branding span { background-image: url(/release/images/branding.gif); }
			
		/* =primary-navigation */
		
		div#content div#content-header ul#primary-navigation { padding-bottom: 30px; }
		div#content div#content-header ul#primary-navigation li { padding: 0 0 5px 0; font-size: 0.875em; }
		div#content div#content-header ul#primary-navigation li.last { padding: 0 0 2px 0;  }
		div#content div#content-header ul#primary-navigation li ul { padding: 6px 0 0 12px; }
		div#content div#content-header ul#primary-navigation li a,
		div#content div#content-header ul#primary-navigation li span
		{ color: #ddb366; text-decoration: none; }
		div#content div#content-header ul#primary-navigation li a:hover,
		div#content div#content-header ul#primary-navigation li a:focus,
		div#content div#content-header ul#primary-navigation li a:active, 
		div#content div#content-header ul#primary-navigation li span
		{ color: #FFFFFF; }
		div#content div#content-header ul#primary-navigation li ul li ul li { font-size: 1em; }
	
	/* =content-main */

		div#content div#content-main { 
			width: 731px; float: right; position: relative;
			background-color: #dbad66; 
		}
		
		div#content div#content-main div#copy {
			background-color: #d89e4f; position: relative;
			background-repeat: no-repeat; background-position: top left; padding-bottom: 0.75em;	
			background-image: url(/release/images/pages/default.jpg);
			height: auto !important; height: 730px; min-height: 730px; 
		}
		
		div#content div#content-main div#copy img.text { display: block; }
		
		div#content div#content-main div#quicklinks {
			width: 731px; overflow: hidden; background-repeat: repeat-x; padding: 10px 0 30px 0;
			background-position: top left; background-image: url(/release/images/layout/quicklinks-bg.gif);
		}
		
		div#content div#content-main div#quicklinks div.quicklink-panel {
			width: 137px; float: left; padding: 0 30px 0 11px; border-right: 1px solid #e7d2b0;
			border-left: 1px solid #deb261; font-family: "Trebuchet MS", Sans-Serif;
		}
		
		div#content div#content-main div#quicklinks div.first { border-left: 0; }
		div#content div#content-main div#quicklinks div.last { border-right: 0; }
		
		div#content div#content-main div#quicklinks div.quicklink-panel ul { font-size: 0.7em; list-style-type: none; padding: 0; }
		div#content div#content-main div#quicklinks div.quicklink-panel ul li { padding: 0 0 0 0; }
		div#content div#content-main div#quicklinks div.quicklink-panel h3 { font-size: 0.7em; padding: 0 0 0.3em 0; color: #2a1b2c; }
		div#content div#content-main div#quicklinks div.quicklink-panel ul li a { font-style: normal; text-decoration: none; color: #2a1b2c; }
		div#content div#content-main div#quicklinks div.quicklink-panel ul li a:active,
		div#content div#content-main div#quicklinks div.quicklink-panel ul li a:hover,
		div#content div#content-main div#quicklinks div.quicklink-panel ul li a:focus
		{ text-decoration: underline; }

	/* =content-related */
	
		div#content div#content-related { width: 197px; padding-right: 15px; float: left; padding-bottom: 6px; overflow: hidden; }
		
		div#content div#content-related div.subscribe p { font-family: "Trebuchet MS", Sans-Serif; font-size: 0.625em; line-height: 1.2em; }
		div#content div#content-related div.subscribe a { color: #FFFFFF; font-style: italic; }
		div#content div#content-related div.subscribe a.email { font-style: normal; }
		div#content div#content-related div.subscribe a:hover,
		div#content div#content-related div.subscribe a:active,
		div#content div#content-related div.subscribe a:focus
		{ text-decoration: none; }
		
		/* =contact-panel */
		
		div#content div#content-related div#contact-panel {
			padding: 11px 10px 10px 10px; background-color: #3c2a3e; 
			background-repeat: no-repeat; background-position: right top; 
			background-image: url(/release/images/layout/panel-telephone.gif);
			color: #FFFFFF;	margin-top: 6px; float: left; width: 177px;
		}
		
		div#content div#content-related div#contact-panel h3 { font-size: 0.7em; font-style: italic; margin: 0 0 0.8em 0; }
		div#content div#content-related div#contact-panel p { width: 110px; margin: 0 0 0.1em 0; }
		div#content div#content-related div#contact-panel p.cta { margin: 0 0 0.8em 0; }
		
		/* =contact-signup */
		
		div#content div#content-related div#contact-signup {
			padding: 10px; background-color: #3c2a3e; color: #FFFFFF; display: block;
			background-repeat: repeat-x; background-position: left top; float: left; margin-bottom: 6px;
			background-image: url(/release/images/layout/panel-bg-subscribe.gif); width: 177px;
		}
		
		div#content div#content-related div#contact-signup h3 { font-size: 0.7em; font-style: italic; margin: 0 0 0.2em 0; }
		div#content div#content-related div#contact-signup p.error { padding-top: 6px; color: #b23d34; padding-right: 20px;}
		div#content div#content-related div#contact-signup form { padding: 0.7em 0 0.2em 0; }
		div#content div#content-related div#contact-signup form label span { color: #FFFFFF; }
		div#content div#content-related div#contact-signup form input { width: 95%; border-color: #3d2a3e; background: #FFFFFF; }
		div#content div#content-related div#contact-signup form input.submit { position: relative; right: 3px; background-image: url(/release/images/assets/button-panel.png); width: 76px; }
		
		/* =corporate-membership */
		
		div#content div#corporate-membership {
			padding: 10px; background-color: #6b5830; color: #FFFFFF; 
			width: 177px; float: left; 
		}
		
		div#content div#corporate-membership p { font-family: "Trebuchet MS", Sans-Serif; font-size: 0.7em; line-height: 1.2em; padding-top: 0.8em; }
		div#content div#corporate-membership a { color: #FFFFFF; font-style: italic; }
		div#content div#corporate-membership a.email { font-style: normal; }
		div#content div#corporate-membership a:hover,
		div#content div#corporate-membership a:active,
		div#content div#corporate-membership a:focus
		{ text-decoration: none; }
		
		div#content div#corporate-membership h3 { font-size: 0.7em; font-style: italic; margin: 0 0 0em 0; }
		
	/* random related */

		div#content div.related {
			padding: 8px 10px 10px 10px; background-color: #e3bb7e; color: #392739; 
			width: 177px; float: left; 
			background-repeat: repeat-x;
			background-position: top left;
			background-image: url(/release/images/layout/panel-bg-dynamic.gif);
		}
		
		div#content div.quote { padding-top: 0.2em; }
		
		div#content div.related p { font-family: "Trebuchet MS", Sans-Serif; font-size: 0.7em; line-height: 1.2em; padding-top: 0.5em; }
		div#content div.related a { color: #392739; font-style: italic; }
		div#content div.related a.email { font-style: normal; }
		div#content div.related a:hover,
		div#content div.related a:active,
		div#content div.related a:focus
		{ text-decoration: none; }
		
		div#content div.related h3 { font-size: 0.7em; font-style: italic; margin: 0 0 0em 0; line-height: 1.2em; }
		div#content div.related strong { display: block; padding-top: 4px; }
		
		div#content div.who { background: transparent; padding: 10px 0 10px 0; width: 181px }
		div#content div.who h3,
		div#content div.who p,
		div#content div.who a
		{ color: #FFFFFF; }
		
		div#content div.who p { line-height: 1.3em; padding-top: 0.3em; }
		div#content div.who h3 { line-height: 1.1em; }

}