/* 
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
*/

body {
    margin: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
	text-transform: none;
}

p {
/*  replacing .mainText from legacy css */
	color: #000000;
}

.mainTextBold {
/* this style is for areas of MAIN TEXT that need CALLING OUT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 15px;
	}
	
/* used in Press Releases */
.PRTitle, .PRSubTitle {
		color: #000;
		}
	
/* this style is for headlines of specific stories */
.headline003,.headline002a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #993300;
	text-transform: uppercase;
} 

td, form {
/*  match the basics of the <p> tag - but not the padding */
	color: #000000;
}

tr.d0 td {
	background-color: #fff; color: #000;
}

tr.d1 td {
	background-color: #ffffe0; color: #000;
}

h2 {
/*  do NOT specify background-color: or else it will mess with the light-blue fade on the main pages and home page */
	color: #f26722;
    }

a.deptheading, a.deptheading:link,  a.deptheading:active, a.deptheading:visited,  a.deptheading:hover{
	    color: #336699;
	    background-color: #fff;
	    background-image: url("headingGradient.jpg");
		background-repeat: repeat-y;
	}


h3 {
	color: #003399;
    background-color: #fff;
    }

ol, ul, dir, dd, menu {
	/*color: #000;  *removed for new orange nav bar
	background-color:#FFF;*/
}

a {  
/* this is the main link style */
	color: #003;

}

h2 a, h2 a:link {
	color: #003399;
	background-color: inherit;
}

h2 a:visited, h2 a:hover , h2 a:active {
	color: #636;
	background-color: inherit;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover , h3 a:active {
	color: #003399;
	background-color: #fff;
}

h4 a, h5 a, h6 a {
	color: inherit;
	background-color: inherit;
}

a:link {
    color: #2e6db8;

}
a:visited {
	color: #CC6633;
	
}
a:hover {
	color: #c85806;
	
}
a:active {
	color: #c85806;

}
	
li a:link {
    color: #2e6db8;
    text-decoration: underline;
   }
    
li a:visited {
    	color: #CC6633;
    	text-decoration: underline;
}

li a:hover {
	color: #c85806;
	text-decoration: underline;
	
}
li a:active {
	color: #c85806;
	text-decoration: underline;

}

/* slyons added new style for non lists to appear like lists also in ephox */

.listoflinks a {
	color: #2e6db8;
	text-decoration: none;
}
				
.listoflinks a:hover, a:active{
	color: #c85806;
	text-decoration: underline;
}
				
.listoflinks a:visited{
	color: #CC6633;
	text-decoration: none;
}

#logo {
    background-color: #fff;
    background-repeat: no-repeat;
    }

#audienceRow {
    background-color: #b4d2e1;
    background-image: url("lightBlueGradient.jpg");
    background-repeat: repeat-y;
	border-bottom: 1px solid #fff;
    }
#audienceRow p {
	background-color: transparent;
	padding: 0px;
    }
#audienceRow a:link.ar, a:visited.ar {
	color: #0a58a5;
	background-color: #b4d2e1;
	}
#audienceRow a:hover.ar, a:active.ar {
	color: #c60;
	background-color: #b4d2e1;
	}

#navigationRow {
    background-color: #013567;
    background-image: url("darkBlueCorner.jpg");
    background-repeat: no-repeat;
    }
#navigationRow p {
	color: #b4d2e1;
	background-color: transparent;
	padding: 0px;
	}
#navigationRow a:link.nr, a:visited.nr {
	color: #b4d2e1;
	background-color: #013567;
	}
#navigationRow a:hover.nr, a:active.nr {
	color: #fff;
	background-color: #013567;
	}

#searchRow {
    background-color: #fff;
    }
#searchRow input.search {
	color: #033;
	background-color: #99cc00;
	}

#gradientRow {
    background-color: #d7b277;
    background-image: url("orangeGradient.jpg");
    background-repeat: repeat-y;
    }

#colWideLegacy {

	border-right: 1px solid #e5e5e3;
    }
    
#heading {
    color: #000066;
    background-color: #fff;
    background-image: url("headingGradient.jpg");
    background-repeat: repeat-y;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
	border-right: 1px solid #e5e5e3;
    }


#headinglb {
    color: #0A58A5;
    background-color: #fff;
    background-image: url("headingGradient.jpg");
    background-repeat: repeat-y;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
	border-right: 1px solid #e5e5e3;
    }
    
.headinglbTitle {
    color: #0A58A5;
    background-color: #fff;
    background-image: url("headingGradient.jpg");
    background-repeat: repeat-y;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
	border-right: 1px solid #e5e5e3;
    }
    
    
#headinglbTopics {
	color: #0A58A5;
	background-color: #fff;
	background-image: url("headingGradient.jpg");
	background-repeat: repeat-y;
	border-top: 1px solid #e5e5e3;
	border-bottom: 1px solid #e5e5e3;
	border-right: 1px solid #e5e5e3;
}

#headingItalic {
    color: #006699;
    background-color: #fff;
    background-image: url("headingGradient.jpg");
    background-repeat: repeat-y;
    border-top: 1px solid #e5e5e3;
    border-bottom: 1px solid #e5e5e3;
    border-right: 1px solid #e5e5e3;
    }

#headingdb {
    color: #000066;
    background-color: #fff;
    }


#headingSpaceHack {
	border-right: 1px solid #e5e5e3;
	}

#textSection {
	border-right: 1px solid #e5e5e3;
	}

#twoColumnContainer {
	border-right: 1px solid #e5e5e3;
	}
	
#textSectionMission {
	border-right: 1px solid #e5e5e3;
	}
	
#textSectionTopics {
	border-right: 1px solid #e5e5e3;
}
#blueLine {
    color: #000066;
    background-color: #000066;
    }

#portalMenu {
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
	}
#portalMenu p {
	color: #003399;
	background-color: #e1edf3;
	}
#portalMenu a.pm:link, a.pm:visited {
	color: #003399;
	background-color: #e1edf3;
	}
#portalMenu a.pm:hover, a.pm:active {
	color: #fff;
	background-color: #003399;
	}


#sideMenu {
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
	}
#sideMenu p {
	color: #fffff;
	background-color: #87BBD9;
}

#sideMenu p.unbold {
	color: #fffff;
	background-color: #87BBD9;
}

/* slyons new italic side navigation classes */

#sideMenu p.italic {
	color: #fff;
	background-color: #3366CC;
}

#sideMenu p.unbold_italic {
	color: #fff;
	background-color: #3366CC;
}


#sideMenu a.sm_on:link, a.sm_on:visited  {
	color: #3366CC;
	background-color: #E2F1FB;
}
#sideMenu a.sm:link, a.sm:visited {
	color: #fff;
	background-color: #3366CC;
}
#sideMenu a.sm:hover, a.sm:active {
	color: #3366CC;
	background-color: #E2F1FB;
}

#sideMenu a.sm_active:link, a.sm_active:visited {
	color: #fff;
	background-color: #3366CC;
}	
#sideMenu a.sm_active:hover,a.sm_active:active{
	color: #3366CC;
	background-color: #E2F1FB;
}
		
#sideMenu a.sm2:link, a.sm2:visited  {
	color: #fff;
	background-color: #3366CC;
}
#sideMenu a.sm2:hover, a.sm2:active  {
	color: #3366CC;
	background-color: #E2F1FB;
}

#sideMenu a.sm2_active:link, a.sm2_active:visited {
	color: #fff;
	background-color: #3366CC;
}	
#sideMenu a.sm2_active:hover,a.sm2_active:active{
	color: #3366CC;
	background-color: #E2F1FB;
}

#sideMenu a.sm3_on:link, a.sm3_on:visited  {
	color: #3366CC;
	background-color: #E2F1FB;
}
#sideMenu a.sm3:link, a.sm3:visited  {
	color: #fff;
	background-color: #3366CC;
}
#sideMenu a.sm3:hover, a.sm3:active  {
	color: #3366CC;
	background-color: #E2F1FB;
}

#sideMenu a.sm3_active:link, a.sm3_active:visited {
	color: #fff;
	background-color: #3366CC;
}	
#sideMenu a.sm3_active:hover,a.sm3_active:active{
	color: #3366CC;
	background-color: #E2F1FB;
}


/* slyons added new upcoming events bar */

#upe {
	color: #000;
	background-color: #fff;
}
#upe p.heading {
	color: #fff;
	background-color: #f26722;
	border-bottom: 1px solid #006633;
}

#upe a.heading:hover,  a.heading:active {
		color: #000000;		
	}



#upe a {
		color: #2e6db8;	
		text-decoration: none;		
	}



#upe a:hover,  a:active {
		color: #c85806;	
		text-decoration: underline;		
	}

#upe a:visited {
		color: #CC6633;	
		text-decoration: none;		
	}


#upe_wide {
	color: #000;
	background-color: #fff;
	
}
 #upe_wide p.heading {
		color: #fff;
		background-color: #f26722;
		background-image: url("headingGradient.jpg");
		background-repeat: repeat-y;
		border-top: 1px solid #e5e5e3;
		border-bottom: 1px solid #e5e5e3;
	        border-right: 1px solid #e5e5e3;
}

#upe_wide a.heading:hover,  a.heading:active {
		color: #000000;		
	}

#upe_wide a {
		color: #2e6db8;	
		text-decoration: none;		
	}



#upe_wide a:hover,  a:active {
		color: #c85806;	
		text-decoration: underline;		
	}
	
	
#upe_wide a:visited {
			color: #CC6633;	
			text-decoration: none;		
	}
	
#eventwrapper {
	width: 99%;
	border-right: 1px solid #e5e5e3;
	}

#otp {
	color: #000;
	background-color: #fff;
}
#otp p.heading {
	color: #fff;
	background-color: #f26722;
	border-bottom: 1px solid #006633;
}

#otp a.heading:hover, a.heading:active {
		color: #000000;	
		
	}
	
#otp a{
	color: #2e6db8;	
	text-decoration: none;
			
}

#otp p a{
	color: #2e6db8;	
	text-decoration: none;
			
}

#otp li a, #otp td a{
	color: #2e6db8;	
	text-decoration: none;
			
}
	
#otp a:hover, a:active {
	color: #c85806;	
	text-decoration: underline;
			
	}
	
#otp a:visited {
	color: #CC6633;	
	text-decoration: none;
			
	}	
	
	
.relatedEvents, .gid, .relatedResources, .other {
	color: #000;
	background-color: #fff;
}
.relatedEvents p.heading, .gid p.heading, .relatedResources p.heading, .other p.heading {
	color: #fff;
	background-color: #f26722;
	border-bottom: 1px solid #996600;
}

.relatedEvents a,.gid a,.relatedResources a,.other a {
	color: #2e6db8;	
	text-decoration: none;		
}

.relatedEvents p a,.gid p a,.relatedResources p a,.other p a {
	color: #2e6db8;	
	text-decoration: none;		
}

.relatedEvents li a,.gid li a,.relatedResources li a,.other li a,
.relatedEvents td a,.gid td a,.relatedResources td a,.other td a {
	color: #2e6db8;	
	text-decoration: none;		
}


.relatedEvents a:hover, a:active, .gid a:hover, a:active, .relatedResources  a:hover, a:active, .other  a:hover, a:active {
	color: #c85806;	
	text-decoration: underline;
			
	}
	
.relatedEvents a:visited, .gid a:visited, .relatedResources  a:visited,.other  a:visited{
	color: #CC6633;	
	text-decoration: none;
			
	}
	

#footerTop {
    background-color: #b4d2e1;
	border-bottom: 1px solid #fff;
}
#footerTop p {
    background-color: #b4d2e1;
	padding: 0px;
}
#footerTop a:link.ft, a:visited.ft {
	color: #0a58a5;
	background-color: #b4d2e1;
}
#footerTop a:hover.ft, a:active.ft {
	color: #c60;
	background-color: #b4d2e1;
}

#footerBottom {
    background-color: #013567;
}
#footerBottom  p {
	color: #b4d2e1;
	background-color: transparent;
	padding: 0px;
}
#footerBottom  a:link.fb, a:visited.fb {
	color: #b4d2e1;
	background-color: #013567;
}
#footerBottom  a:hover.fb, a:active.fb {
	color: #fff;
	background-color: #013567;
}

/* 
REVISION HISTORY
	
2007
  August
    21 (slyons) added italic classes for side navigation    
    29 (bmw) removed 'background-color: #fff;' from td, form {} because it suppressed alternate row color definitions in existing tables
  September
    6 (bmw) added color definition for h2 and its links
    	JUSTIFICATION: consistency with rest of site.
    6 (slyons) took a whack at the prtitle and prsubitle
    10 (slyons) changed headlinglbTitle to be class instead of id
    28 (bmw) cleaned up for print.css
  October
     25 (slyons) added new upcoming events bar

2008
  January 
     20 (slyons) added new a.deptheading class for the linkable heading
  February
  	7 (bmw) added classes tr.d0 td and tr.d1 td to allow alternating table row colors
  
  March
  	10 (bmw) updated .PRTitle, .PRSubTitle from pre-migration look based on CMO requests; deleted colLeftHome, colMiddleHome, headingBold

  July
  	14 (bmw) changed from ID to CLASS: .relatedEvents, .gid, .relatedResources, .other 
*/