/* -----------------------------------
			
		 Arlington Arts Alliance
		~ screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Georgia, Times, serif;
	background-color: #7f7260;
	color: #fff;
}

html>body {
	font-size: small; 	/* for Opera */
}

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
a img,
form fieldset { border: none; }
form legend { display: none; }
a { color: #fbb600; }
a:hover { color: #fff; }

div.content-wrapper {
	width: 735px;
	margin: 0 auto;
}

/* -----------------------------------
			   Navigation
   ----------------------------------- */

div#nav {
	width: 100%;
	height: 119px;
	background: url('/images/masthead/bkgd-nav.gif') repeat-x 0 0;
	border-bottom: 3px solid #ffc220;
	position: relative;
}

div#nav div.content-wrapper { position: relative; }

h1#logo {
	position: absolute;
	top: 20px;
	left: 38px;
	width: 116px;
	height: 221px;
	background: url('/images/logo/arlington-arts-alliance.png') no-repeat 0 0;
	text-indent: -9000px;
	z-index: 30;
}

ul.main-nav {
	float: left;
	margin-left: 180px;
	margin-top: 50px;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	letter-spacing: -0.03em;
	display: inline;
}

ul.main-nav li {
	float: left;
	margin-right: 16px;
}
ul.main-nav li a {
	display: block;
	float: left;
	background-color: transparent;
	padding: 9px;
	text-decoration: none;
	color: #fff;
	font-weight: lighter;
}
ul.main-nav li a:hover {
	background-color: #352b2a;
	padding: 8px;
	border: 1px solid #ffc220;
}

#pageHome li.nav-home a,
#pageAbout li.nav-about a,
#pageNews li.nav-news a,
#pageGrants li.nav-grants a,
#pageDonations li.nav-donations a,
#pageContact li.nav-contact a {
	background-color: #352b2a;
	padding: 8px;
	border: 1px solid #ffc220;
}

/* -----------------------------------
		  Masthead - Home Only
   ----------------------------------- */
   
#pageHome div#masthead { 
	width: 100%; 
	height: 425px;
}

#pageHome div#masthead h2.masthead-header { display: none; }
#pageHome div#masthead p.masthead-text {
	width: 735px;
	height: 425px;
	text-indent: -9000px;
}

div.masthead-mask 		{ background: #8f3109 url('/images/masthead/bkgd-mask.jpg') no-repeat top center; }
div.masthead-clarinet 	{ background: #8f3109 url('/images/masthead/bkgd-clarinet.jpg') no-repeat top center; }
div.masthead-curtain 	{ background: #8f3109 url('/images/masthead/bkgd-curtain.jpg') no-repeat top center; } 
 
div.masthead-mask p.masthead-text		{ background: #8f3109 url('/images/masthead/mask.jpg') no-repeat 0 0; }
div.masthead-clarinet p.masthead-text	{ background: #8f3109 url('/images/masthead/clarinet.jpg') no-repeat 0 0; }
div.masthead-curtain p.masthead-text	{ background: #8f3109 url('/images/masthead/curtain.jpg') no-repeat 0 0; }

/* -----------------------------------
		  	   Masthead
   ----------------------------------- */

div#masthead { 
	width: 100%; 
	height: 140px;
	background-color: #8f360e;
}

div#masthead h2.masthead-header { 
	width: 735px;
	height: 140px;
	text-indent: -9000px;
}

div.masthead-news h2.masthead-header { background: #8f360e url('/images/headers/page-header-news.gif') no-repeat right center; }
div.masthead-about h2.masthead-header { background: #8f360e url('/images/headers/page-header-about.gif') no-repeat right center; }
div.masthead-grants h2.masthead-header { background: #8f360e url('/images/headers/page-header-grants.gif') no-repeat right center; }
div.masthead-contact h2.masthead-header { background: #8f360e url('/images/headers/page-header-contact.gif') no-repeat right center; }
div.masthead-locations h2.masthead-header { background: #8f360e url('/images/uploads/page-header-locations.gif') no-repeat right center; }
div.masthead-calendar h2.masthead-header { background: #8f360e url('/images/uploads/page-header-calendar.jpg') no-repeat right center; }
   
/* -----------------------------------
				Content
   ----------------------------------- */
   
div#content {
	width: 100%;
	border-top: 3px solid #ffc220;
	background: #585149 url('/images/content/content-gradient.gif') repeat-x left bottom;
	padding: 25px 0 45px 0;
}

ul.content-3-columns {
	float: left;
	width: 735px;
	list-style: none;
}
ul.content-3-columns li {
	float: left;
	width: 245px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height: 160%;
}
ul.content-3-columns li a {
	display: block;
	float: left;
	width: 235px;
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
ul.content-3-columns li a:hover { background-color: #675f56; }

ul.content-3-columns li a img { margin-bottom: 10px; }
ul.content-3-columns li a span.sub-header {
	display: block;
	margin-bottom: 10px;
	font-size: 160%;
	font-family: "Times New Roman", Times, serif;
	color: #ffc220;
}
ul.content-3-columns li a span.continue-reading {
	display: block;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 100%;
	font-family: Georgia, Times, serif;
	letter-spacing: 0.1em;
	color: #dcb9a3;
}

#contentNews { 
	float: left;
	width: 485px; 
}
#contentNews h2.content-news-title {
	margin-bottom: 0;
	font-weight: lighter;
	font-size: 320%;
	font-family: "Times New Roman", Times, serif;
	color: #fbb600;
}
#contentNews span.content-news-date {
	display: block;
	margin-bottom: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 110%;
	color: #bfbfbf;
}
#contentNews p {
	margin-bottom: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	line-height: 180%;
	color: #fff;
}

#contentAdditional {
	float: right;
	width: 225px;
}
#contentAdditional div.additional-wrapper {
	width: 195px;
	padding: 15px 15px 10px 15px;
	background: #cfccb6 url('/images/content/additional-content-bkgd.png') no-repeat 0 0;
}
#contentAdditional h3 {
	margin-bottom: 10px;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #8f360e;
}
#contentAdditional p {
	margin-bottom: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height: 130%;
	color: #333;
}
#contentAdditional ul.additional-info {
	list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height: 140%;
}
#contentAdditional ul.additional-info li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-left: 17px;
	background: url('/images/bullets/bullet-star-reddish.gif') no-repeat 0 1px;
	border-bottom: 1px solid #b0a595;
}
#contentAdditional ul.additional-info li a {
	text-decoration: none;
	color: #333;
}
#contentAdditional ul.additional-info li a:hover {
	color: #8f360e;
}

#contentAdditional p.pointe-shoes {
	width: 225px;
	height: 348px;
	background: url('/images/content/pointe-shoes.png') no-repeat 0 0;
	text-indent: -9000px;
}

#googlemap p{
	font-family:Verdana;
        color:Black;
        background-color:White;
        border:2px solid Black;
}

/* -----------------------------------
		 About Us - The Board
   ----------------------------------- */

/* Credit to Cameron Moll who designed the technique for CSS leaders */

ul#theBoard {
	list-style: none;
}

ul#theBoard li {
	margin: 8px 0;
	padding-top: 1px;
	font: 100% Georgia, serif;
	color: #fff;
	background: url('/images/bullets/bg_dotted.gif') repeat-x 0 77% !important;
	background-position: 0 77%;  /* IE Only */
}

ul#theBoard li span.board-name {
	float: left;
	padding: 1px 3px;
	background: #585149;
}

ul#theBoard li span.board-company {
	float: right;
	padding: 1px 3px;
	background: #585149;
}

ul#theBoard li span.board-name strong {
	font-style: italic;
}

ul#theBoard li br { clear: both; }

/* -----------------------------------
				Footer
   ----------------------------------- */

div#footer {
	width: 100%;
	border-top: 2px solid #333;
	padding: 25px 0;
}

div.footer-column {
	float: left;
	width: 235px;
	margin: 0 5px;
	color: #fff;
	display: inline;
}
div.footer-column h3.footer-sub-header {
	margin-bottom: 10px;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #5ad6ff;
}
div.footer-column ul.footer-list {
	list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height: 140%;
}
div.footer-column ul.footer-list li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-left: 17px;
	background: url('/images/bullets/bullet-star.gif') no-repeat 0 1px;
	border-bottom: 1px solid #efe1cd;
}
div.footer-column ul.footer-list li a {
	text-decoration: none;
	color: #fff;
}
div.footer-column ul.footer-list li a:hover {
	color: #5ad6ff;
}
div.footer-column p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	line-height: 160%;
}

ul#footerOrgs {
	float: left;
	width: 410px;
	height: 80px;
	margin: 30px 162px 0 163px;
	list-style: none;
	display: inline;
}
ul#footerOrgs li { float: left; }
ul#footerOrgs li a { 
	display: block;
	float: left;
	height: 80px;
	text-indent: -9000px;
}

ul#footerOrgs li.org-acf a { width: 185px; background: url('/images/orgs/acf.gif') no-repeat 0 0; }
ul#footerOrgs li.org-nea a { width: 75px; background: url('/images/orgs/nea.gif') no-repeat 0 0; }
ul#footerOrgs li.org-tca a { width: 150px; background: url('/images/orgs/tca.gif') no-repeat 0 0; }

ul#footerOrgs li a:hover { background-position: 0 -80px; }

ul#footerCompanies {
	float: left;
	width: 480px;
	height: 30px;
	margin: 0 127px 0 128px;
	list-style: none;
	display: inline;
}
ul#footerCompanies li { float: left; }
ul#footerCompanies li a { 
	display: block;
	float: left;
	height: 30px;
	text-indent: -9000px;
}

ul#footerCompanies li.company-cam a { width: 250px; background: url('/images/orgs/cam.gif') no-repeat 0 0; }
ul#footerCompanies li.company-mt a { width: 230px; background: url('/images/orgs/mt.gif') no-repeat 0 0; }

ul#footerCompanies li a:hover { background-position: 0 -30px; }

p#footerCopyright {
	width: 735px;
	text-align: center;
	color: #debe96;
	font-size: 85%;
}

/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */