/******************************************************
 ********************* Agency CSS *********************
 ******************************************************/

/******************************************************
*  The following CSS code resets and sets the default 
*  HTML tags. 
*
*     You can manipulate this file as needed
*******************************************************/


div#MainContent div p { 
/********** RESETS PREDEFINED PROPERTIES **************/
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the p tag */
	padding: 0px !IMPORTANT; /* This resets ALL the padding for the p tag */

/********** REDEFINES PROPERTIES **************/
	margin: 0px 8px !IMPORTANT; /* This redefines the top/bottom margins to 0px and left/right to 8px */
	padding-top: 10px !IMPORTANT; /* The redefines the top padding to be 10px. Marging causes a gap between the h2 and div tag */
	padding-bottom: 10px !IMPORTANT; /* The redefines the bottom padding to be 10px. */
}


div#MainContent div h1, div#MainContent div h2, div#MainContent div h3, div#MainContent div h4, div#MainContent div h5, div#MainContent div h6 {
	padding-left: 5px !IMPORTANT; /* Indents the Headings */ 
}


div#MainContent div ul.BulletedList { /* This CSS class will create a list with disc bullets */
/********** RESETS PREDEFINED PROPERTIES **************/
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the ul tag */
	padding: 0px !IMPORTANT; /* This resets ALL the padding for the ul tag */

/********** CHANGES THE STYLE TYPE TO DISC  **************/

	list-style-type: disc !IMPORTANT; 
	
/********** REDEFINES PROPERTIES **************/
	margin-left: 22px !IMPORTANT;
	margin-bottom: 10px !IMPORTANT;
}


div#MainContent div ul.BulletedList li {
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the li tag */
	line-height: 1.5;
}

div#MainContent div ul.BulletedList ul {
	margin-left: 22px;
}


div#MainContent div ol { /* This CSS class will create a list with disc bullets */
/********** RESETS PREDEFINED PROPERTIES **************/
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the ul tag */
	padding: 0px !IMPORTANT; /* This resets ALL the padding for the ul tag */

/********** REDEFINES PROPERTIES **************/
	margin-left: 30px !IMPORTANT;
	margin-bottom: 10px !IMPORTANT;
}


div#MainContent div ol li {
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the li tag */
	line-height: 1.5; /* The values for a line heigh do not have to be in em, px, or % */
}

.SidebarBox {
	border: 1px solid #8f9e8b;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 142px;
	font-size: 86.2%;
	line-height: 1.5;
}

.SidebarBox h3 {
	background-color: #8f9e8b;
	color: #ffffff;
	padding: 0 0 0 0.25em;
	margin: 0; 
}

.SidebarBox ul {
	padding-bottom: 5px;
}

.SidebarBox ul li {
    padding-left: 0;
    margin-left: 1.45em;
}


div#MainContent ol.LetterAlpha { /* This CSS class will create a list with disc bullets */
/********** RESETS PREDEFINED PROPERTIES **************/
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the ul tag */
	padding: 0px !IMPORTANT; /* This resets ALL the padding for the ul tag */

/********** REDEFINES PROPERTIES **************/
	margin-left: 30px !IMPORTANT;
	margin-bottom: 10px !IMPORTANT;
}


ol.LetterAlpha li {
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the li tag */
	line-height: 1.5; /* The values for a line heigh do not have to be in em, px, or % */
}

ol.LetterAlpha ol, ol.LetterAlpha ol ol ol {
	list-style-type: upper-alpha;
}

ol.LetterAlpha ol ol {
	list-style-type: decimal;
}

ol.LetterAlpha ol ol ol {
	list-style-type: lower-alpha;
}

ol.LetterAlpha ol ul li {
	list-style-type: disc;
}

/********************** OTHER **********************
*  This is the part of the CSS file that defines 
*  various other parts of the webstie such as the 
*  appearance of of the content in the MainContent
*  region.  
*
*          ADD ALL ADDITIONAL SYTLING HERE
*****************************************************/
/****This is for the 4 images across the bottom***/
#MainContent h2 {
	text-align: center;
}

#MainContent div#Resources {
	text-align: center;
}

#MainContent div#Resources ul {
	padding: 10px 0;
	margin: 0 auto;
	min-height: 120px;
	width: 100%;
	text-align: center;
}

#MainContent div#Resources ul li {
	display: inline;
	float: left;
	width: 24.9%;
	list-style-type: none;
	margin-bottom: 0px;
}

#MainContent div#Resources a, #MainContent div#Resources a img, #MainContent div#Resources a h3  {
	border: none;
	text-decoration: none;
	font-size: 115%;
	color: #5988b8;
	padding: 0;
}
#MainContent a:link {
	color: #4279FB;
	text-decoration:none;
			}
#MainContent  a:visited {
	color:#660099;
	text-decoration:none;
				}	
#MainContent a:hover {
	color:#ff6347;
	text-decoration:none;
			}
#MainContent a:active {
	color:#009933;
	text-decoration:none;
			}

/**** this is to do 3 Images accros bottom of page****/
#MainContent div#Resources1 {
	text-align: center;
}

#MainContent div#Resources1 ul {
	padding: 10px 0;
	margin: 0 auto;
	min-height: 120px;
	width: 100%;
	text-align: center;
}

#MainContent div#Resources1 ul li {
	display: inline;
	float: left;
	width: 32%;
	list-style-type: none;
	margin-bottom: 0px;
}

#MainContent div#Resources1 a, #MainContent div#Resources1 a img, #MainContent div#Resources1 a h3  {
	border: none;
	text-decoration: none;
	font-size: 115%;
	color: #5988b8;
	padding: 0;
}


div#MainContent .HeadlineDate {
	font-style: italic;
	font-size: 92.3%;
}

div#MainContent .HeadlinesDate {
	margin: 0;
	padding: 0;
	
	
	
}

div#MainContent  ul {
	margin-left: 5px;
	padding-top: 8px;
}

div#MainContent.HeadlinesDate {
	margin: 0;
	padding: 0;
	
	
	
}

div#MainContent ul.NoBulletList {
	margin-left: 10px;
	padding-top: 8px;
	list-style-type: none;
}


div#MainContent ul.NewsRoom {
	margin-left: 10px;
	padding-top: 8px;
	list-style-type: none;
	
}
div#MainContent ul.NewsRoom li{
	padding-bottom: 15px;
	list-style-type: none;
	
}
div#MainContent ul.NewsRoom a:link {
	color:#000 !IMPORTANT;
	list-style: id2;
	
}
div#MainContent ul.NewsRoom a:visited {
	color:#000 !IMPORTANT;
	
}
div#MainContent ul.NewsRoom a:hover {
	color:#000 !IMPORTANT;
	
}
div#MainContent ul.NewsRoom a:active {
	color:#000 !IMPORTANT;
	
}



div#MainContent ul.PressRelease {
	margin-left: 10px;
	padding-top: 8px;
	list-style-type: none;
	
}
div#MainContent ul.PressRelease li{
	padding-bottom: 15px;
	list-style-type: none;
	
}
div#MainContent ul.PressRelease a:link {
	color: #4279FB !IMPORTANT;
	text-decoration:none;
	
}
div#MainContent ul.PressRelease a:visited {
	color:#660099 !IMPORTANT;
	text-decoration:none;
	
}
div#MainContent ul.PressRelease a:hover {
	color:#ff6347 !IMPORTANT;
	text-decoration:none;
	
}
div#MainContent ul.PressRelease a:active {
	color:#009933 !IMPORTANT;
	text-decoration:none;
	
}


div#MainContent .NewaMoreLink {
	list-style: none;
}
div#MainContent .NewsMoreLink {
	text-align: Left; 
	font-style: oblique;
}
div#MainContent .NewsMoreLink {
	margin-left: 1px; 
}
#MainContent .NewsMoreLink a:link {
	color: #4279FB !IMPORTANT;
	text-decoration:none;
			}
#MainContent .NewsMoreLink a:visited {
	color:#660099 !IMPORTANT;
	text-decoration:none;
				}	
#MainContent .NewsMoreLink a:hover {
	color:#ff6347 !IMPORTANT;
	text-decoration:none;
			}
#MainContent .NewsMoreLink a:active {
	color:#009933 !IMPORTANT;
	text-decoration:none;
			}

Div#MainContent .HeadlineSnippet {
	font-size: 100%;
}

#MainContent .HeadlineSnippet a:active {
	color:#009933 !IMPORTANT;
	text-decoration:none;
			}
			
#MainContent .HeadlineSnippet a:link {
	color: #4279FB !IMPORTANT;
	text-decoration:none;
			}
			
			
#MainContent .HeadlineSnippet a:hover {
	color:#ff6347 !IMPORTANT;
	text-decoration:none;
			}
			
			
#MainContent .HeadlineSnippet a:visited {
	color:#660099 !IMPORTANT;
	text-decoration:none;
				}	
			
			
			#MainContent .HeadlineSnippet a:active {
	color:#009933 !IMPORTANT;
	text-decoration:none;
			}



div.OpinionHeading {
	text-align: center;
}

div#MainContent div.OpinionBody h3 {
	border-bottom: solid 1px black;
	margin-top: 20px;
}

div.OpinionBody h4 {
	text-align: center;
}

div.OpinionBody p {
	text-indent: 20px;
}

div#MainContent div.Opinion ul {
	margin-left: 50px;
}

div.Signatures {
	width: 300px;
	float: right;
	text-align: left;
}


div.RequestInfo {
	width: 300px;
	float: left;
}

div#MainContent div.RequestInfo p.Requester {
	margin-left: 30px;	
}


div#MainContent div.Footnote {
	width: 100%;
	clear: both;
	margin-top: 30px;
	border-top: 1px solid black;
}


#faq dt {  
     background-color:#fff;  
	 text-align: left;
}

#faq dt a:link, #faq dt a:visited {  
     text-decoration:none;  
}  

#faq dt a:hover, #faq dt a:focus  {  
} 

#faq dt.maximized  {  
	 background-color: #fff;
	 background-image: url(images/16-square-blue-add.png); 
	 background-position: left top;
	 background-repeat: no-repeat; 
     padding-left:20px;
	 padding-bottom: 10px;
}  
 
#faq dt.minimized {  
	 background-color: #fff;
	 background-image: url(images/16-square-blue-remove.png); 
	 background-position: left top;
	 background-repeat: no-repeat; 
     padding-left:20px;    
}

/*****this is for a Blank box that is 100% wide****/


#MainContent div#MCbox3
{
	margin-top: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; padding: 1px; background-color: ; color: ;
	
}
#MainContent div#blockquote {
width: 500px;
padding-left: 110px;
padding-right: 250px;
font-style:italic;
}
.floatright{
float:right;
margin-right: 10px;

}
/ ***this is just text decoration on formatting ***/

p.textleft
	{
		text-align:left;
	}
p.textcenter
	{
		text-align:center;
	}
p.textright
	{
		text-align:right;
	}
p.textjustify
	{
		text-align:justify;
			
	}



/**** this is to set the table of contents table for th Opinions 
****   Press release the same with left column 125 px widw and center text
**** and centr cloumn to 200 px and center text
***** and right colmn 400px and left text alighn****/	

table#tc {
    
    border: solid #000 1px;
    width: 770px;
	
	}

table#tc td {
   
    border: solid #000 1px;
	padding: 5px;
}

table#tc td a:link {
	color: #4279FB;
	text-decoration:none;
			}
			
table#tc td a:visited {
	color:#660099;
	text-decoration:none;
				}	
table#tc td a:hover {
	color:#ff6347;
	text-decoration:none;
			}
table#tc td a:active {
	color:#009933;
	text-decoration:none;
			}
			

.leftcol {
    
    text-align: center;
	vertical-align:text-top;
    width: 70px;
    
	
}
.centercol {
	text-align: center;
	vertical-align:text-top;
	width: 140px;
	}
.rightcol1 {
	text-align: left;
	color:#990000;
	vertical-align:text-top;
	width: 170px;
	}
	
.rightcol {
	text-align: left;
	vertical-align:text-top;
	width: 480px;
	}

/*** this is the Title to Opinion Table Of content ***/
p.optitle
	{
		font-style:normal;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		
	}
	
	/**This is the resource box for the office directory for the deputies pictures**/
	#MainContent div#ResourcesDir {
	text-align: center;
}

#MainContent div#ResourcesDir ul {
	padding: 2px 0;
	margin: 0 auto;
	min-height: 120px;
	width: 100%;
	text-align: center;
}

#MainContent div#ResourcesDir ul li {
	display: inline;
	float: left;
	width: 16.5%;
	list-style-type: none;
	margin-bottom: 0px;
}

#MainContent div#ResourcesDir a, #MainContent div#ResourcesDir a img, #MainContent div#ResourcesDir a h1  {
	border: none;
	text-decoration: none;
	font-size: 115%;
	color: #5988b8;
	padding: 0;
}
div#MainContent div ul.BulletedList1 { /* This CSS class will create a list with disc bullets with a indent of 50px */
/********** RESETS PREDEFINED PROPERTIES **************/
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the ul tag */
	padding: 0px !IMPORTANT; /* This resets ALL the padding for the ul tag */

/********** CHANGES THE STYLE TYPE TO DISC  **************/

	list-style-type: disc !IMPORTANT; 
	
/********** REDEFINES PROPERTIES **************/
	margin-left: 50px !IMPORTANT;
	margin-bottom: 10px !IMPORTANT;
}


div#MainContent div ul.BulletedList1 li {
	margin: 0px !IMPORTANT; /* This resets ALL the margins for the li tag */
	line-height: 1.5;
}

div#MainContent div ul.BulletedList1 ul {
	margin-left: 50px;
}
Div.margin1
{margin-left: 40px; 
}

div.my_wrapper{
    width: 500px;
}

div.my_left_box{
    float: left;
    padding: 2px;
    width: 250px;
    
}
div.my_center_box{
	float: none;
	padding: 1px;
	width: 405px;
	position: absolute;
	left: 517px;
	top: 589px;
	clear: none;
    
}

div.my_right_box{
    float: right;
    padding: 2px;
    width: 150px;
   
}
div.my_wrapper1{
    width: 650px;
}

div.my_left_box1{
    float: left;
    padding: 2px;
    width: 300px;
    
}

div.my_right_box1{
    float: right;
    padding: 2px;
    width: 300px;
   
}
/* this id is used for all links on all pages for consistency */
a#id2:link {
	color: #4279FB;
	text-decoration:none;
			}
a#id2:visited {
	color:#660099;
	text-decoration:none;
				}		
a#id2:hover {
	color:#ff6347;
	text-decoration:none;
			}
a#id2:active {
	color:#009933;
	text-decoration:none;
			}
	/****** file a complaint text alimant in box *****/	

div.indent{
margin-left:50px;
}
.double_underline {
	border-bottom: 3px double;
}
.Strikethrough {
	text-decoration: line-through;;
}
.bold {
	font-weight:bold;	
}
/* this is for the title in the press template*/

.newsbold {
	font-weight:bold;
	font-size:16px;
}
.italic{
	font-style:italic;
}
.Single_underline{
	text-decoration:underline;
}
.Rightindent{
	margin-left:50px;
}
.center{
	text-align:center;
}
/** this is for the picture box in the directory**/
.picboxleft {
float: left;
background-color: #fff;
padding: 0.5em;
}
Div.blockindent{

padding-left: 60px;
padding-right: 60px;

}
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

/**This is the blockquote for line spacing**/
blockquote {
margin-top: 0em  !IMPORTANT;
margin-bottom: 0em  !IMPORTANT;

}

/** this is to hide the istructions from the website but the screen reader can read it**/
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.AGBannerText {
	float: left;
	margin: 0px;
	padding: 0px;
	padding: 12px 0;
	margin-left: 70px;
	width: 400px;
	font-size:20px;
	text-decoration: none;
	clear:none;
	font-style:Color:white;
	
	
}
.AGBannerText a {
	text-decoration: none;
	color: #FFF;
}