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

* {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
    }

img {
    border: 0;
    }

p {
/*  replacing .mainText from legacy css */
	font: 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	text-transform: none;
}

/* used in Press Releases */
.PRTitle {
		font-size: 1.3em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
		margin: 8px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		}
		
.PRSubTitle {
		font-size: 1.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
}
	
	 p.italic, .mainText p.italic {			
		font-style: italic;	
		}	

p.alt {
    display: none;
    }



th {
/*  match the basics of the <p> tag - but not the padding */
	font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	text-transform: none;
}

td {
/*  match the basics of the <p> tag - but not the padding */
	font: 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	text-transform: none;
}

h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	text-align: left;
}

h2 {
	font-size: 1.2em;
    }

h3 {
    font-size: 1.0em;
    margin: 4px 0px 4px 0px;
    }

h4 {
	font-size: 1.0em;
}

h5 {
	font-size: .83em;
}

h6 {
	font-size: .75em;
}



a.deptheading:link, a.deptheading:visited,  a.deptheading:hover, a.deptheading:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 1.0em;
	text-decoration: none;
	}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	font-weight: bold;
	text-decoration: underline;
}

h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	font-weight: bold;
	text-decoration: underline;
}

h4 a, h5 a, h6 a {
	font-weight: bold;
	text-decoration: underline;
}

a:hover, a:active,
p a:hover, p a:active,
li a:hover, li a:active,
td a:hover, td a:active {
	font-weight: inherit;
	text-decoration: underline;
}

a, a:link, a:visited, 
p a, p a:link, p a:visited, 
li a, li a:link, li a:visited, 
td a, td a:link, td a:visited {
	font-weight: inherit;
	text-decoration: underline;
}

ol, ul, dir, dd, menu {
	font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 15px;
	text-transform: none;
}

ol ul, ul ol, ul ul, ol ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}


#audienceRow p {
    font-size: 0.7em;
    text-align: right;
    }
#audienceRow a:link.ar, a:visited.ar {
	font-weight: bold;
	text-decoration: none;
	}
#audienceRow a:hover.ar, a:active.ar {
	font-weight: bold;
	text-decoration: underline;
	}

#navigationRow p {
    font-size: 12px;
    text-align: right;
     vertical-align: middle;
     line-height: 36px;
    }
#navigationRow a:link.nr, a:visited.nr {
   font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
#navigationRow a:hover.nr, a:active.nr {
    font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

#searchRow {
    font-size: 0.9em;
    text-align: left;
    }
    #searchRow input.search {
        font-size: 0.8em;
       font-weight: bold;
        }

.headerText {
/* this style is for header text items */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;

}


.homeVision {
/* this style is for header text items */
	font-size: 0.85em;
	line-height: 14px;
}


.printericon {
/* this style is for header text items */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	}



#gradientRow {
    text-align: left;
    }

#portalMenu p {
	font-size: small;
	font-weight: bold;
	}
#portalMenu a.pm:link, a.pm:visited {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	}
#portalMenu a.pm:hover, a.pm:active {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	}


#sideMenu p {
	/*font-size: small;*/
	font-weight: bold;
	}
	
	#sideMenu p.unbold {
	font-weight:normal;
	}
	
 #sideMenu p.indent {
	/*font-size: small;*/
	font-weight: bold;
	}
	
 #sideMenu p.indent2 {
	/*font-size: small;*/
		font-weight:normal;
	}
	
	
	#sideMenu p.italic {
		/*font-size: small;*/
		font-weight: bold;
		font-style:italic;
		}
		
		#sideMenu p.unbold_italic {
		font-weight:normal;
		font-style:italic;
		}
		
	 #sideMenu p.indent_italic {
		/*font-size: small;*/
		font-weight: bold;
		font-style:italic;
		}
		
	 #sideMenu p.indent2_italic {
		/*font-size: small;*/
			font-weight:normal;
			font-style:italic;
	}
	
#sideMenu a.sm:link, a.sm:visited {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	}
#sideMenu a.sm:hover, a.sm:active {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	}
	
	
	#sideMenu a.sm_active:link, a.sm_active:visited {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 10px;
		}
		#sideMenu a.sm_active:hover, a.sm_active:active {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 10px;
		}
	
	
	#sideMenu a.sm_on:link, a.sm_on:visited {
		text-decoration: none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 10px;
	}
	#sideMenu a.sm_on:hover, a.sm_on:active {
		text-decoration: none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 10px;
		}
	
	#sideMenu a.sm3_on:link, a.sm3_on:visited {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 20px;
		}
		#sideMenu a.sm3_on:hover, a.sm3_on:active {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 20px;
			}
	
	#sideMenu a.sm3_active:link, a.sm3_active:visited {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 20px;
		}
		#sideMenu a.sm3_active:hover, a.sm3_active:active {
			text-decoration: none;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 20px;
	}
		
		
	
#sideMenu a.sm2:link, a.sm2:visited {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	}
#sideMenu a.sm2:hover, a.sm2:active {
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
}

	
	
	#sideMenu a.sm3:link, a.sm3:visited {
		text-decoration: none;
		font-weight:normal;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 20px;
		}
	#sideMenu a.sm3:hover, a.sm3:active {
		text-decoration: none;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 20px;
}
	
#headingdb {
/* this style is for header text items on sub pages */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 15px;*/
	font-weight: bold;
	line-height: 17px;

}	
	

#headingItalic {
/* this style is for header text items on sub pages */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14.4px;*/
	font-weight: normal;
	line-height: 17px;
	font-style: italic;

}

.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.homeBlue {
/* used for homepage blurb titles */
	font-weight: bold;
	color: #336699;
        }

.homeBlueTitle {
/* defines "Our Vision" on homepage */
	font-weight: bold;
	color: #003366;
	text-decoration: none;
        }

#text p {
/* this style is for REGULAR TEXT in the CONTENT AREA */
	/* font-size: 12px; */
	padding: 0px 0px 10px 0px;
}


#textTitle p {
/* this style is for REGULAR TEXT in the CONTENT AREA */
	/* font-size: 12px; */
	padding: 12px 0px 0px 0px;
}

#textTopics p {
/* this style is for REGULAR TEXT in the CONTENT AREA */
	/* font-size: 12px; */
	padding: 0px 0px 10px 0px;
}

#missionTextBold, #missionTextBold p {
/* this style is for header text items */
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}

/* slyons added new upcoming events */
#upe p {
	/*font-size: small;*/
	}
#upe p.heading {
	/*font-size: small;*/
	font-weight: bold;
	display: block;
	}
	
	#upe_wide p {
		/*font-size: small;*/
		}
	#upe_wide p.heading {
		/*font-size: small;*/
		font-weight: bold;
		line-height: 20px;
		
	}
	
	div.event {
	font-weight: bold;
	}

#otp p {
	/*font-size: small;*/
	}
#otp p.heading {
	/*font-size: small;*/
	font-weight: bold;
	display: block;
	}

.relatedEvents p, .gid p, .relatedResources p, .other p {
	/*font-size: small;*/
	}
.relatedEvents p.heading, .gid p.heading, .relatedResources p.heading, .other p.heading {
	/*font-size: small;*/
	font-weight: bold;
	display: block;
	}

#footer p {
	/*font-size: 0.7em;*/
    font-weight: bold;
	text-align: center;
    }
#footerTop a:link.ft, #footerTop a:visited.ft {
	font-weight: bold;
	text-decoration: none;
	}
#footerTop a:hover.ft, #footerTop a:active.ft {
	font-weight: bold;
	text-decoration: underline;
	}
#footerBottom a:link.fb, #footerTop a:visited.fb {
	font-weight: bold;
	text-decoration: none;
	}
#footerBottom a:hover.fb, #footerTop a:active.fb {
	font-weight: bold;
	text-decoration: underline;
	}
	
/* slyons new include for preview event calendar items */
#include_placeholder {
	background-color:#efefef; 
	text-align:center; 
	font-size:12px; 
	font-weight:bold; 
	width:100%;border:1px dashed #999999;
	}
	
