/* 
Revisions to CSS for the Arlington public web site potentially
affect four places for each environment (Dev, TEST, and Producation servers)
	
	1. Rx ephox styles drop down -  \\RYTHMYX_ROOT\rx_resources\ephox\acg_elj_config.xml
		a. in the embedded definitions nested in <editlive><document><html><head><style> 
		b. in the list for the drop down defined in <editlive><toolbar name="Format"><toolbarComboBox name="Style">
	2. For Rx preview to be accurate
		\\RYTHMYX_ROOT\web_resources\acg\css\ in the appropriate one of the following
			a. color.css
			b. positioning.css
			d. print.css
			c. typography.css
		\\RYTHMYX_ROOT\web_resources\acg\js\
			a. preferences.js  -  add any new class in order for the text-resizing buttons to work on it
	3. For published pages
		\\SITE_ROOT\css\ in the appropriate one of the following
			a. color.css
			b. positioning.css
			d. print.css
			c. typography.css
		\\RYTHMYX_ROOT\web_resources\acg\js\
			a. preferences.js -  add any new class in order for the text-resizing buttons to work on it
	4. For web forms and non-Rx pages
		\\SITE_ROOT\css\forms\form.css

REVISION HISTORY AT BOTTOM OF FILE
*/



#colNarrow {
    float: left;
    width: 22%;
    }

#homeBlurbLeft {
	float: left;
	width: 47%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#homeBlurbRight{
	float: left;
	width: 47%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
}

#homeMoreLink{
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
}

#twoColumnContainer {
	float: left;
	max-height: 425px;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.homeBlueTitle{
/* defines "Our Vision" on homepage */
	float: left;  
	margin: 0px 0px 0px  0px;
	padding: 8px 0px 0px 0px;
}

.homeVision{
	float: left;  
	width: 99%;
	margin: 0px 0px 0px  0px;
	padding: 0px 0px 0px 0px;
}

#colNarrowNav {
	float: left;
	width: 22%;
}

#colWide {
	float: left;
	width: 77%;
	margin-top: 10px;
}

#colWideGlobal {
	float: left;
	width: 77%;
}

#colWideLegacy {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#colWideNav {
	float: left;
	width: 77%;
}

#header {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#headerGlobal {
	position: relative;
	overflow: hidden;
	width: 100%;
}
    
#logo {
	float: left;
	width: 174px;
	height: 95px;
}

#audienceRow {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 0px;
}

#navigationRow {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	height:36px;
}

#searchRow {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 39px;
}

#headerIcons{
	float: right;
	margin: -24px 0px 0px 0px;
}

#gradientRow {
	height: 4px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.headerimages {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	/*  background-image:url(../images/textsmall.gif) ;  */
}

#contentMain {
	position: relative;
	top: 45px;
	overflow: hidden;
	width: 100%;
}

#heading {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
   
#heading h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#headinglb {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#headinglb h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

.headinglbTitle {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

.headinglbTitle h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}	

#headinglbTopics {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#headinglbTopics h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#headingItalic {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#headingItalic h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#headingdb {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

#headingdb h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}	

#headingSpaceHack {
	float: left;
	width: 99%;
	height: 8px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#textSection {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#text {
	float: left;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#text li {
	margin: 0px 0px 4px 30px;
	padding: 0px 0px 0px 0px;
}

#textMission {
	float: left;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
	
#textMission li {
	margin: 0px 0px 4px 30px;
	padding: 0px 0px 0px 0px;
}

#textSectionMission {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	
#textSectionNews {
	        float: left;
	        width: 99%;
	        margin: 0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;
}

#textNews {
	float: left;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
		
#textNews li {
						
	margin: 0px 0px 4px 30px;
	padding: 0px 0px 0px 0px;
}

#textSectionTopics {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#textTopics {
	float: left;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#textTopics li {
	margin: 0px 0px 4px 30px;
	padding: 0px 0px 0px 0px;
}

#blueLine {
	height: 1px;
	width: 98%;
	margin: 18px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#missionTextBold {
	float: left;
	width: 95%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contentHeader {
	width: 77%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
}

.mainText {
	float: left;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#revisionText {
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#portalMenu {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#portalMenu p {
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}


#sideMenu {
	float: left;
	width: 99%;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sideMenu p {
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

#sideMenu p.unbold {
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
#sideMenu p.indent {
	margin: 1px 0px 2px 0px;
	padding: 2px 0px 2px 10px;
}

#sideMenu p.indent2 {
	margin: 1px 0px 2px 0px;
	padding: 2px 0px 2px 20px;
}


#sideMenu a.sm {
	margin: 1px 0px 2px 0px;
	padding: 2px 0px 2px 20px;
}

#sideMenu a.sm2 {
	margin: 1px 0px 2px 0px;
	padding: 2px 0px 2px 10px;
}

#sideMenu a.sm3 {
	margin: 1px 0px 2px 0px;
	padding: 2px 0px 2px 20px;
}



/* slyons added new upcoming events  */

#grdEvents {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}


#upe{
	float: left;
	width: 99%;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#upe p.heading {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}

#upe p {
	/*word-wrap:break-word;*/
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}

#upe_wide{
  float: left;
	width: 97%;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
#upe_wide p.heading {
        float: left;
	width: 99%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#upe_wide p {
	/*word-wrap:break-word;*/
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 20px;
}

#eventwrapper{
padding: 0px 0px 0px 0px;
}


#eventwrapper div.event, #eventwrapper div.eventdesc {
padding: 0px 0px 0px 20px;
}

div.event  {
	/*word-wrap:break-word;*/
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 8px;
}

div.eventdesc  {
	/*word-wrap:break-word;*/
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 8px;
	
	

}



div.separator{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 5px;
	border-bottom: 1px solid #000000;
}

div.calendarlink {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;

	}
	
/* end addition of calendar events slyons **/


#otp{
	float: left;
	width: 99%;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#otp p.heading {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}

#otp p {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}

.gid, .relatedResources, .relatedEvents, .other {
	float: left;
	width: 99%;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.gid p.heading,  .relatedResources p.heading, .relatedEvents p.heading, .other p.heading {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}

.gid p,.relatedResources p,.relatedEvents p, .other p {	
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
}
       

#footer {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#footerTop {
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}
#footerBottom {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}


div.float {
/*  http://www.alistapart.com/articles/practicalcss/ : line up image/caption pairs but allow them to wrap across the browser window  */
  float: left;
}
  
div.float p {
/*  http://www.alistapart.com/articles/practicalcss/ : line up image/caption pairs but allow them to wrap across the browser window  */
   margin: 5px;
   text-align: center;
}
  
.buffer {
   margin: 15px;
}

div.container {
/* http://www.alistapart.com/articles/practicalcss/ : group sets visually with a background and/or border */
  border: 2px dashed #333;
  background-color: #ffe;
}

div.spacer {
/* http://www.alistapart.com/articles/practicalcss/ : placed in container along with float elements to keep background and borders in place */
  clear: both;
}


/* adapted from http://rjohara.net/rjo.css */
/* Figure-divs and their supporters */

div.figure { border: thin solid silver; }

div.full { width: 90%; padding: 10px; margin: 0.63em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
div.half { width: 50%; padding: 10px; margin: 0.63em 0.44em; }
div.third { width: 33%; padding: 10px; margin: 0.63em 0.44em;  }
div.quarter { width: 25%; padding: 5px; margin: 0.63em 0.5em; }
div.fifth { width: 20%; padding: 5px; margin: 0.63em 1%; }

.full { width: 90%; padding: 10px; margin: 0.63em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.63em 0.44em; }
.third { width: 33%; padding: 10px; margin: 0.63em 0.44em;  }
.quarter { width: 25%; padding: 5px; margin: 0.63em 0.44em; }
.fifth { width: 20%; padding: 5px; margin: 0.63em 1%; }

div.figure img { width: 100%; margin-bottom: -0.2em; }

div.figure p { /* This is default Chicago "legend" style, as opposed to Chicago "caption". */
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	line-height: 1.1em;
	padding: 0 0.14em;
	margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* Chicago "caption" for short phrases; Chicago "legend" (default) for continuous prose. */

.right { float: right; }
.left { float: left; }

/* End figure-divs */
  
	
/* 
REVISION HISTORY

2007
  September	
    10 (slyons) changed headlinglbTitle to be class instead of id
    11 (bmw) added structural grouping from http://www.alistapart.com/articles/practicalcss/  
    18 (bmw) added .buffer class 
    24 (slyons) added max-height 425px to twoColumnContainer and homemorelink
    27 (slyons) added new textNews classes
    28 (bmw) cleaned up for print.css
  October
     2  (slyons) changed the homemorelink to 99%
     25 (slyons)  added new upcoming events
2008
  February
     2  (bmw) removed invalid 'word-wrap:break-word;' from #otp p and also .gid p, .relatedResources p, .relatedEvents p, .other p
  
  March
  	10 (bmw) added Figure-divs from http://rjohara.net/rjo.css for images w/ captions in Press Releases but will be used in other content.
  	Deleted colLeftHome, colMiddleHome, headingBold, homeBlueLeft, homeBlueRight

  July
  	14 (bmw) changed from ID to CLASS: .relatedEvents, .gid, .relatedResources, .other
*/