/* -----------------------------------
			
		  ArlingtonTX.com 
	 ~ screen.css stylesheet ~
		  
   ----------------------------------- */

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: Arial, Verdana, sans-serif;
	background-color: #4f1616;
	color: #ffffff;
}

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

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
form fieldset 	{ border: none; }
form legend 	{ display: none; }
ul 				{ list-style: none; }
a:link,
a:visited		{ color: #450808; }
a:hover 		{ color: #252525; }

h2 {
	margin: 5px 0 15px 0;
	font-size: 160%;
	font-family: Georgia, Times, serif;
	font-weight: lighter;
	/*color: #4e1616;*/
	color: #4e1616;
}

h3 {
	margin: 15px 0;
	font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color: #a8713a;
}

h4 {
	margin: 5px 0 5px 0;
	font-size: 120%;
	font-family: Georgia, Times, serif;
	/*color: #4e1616;*/
	color: #4e1616;
}

/* -----------------------------------
			 Layout Styles
   ----------------------------------- */

div.wrapper { width: 100%; }

#header,
#nav,
#content,
#footer { width: 850px; margin: 0 auto; }

#header { width: 900px; padding-right: 50px; }

#header-container {
	height: 281px;
	background: #aab2b6 url('/images/header/background.jpg') repeat-x 0 0;
}
#nav-container {
	background-color: #621616;
	border-top: 1px solid #551010;
}
#content-container {
	padding: 20px 0 40px 0;
	background-color: #ffffff;
	border-bottom: 1px solid #520e0e;
	color: #000;
}
#footer-container {
	padding: 20px 0;
	border-top: 20px solid #651818;
}

/* -----------------------------------
			 Header Styles
   ----------------------------------- */

a#logo {
	display: block;
	width: 322px;
	height: 281px;
	float: left;
	background: url('/images/header/logo.jpg') no-repeat 0 0;
	text-indent: -9000px;
}

div#top-nav {
	background-color: #621616; /* old color #efefef */
	width: 578px;
	height: 30px;
	float: right;
}

div#top-nav ul { 
	float: left; 
	padding: 5px 0 0 5px;
}
div#top-nav ul li {
	float: left;
	padding: 0 15px 0 5px;
	background: none; 
}
div#top-nav ul li.last { background: none; }
div#top-nav ul li a:link,
div#top-nav ul li a:visited {
	color: #ccc; /* old color #3d3d3d */
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
}
div#top-nav ul li a:hover { color: #ffffff; }
div#top-nav ul li a:active { color: #000000; }

form#search { padding: 3px 10px 0 0; float: right; }
input#search-text { width: 220px; }

/* -----------------------------------
			 Carousel Styles
   ----------------------------------- */

#carousel-mask {
	overflow: hidden;
	position: relative;
	float: right;
	width: 578px;
	height: 251px;
}

.carousel {
	position: relative;
	width: 578px;
	clear: both;
}

ul#marquee-slideshow 			{ width: 578px; }
ul#marquee-slideshow li 		{ float: left; }
ul#marquee-slideshow li.active 	{ display: block; }

ul#marquee-slideshow-handles {
	position: absolute;
	bottom: 10px;
	left: 20px;
}
ul#marquee-slideshow-handles li {
	float: left;
	height: 4px;
	width: 4px;
	padding: 5px;
	margin-right: 5px;
	text-indent: -9000px;
	background-color: #333;
	border: 1px solid #9db0bc;	
	color: #ffffff;
}
ul#marquee-slideshow-handles li.active { 
	height: 4px;
	width: 4px;
	background-color: #e4eaef;
	color: #000000;
}

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

ul#main-nav {
	float: left;
	padding: 10px 0 0 260px;
	margin: 0;
}
ul#main-nav li {
	float: left;
	padding: 0 20px 15px 20px;
}
ul#main-nav li.active {
	background: url('/images/header/nav-active.gif') no-repeat center bottom;
}
ul#main-nav li a {
	font-size: 110%;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

ul#main-nav ul { 
	position: absolute;
	width: 220px;
	left: -999em;
	margin-top: 15px;
	padding: 0 0 5px 0;
	background-color: #621616;
	border-left: 3px solid #2b0004;
	border-bottom: 2px solid #520e0e;
}

ul#main-nav ul li {
	float: none;
	padding: 0;
}

ul#main-nav ul a {
	font-size: 95%;
	font-weight: 100;
	text-transform: none;
	display: block;
	padding: 5px 3px 5px 8px;
}

ul#main-nav ul a:hover {
	background-color: #2b0004;
}

ul#main-nav li:hover ul, 
ul#main-nav li.sfhover ul {
	left: auto;
}

ul#main-nav ul ul {
	position: relative;
	border: none;
	margin-top: 0;
	padding: 0;
	background-color: #490505;
	border-top: 1px solid #310202;
}
ul#main-nav ul ul li a {
	padding-left: 23px;
}

/* -----------------------------------
				Content
   ----------------------------------- */

p { line-height: 140%; margin-bottom: 15px; }

.col1-1,
.col2-1,
.col2-2,
.col2lg-1,
.col2lg-2,
.col2lgr-1,
.col2lgr-2,
.col3-1,
.col3-2,
.col3-3,
.col3lgc-1,
.col3lgc-2,
.col3lgc-3,
.col3lgl-1,
.col3lgl-2,
.col3lgl-3,
.col3smr-1,
.col3smr-2,
.col3smr-3,
.col1-4,
.col2-4,
.col3-4,
.col4-4 {
	float: left;
	padding: 0 5px;
}

.col1-1 { width: 840px; float: none; }

.col2-1,
.col2-2 { width: 405px; padding: 0 10px; }

.col2lg-1 { width: 615px; padding: 0 10px; }
.col2lg-2 { width: 202px; }

.col2lgr-1 { width: 202px; padding: 0 10px; }
.col2lgr-2 { width: 615px; }

.col3-1,
.col3-2,
.col3-3 { width: 263px; padding: 0 10px; }

.col3lgc-1 { width: 202px; }
.col3lgc-2 { width: 394px; padding: 0 10px; }
.col3lgc-3 { width: 202px; }

.col3lgl-1 { width: 394px; padding: 0 10px; }
.col3lgl-2 { width: 202px; }
.col3lgl-3 { width: 202px; }

.col3smr-1,
.col3smr-2 { width: 293px; padding: 0 10px; }
.col3smr-3 { width: 202px; }

.col1-4,
.col2-4,
.col3-4,
.col4-4 { width: 202px; }

img.arlington-heading { 
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}

img.photo-banner {
	display: block;
	border: 1px solid #f8ecdb;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 15px;
}

ul.list { 
	margin-bottom: 15px; 
	padding-left: 5px;
}
ul.list li {
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 110%;
}

ul.bullet-star-red li 	{ background: url('/images/bullets/star-red.gif') no-repeat 0 2px; }
ul.bullet-star-grey li 	{ background: url('/images/bullets/star-grey.gif') no-repeat 0 2px; }

ul.list span {
	display: block;
	font-weight: bold;
}

ul.submenu ul { 
	position: absolute;
	width: 200px;
	left: -999em;
	margin-top: 0px;
	padding: 0 0 5px 0;
	background-color: #621616;
	border-left: 3px solid #2b0004;
	border-bottom: 2px solid #520e0e;
}

ul.submenu ul li {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}

ul.submenu ul a {
	font-size: 95%;
	font-weight: 100;
	text-transform: none;
	text-decoration: none;
	display: block;
	padding: 5px 3px 5px 8px;
	color: #ffffff;
}

ul.submenu ul a:hover {
	background-color: #2b0004;
}

ul.submenu li:hover ul, 
ul.submenu li.sfhover ul {
	left: auto;
}

div#special-notice {
	background: #efefef url('/images/headings/special-notice.gif') no-repeat 0 0;
	border: 1px solid #B08A8A;
	padding: 15px 10px 10px 125px;
	margin-bottom: 15px;
	font-weight: bold;
}

table.dataset { width: 80%; }
table.dataset td { width: auto; padding: 5px; }
table.dataset tr.odd td { background-color: #ffe8c4; }

/* -----------------------------------
		    Calendar Widget
   ----------------------------------- */

.calendarBG {
	margin: 0 auto;
}
.calendarHeader th { 
	text-align: center; 
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
.calendarHeader th a {
	text-decoration: none;
	font-size: 130%;
}
.calendarBG td { text-align: center; }

td.calendarDayHeading {
	font-weight: bold;
	font-family: Georgia, Times, serif;
}
td.calendarDayHeading,
td.calendarCellEmpty,
td.calendarCell a,
td.calendarBlank { padding: 5px 7px; }

td.calendarCell a {
	background-color: #ffe8c4;
	font-weight: bold;
}
td.calendarToday,
td.calendarToday a {
	background-color: #252525;
	color: #fff;
	font-weight: bold;
}
td.calendarBlank { color: #999; }

div.community_event {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}






.bigCal {
	width: 840px;
	margin: 0 auto;
	border-collapse:collapse;
}
.bigCal .calendarHeader th { 
	width: 120px;
	text-align: center; 
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
.bigCal .calendarHeader th a {
	text-decoration: none;
	font-size: 130%;
}
.bigCal td { 
	width: 120px; 
	text-align: left; 
	vertical-align: top; 
    border-collapse:collapse;
    min-height: 110px;
}

.bigCal td.calendarDayHeading {
	font-weight: bold;
	font-family: Georgia, Times, serif;
	border-bottom: 1px solid #666;
}
.bigCal td.calendarCell,
.bigCal td.calendarDayHeading,
.bigCal td.calendarCellEmpty,
.bigCal td.calendarBlank { padding: 5px 7px; width: 106px; }

.bigCal td.calendarCell,
.bigCal td.calendarCellEmpty,
.bigCal td.calendarBlank { 
	border: 1px solid #999;
	height: 80px; 	
}

.bigCal td.calendarCell a {
	font-weight: bold;
	background: none;
}
.bigCal td.calendarToday,
.bigCal td.calendarToday a {
	background-color: #252525;
	color: #fff;
	font-weight: bold;
}
.bigCal td.calendarToday a { background: none; }
.bigCal td.calendarContent { background-color: #ffe8c4; font-weight: bold; }
.bigCal td.calendarBlank { color: #999; }

.bigCal div.community_event {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}

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

ul#sponsors {
	width: 668px;
	margin: 0 96px 20px 96px;	
}
ul#sponsors li {
	float: left;
	padding: 0 20px;
}
ul#sponsors li a {
	display: block;
	height: 59px;
	text-indent: -9000px;
}

li.sponsor-gm a { width: 59px; height: 59px; background: url('/images/sponsors/sponsors-gm.gif') no-repeat 0 0; }
li.sponsor-chase a { width: 149px; height: 59px; background: url('/images/sponsors/sponsors-chase.gif') no-repeat 0 0; }
li.sponsor-siemens a { width: 150px; height: 59px; background: url('/images/sponsors/sponsors-siemens.gif') no-repeat 0 0; }
li.sponsor-swsecurities a { width: 150px; height: 59px; background: url('/images/sponsors/sponsors-swsecurities.gif') no-repeat 0 0; }

ul#footer-nav { 
	padding: 5px 0 0 5px;
	margin-left: 100px;
}
ul#footer-nav li {
	float: left;
	padding: 0 15px 0 5px;
}
ul#footer-nav li.last { background: none; }
ul#footer-nav li a:link,
ul#footer-nav li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
}
ul#footer-nav li a:hover { color: #efefef; }
ul#footer-nav li a:active { color: #ffffff; }

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

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.center			{ text-align: center; }
img.left		{ margin: 0 10px 10px 0; }
img.right		{ margin: 0 0 10px 10px; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.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 */