﻿
/* ------------------------ ADRE CSS Modifications Start -------------------------*/

/* *** START GITA CODE ADJUSTMENTS *** */

.content_wrapper {
	width: 100%;
	min-width: 950px;
}

#bnr_center{
	background: url(../images/bnr_mid_back2.jpg) no-repeat center top;

}

#bnr_center .bnr_text {
	min-width: 250px;
}

#bnr_wrapper {
	min-width: 950px;
}

#bnr_wrapper #bnr2_wrapper {
	width: 100%;
	min-width: 950px;
}

#helpmenu {
	min-width: 950px;
}

#mock_footer {
	width: 100%;
	min-width: 950px;
}

.topmenu_wrapper {
	min-width: 950px;
}

/* ********************************** START LEFT MENU SETTINGS **************************************** */

#menu a, #menu h2 {
	padding: 5px 2px 5px 5px;   /*to adjust position of menu text*/ 
}

#menu a:hover {
	background: #415777;
}

#menu h2 
{
    text-align: center;
	font-size: 110%;
}

#menu li
{
    z-index: 200;
}

#menu li:hover {
	/*background: #A24500;*/    /*conflicts when using '#menu a:hover' above*/
	background: none;
}

/* *********************************** END LEFT MENU SETTINGS ***************************************** */


/* ****************************** START MIDDLE CONTENT SETTINGS **************************************** */

#middle_column {
	margin-right: 0;
}

#middle_column .breadcrumb {
	border-bottom-width: 0px;
	border-bottom-style: none;
}

#middle_column .breadcrumb a {
	text-decoration:underline;
	font-weight:normal;
}

/*#middle_column .menu .tab a {
    color: #FFFFFF;  text-decoration: none;
}

#middle_column .menu .tab .tab_content .tab_content_text a {
    color: #333333;
}

#middle_column .menu .tab .tab_content .tab_content_text a:hover {
    text-decoration: underline;
}*/


/* ******************************** END MIDDLE CONTENT SETTINGS **************************************** */


/* ********************************* START RIGHT MENU SETTINGS **************************************** */


#right_column 
{
    background-color:#415777;
    padding-right: 20px;        /*adjusts distance of menu from right side of page*/
    padding-top: 15px;
}

#right_menu {
	width: 170px;
	/* position: fixed;
	top: 10em; */
}


#right_menu a {
	font: bold 80% Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-decoration: none;
}

#right_menu a:hover {
	color: #FFF;
	background: #0E1826;
	
}

#right_menu h2 
{
    font: bold 80% Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px 0px -15px 10px;
	padding-bottom: 10px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: center;
	font-size: 110%;
}

#right_menu li {
	position: relative; 
	margin-left: -16px;
}

/* ****** Will cause <li> bullet points from displaying ********
#right_menu ul li {float: left; width: 100%; }
#right_menu ul li a {height: 1%; color:}
************************************************************* */


/* ********************************* END RIGHT MENU SETTINGS **************************************** */


/* *** END GITA CODE ADJUSTMENTS *** */


/* *** START UNIQUE ADRE CODE ADJUSTMENTS *** */

#content td {               /*keep content and right menu at top of page*/
    vertical-align: top;
    width: 100%;            /*keep right menu to right even without content in place holder*/
}

.nextlevel {
	font-family: Arial, Helvetica, sans-serif;
}
    
/* *** END UNIQUE ADRE CODE ADJUSTMENTS *** */

/* --------------------------- ADRE CSS Modifications End -------------------------*/

.News {             /*NewsAndAlerts*/
}

.TableAlert {                       /*NewsAndAlerts*/
	color: #dc143c;
}

.Alert {
}

span.Alert {
	color: #dc143c;
	font-weight: bold;
}

p.Asterisk {
	font-size: 80%;
}

span.Asterisk {																	/*<p class="Asterisk"><span class="Asterisk">&#42;</span>*/
	font-size: 120%;
}

p.CenterText                 
{
    text-align: center;
}

div.CenterText p {                      /* 'p' prevents Headings from becoming centered as well*/
	text-align: center;

}


h1 {            /*used by aztemplate.css - #mccont*/
}

h2 {            /*used by aztemplate.css - #menu*/
}

h3 {            /*used by ADRE.css*/
	font-size: 110%;
}

h4 {            /*used by ADRE.css - here and row_wrapper, but it adjusts here*/																										   /*sub-title*/
	text-align: left;
	text-decoration: underline;
	font-size: 110% !important;																 /*Opera - '!important' corrects font-size bug*/
}

h5 {            /*used by ADRE.css - here and row_wrapper, but it adjusts here*/																										  /*footer*/
	text-align: center;
	color: #000000;
	font-size: 130% !important;																 /*Opera - '!important' corrects font-size bug*/
	font-style: italic;
}

span.h5 {       /*used by ADRE.css - #menu & Furlough Dates*/																									   /*used on Contact_Info.html*/
	text-align: center;				/*doesn't really center with <span> - use 'CenterText'*/
	color: #000000;
	font-size: 120% !important;																 /*Opera - '!important' corrects font-size bug*/
	font-weight: bold;
}

h6 {            /*used by ADRE.css - here and row_wrapper, but it adjusts here*/																															  /*footer*/
	text-align: center;
	color: #000000;
	font-size: 100% !important;																 /*Opera - '!important' corrects font-size bug*/
	font-style: italic;
}

hr {
	border: 1;
	color: #000000;																													  /*IE*/
	background-color: #000000;								 /*Mozilla & Opera*/
}

#CommishPhoto {				/*(Commish page) Must be 215px in WIDTH - i.e. 215 x 300*/			
	width: 230px;
	height: 325px;
	font-size: 75%;
	float: left;
}

#CommishPhotoSmall {		/*(Homepage) Must be 105px in WIDTH - i.e. 105 x 150*/
	width: 120px;
	height: 250px;
	margin: 0px;
	padding: 10px;			/*FF & Mozilla - adjust margin at top of picture*/
	font-size: 55%;
	float: left;
	padd\ing-top: -1px;
}

#CommishPhotoSmall a {
	color: #000000;
	text-decoration: none;																		/*removes hyperlink underline from text*/
}

#CommishPhotoSmall img {
	border-style: none;																			/*removes hyperlink border from pictures*/
}

#CommishTextBullets {
    overflow: hidden;                   /*prevents bullet from displaying on photo, but, does not wrap bullet text at bottom of photo*/
    /*list-style-position: inside;*/        /*prevents bullet from displaying on photo*/
}
    
#CommishSig {
	width: 200px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

#CommishSigSmall {
	width: 300px;
	height: 55px;
	margin: 0px;
	text-align: left;
	padding: 0px;
	font-size: 100%;
}

.Wrap {										/*Airport Maps*/			 /*use <br clear="both"> before the closing </div>*/
	width: 615px;
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
}

div.WrapFull {																			 /*use <br clear="both"> before the closing </div>*/
	width: 630px;
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
}

.WrapSmall {								/*Advisory Board*/ /*AMC Member*/			 /*use <br clear="both"> before the closing </div>*/
	width: 420px;
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
}

.PageLinkColumns {
	line-height: 1.75;
	width: 185px;
	float: left;																						   /*IE - hack to prevent wrapping*/
	font-size: 85%;
	font-weight: bold;
    padding: 0 8px 0 8px;
}

.PageColumns {
	line-height: 1.75;
	width: 280px;
	float: left;																						   /*IE - hack to prevent wrapping*/
    font-weight: bold;
    padding: 0 10px 0 15px;
}

#content_page 
{
    width: 100%;
    font: 90% Arial, Helvetica, sans-serif;
}

#content_page li 
{
    padding: 5px 0 5px 0;
}
    
#content_page h2
{
    font: bold 130% Arial, Helvetica, sans-serif;
}

p.Rev {
	text-align: left;
	font-size:	80%;
	font-weight: bold;
}

.PageLinkFAQ {
	line-height: 1.5;
	font-size: 90%;
}

.Advisory_Board {
	width: 140px;
	height: 160px;
	font-size: 85%;
	float: left;																					   /*IE - hack to prevent wrapping*/
}

.Advisory_Board a {
	color: #000000;
	text-decoration: none;																		/*removes hyperlink underline from text*/
}

.Advisory_Board_Photo_Caption {
	width: 425px;
	height: 280px;
	font-size: 80%;
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
}

.AdvisoryBoardProfile
{
    float: left;

}
.AdvisoryBoardProfileText
{
    float: left;
    text-align:center;
    width: 275px;
    font-size: 85%;
}

.AMC_Member {
	width: 140px;
	height: 160px;
	font-size: 85%;
	float: left;																					   /*IE - hack to prevent wrapping*/
}

.AMC_Member a {
	color: #000000;
	text-decoration: none;																		/*removes hyperlink underline from text*/
}

.AMC_Member_Photo_Caption {
	width: 425px;
	height: 280px;
	font-size: 80%;
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
}

.AMC_MemberProfile
{
    float: left;

}

.AMC_MemberProfileText
{
    float: left;
    text-align:center;
    width: 275px;
    font-size: 85%;
}


/* ***************************** CONTAINERS / TABLES / COLUMNS **************************************** */

#LBNFeesTable {
	margin-left: auto;																							   /*center div in browser*/
	margin-right: auto;																							   /*center div in browser*/
	border: 1px solid #a9a9a9;
}

#LBNFeesTable th {										 /*Selectors th & td MUST remain in this order*/
	width: 110px;
	text-align: center;
	border: 1px solid #a9a9a9;
	padding-top: 5px;
	padding-bottom: 5px;
}

#LBNFeesTable td {										 /*Selectors th & td MUST remain in this order*/
	width: 110px;
	text-align: center;
	border: 1px solid #a9a9a9;
	padding-top: 5px;
	padding-bottom: 5px;
}

#LBNFeesTable tr {
	lline-height: 1.5;
}

.LBNFeesTableC1 {
	text-align: left;
	width: 210px;
	padding-left: 5px;
	font-weight: bold;
}

.contact_table td {    
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    border: solid 1px #000000;
}

.Container1ColumnTable 
{
    margin-left: auto;
    margin-right: auto;
	width: 300px;
	border-collapse: collapse;
}

.Container1ColumnTable td
{
    border: solid 1px #000000;
    padding: 5px;
}


.Container1ColumnTableWide {
    margin-left: auto;
    margin-right: auto;
	width: 440px;
	border-collapse: collapse;
}

.Container1ColumnTableWide td
{
    border: solid 1px #000000;
    padding: 5px;
}


.Container2ColumnTable 
{
    margin-left: auto;
    margin-right: auto;
    width: 550px;
	border-collapse: collapse;

}

.Container2ColumnTable td
{
    border: 1px solid #000000;
    height: 35px;
    padding: 5px;
}

.Container2ColumnTableNarrow
{
    margin-left: auto;
    margin-right: auto;
    width: 425px;
	border-collapse: collapse;

}

.Container2ColumnTableNarrow td
{
    border: 1px solid #000000;
    height: 35px;
    padding: 5px;
}

.Container3ColumnTable 
{
    margin-left: auto;
    margin-right: auto;
    width: 550px;
	border-collapse: collapse;

}

.Container3ColumnTable td
{
    border: 1px solid #000000;
    height: 35px;
    padding: 5px;
}


.TD1
{
    text-align: center;
}

.TD2
{
    text-align: left;
}


.TwoColumns {
	width: 300px;
	float: left;										/*IE - hack to prevent wrapping*/
}

.ThreeColumns {
	width: 650px;
}

.Table2Column {             /*StudentFaqs.aspx*/
	width: 300px;
	border: 1px solid #a9a9a9;
}

.Table2Column td {
	text-align: left;
	border: 1px solid #a9a9a9;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.Table2Column tr {
}


.Table3Column {             /*AzTestCenters.aspx*/
    margin-left: auto;		                				   /*center div in browser*/
	margin-right: auto;	
	border: 1px solid #a9a9a9;
    white-space: nowrap;
}

.Table3Column td 
{
	text-align: left;
	border: 1px solid #a9a9a9;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Table3Column tr 
{
}


.AzTestCenters3Column {         /*AzTestCenters.aspx*/
    white-space: nowrap;
}

.AzTestCenters3Column td 
{
	text-align: left;
	padding: 5px;
	padding-right: 40px;        /*hack to remove white space to right of cell #1 and make cells have equal widths*/
	
}

.AzTestCenters3Column tr 
{
}

/* ******************************* CONTAINERS / TABLES / COLUMNS END ********************************** */


div.RelatedLinkDesc {
	margin-left: 250px;
	margin-top: 0px;																	/*Mozilla & Opera - prevents margin at top of item*/
    }

div.RelatedLinks {
    float: left;
}

div.RelatedLinksBox {
	position: relative;
	width: 225px;
	height: 45px;
	margin-left: 10px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	float: left;
}

div.RelatedLinks a {
	text-decoration: none;																		/*removes hyperlink underline from text*/
	color: #000000;
}

div.RelatedLinkText1 {
	position: relative;																					 /*IE - removes vertical-align bug*/
	top: 10%;																		  /*IE - removes vertical-align bug - adjust to center*/
	left: 10px;
	font-size: 100%;
	font-family: arial narrow;
	font-style: italic;
}

div.RelatedLinkText2 {
	position: relative;																					 /*IE - removes vertical-align bug*/
	top: 20%;                                                                           /*IE - removes vertical-align bug - adjust to center*/
	left: 10px;																		  
	font-size: 85%;
	font-family: arial narrow;
}

p.tnPhoto {					/*(Footer) Must be 50px in HEIGHT - i.e. 36 x 50*/
	top: 0px;
	left: 0px;
	margin: 0px;																			/*IE & Mozilla - prevent margin at top of item*/
	padding: 0px;																				   /*Opera - prevent margin at top of item*/
	float: left;
}

p.tnPhoto img {
	border-style: none;
	top: 0px;
	left: 0px;
	margin-top: -7px;																			/*IE & Mozilla - prevent margin at top of item*/
	padding-top: -7px;																				   /*Opera - prevent margin at top of item*/
	float: left;
}

#AzCountyMap {
	position: absolute;
	left: 22px;
}

#AzCountyMapIframe {
	position: absolute;
	width: 225px;
	height: 236px;
}

div.AzCountyMap {
	position: relative;
	width: 225px;
	height: 236px;
	margin-left: 10px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	float: left;
}

ul.bullet_arrow 
{
    LIST-STYLE-IMAGE: url(../images/bullet_arrow5.gif);
}

#quick_link_section
{
    width: 740px;
    
}

.Hide
{
    list-style-type: none;
}    

li.spacer 
{
    list-style-image: none;
    list-style-type: none;
}
table.quick_link_columns 
{
    margin:0px;
    padding:0px;
}

tr.quick_links li
{
    font-size:11px;
    }
    
tr.quick_links td
{
    width: 25%;
    }

/* ----------Rows Start---------------- */

*html #rows{
	margin-top:1em;
	float: right;	
	}
.rows{
	margin-top:.5em;
	display: table;
	width: 740px;
	}
.row_wrapper{
	font-size: 0.7em;
	padding-top: 3px;
	padding-bottom:3px;
}
.row_wrapper h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-size: 1em;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-decoration: none; 
}
.row_wrapper h4 a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	float: right;
	padding-left: 5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin-top: 3px;
}
.row_wrapper h4 a:hover {
	text-decoration: underline;

}
.row_wrapper h5  {   
	border-bottom-width: 1px;   
	border-bottom-style: solid;   
	border-bottom-color: #666;   
	font-size: 1em;    
	padding: 0px 0px 5px 0px;   
	margin-top: 2px;  
	margin-right: 0px;   
	margin-bottom: 2px;   
	margin-left: 0px;   
} 

.row_wrapper h5 a {    
	font-size: 1em;   
	color: #000;    
	font-weight: strong;   
	text-decoration: none; 
} 

.row_wrapper h5 a:hover {   
	
} 
.row_wrapper h6  {    
	border-bottom-width: 1px;   
	border-bottom-style: solid;   
	border-bottom-color: #666;   
	font-size: 1em;   
	padding: 0px 0px 5px 0px;    
	margin-top: 2px;    
	margin-right: 0px;    
	margin-bottom: 2px;   
	margin-left: 0px;        
} 
.row_wrapper h6 a {    
	border-left-width: 1px;   
	border-left-style: solid;   
	border-left-color: #666;   
	padding-left: 5px;   
	margin-left: 5px;   
	font-size: 0.9em;    
	font-weight: normal;    
	color: #666;    
	text-decoration: none; 
} 
.row_wrapper h6 a:hover {    
	color: #666; 
} 
.row_wrapper .column01{
	float: left;
	width: 23.0em;                                          /*for three columns*/
	padding-right: 1.3em;
	white-space: normal;
}
.row_wrapper .column01 ul{
	margin-top: 0px;
	margin-bottom: 0px;
}
.row_wrapper .column01 li{
	margin: 0px;
	padding: 0px;
}
.row_wrapper .column01 li a{
	color: #000000;
	text-decoration: none;
}
.row_wrapper .column01 li a:hover{
	text-decoration: underline;
}

.column02{
	float: left;
	width: 724px;                                          /*for three columns*/
	padding-right: 1.3em;
	white-space: normal;
}

/* ----------Rows End---------------- */

.QuickLinkButton 
{
	background-color: #f0f0f0;
	width: 220px;
	height: 80px;
	border: 2px solid #d7d7d7;
    text-align: center;
    margin-top: 10px;                                                   /*space between button and column div*/
    margin-left: auto;                                                  /*centers button in column div*/
    margin-right: auto;                                                 /*centers button in column div*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* behavior: url(../assets/css/border-radius.htc); */
}

.HomePageAlertsSpace 
{
	background-color: #DDDDDD;
	width: 715px;
	height: 100%;
	border: 1px solid #000000;
    font-size: 1.2em;
    padding-left: 5px;
    margin-top: 5px;                                                   /*space between button and column div*/
}

span.NewsAlerts 
{
	font-size: 90% !important;																 /*Opera - '!important' corrects font-size bug*/

}
